网站优化答案

【问题标题】：Website optimization网站优化
【发布时间】：2015-05-02 23:28:34
【问题描述】：

我可以加快图像的加载速度吗？特别是当我第一次打开网站时，图像加载需要一些时间... 我可以做些什么来改进这个（html，css）？

感谢大家的回答。

【问题讨论】：

【解决方案1】：

裁剪http://www.ursic-ei.si/datoteke/d4.jpg的大小！它有 900 像素宽，其中大部分（一半？）是空的和白色的。将图像缩小，然后使用background-position 和backgroud-color 来补偿您从边缘剪掉的任何东西。

您的 HTML 源代码中有很多额外的换行符。意义不大，但理论上 - 因为在 HTML 中，新行和新行之间没有实际区别 - 您可能需要删除一些。

【讨论】：

查看 Google 的 Firebug Page Speed 插件和相关建议，其中更详细地介绍了 Richard 提出的建议（图像优化、最小化负载大小）code.google.com/speed/page-speed/index.html

【解决方案2】：

对于图片，您应该考虑使用内容分发网络 (CDN)，它会缓存您的图片和其他文件，并比您的网络服务器更快地提供服务。

这是任何高流量网站的必备条件。

【讨论】：

【解决方案3】：

在客户端，可以分段下载；例如在 Firefox 中，network.http.pipelining 下有很多设置可以帮助加快下载速度。

在服务器上，您几乎无能为力（尽管您可以 gzip 基于文本的文件）。客户端必须知道如何缓存。

【讨论】：

【解决方案4】：

由于在您的问题中您只询问图像，我想您已经知道 php 处理和/或 javascript 的成本很小。如果你想加快图像的速度，你可以减小它们的大小，提高压缩率……也可以尝试不同的格式。 JPG 并不总是最好的。

尝试 GIF 和/或 PNG，也可以使用这些来减少颜色数量。通常这种格式比 JPG 格式要好得多，因为您的图片很简单，颜色很少。

还要考虑您的某些图像是否是可以多次复制/重复的简单模式。例如，如果您有一个带有侧边栏的背景图片，您只需要一行并重复几次。

【讨论】：