网站优化

Question

有我可以加快图像加载 - 特别当我第一次打开网站它需要一些时间的图像加载... 有什么我可以做，以改善此（html，css ）？

link

感谢所有为你解答。

Answer 1

在客户端上，可以进行多部分下载;例如在Firefox中，有一些network.http.pipelining下的设置可以帮助加速下载。

在服务器上，你几乎没有办法做（尽管你可以gzip基于文本的文件）。客户端必须知道如何缓存。

Answer 2

作物大小http://www.ursic-ei.si/datoteke/d4.jpg！它的宽度为900像素，大部分（半？）是空白的。使图像变小，然后使用background-position和backgroud-color来补偿您修剪掉边缘的任何东西。

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

Answer 3

对于图像，您应该考虑内容交付网络（CDN），它将缓存您的图像和其他文件，并以比您的网络服务器更快的速度服务它们。

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

Answer 4

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

尝试使用GIF和/或PNG，同样可以减少这些颜色的数量。通常这种格式比JPG格式更好，当你有简单的图片和很少的颜色。

还要考虑如果你的一些图像是一个简单的模式，可以重复/重复多次。例如，如果您有带横幅的背景图片，则只需一行，然后重复播放几次。