如何在静态HTML网站上改善加载时间?

sch*_*har 5 html gif

我们正在开发一个网站,并注意到GIF图像(100kb - 200kb)的加载速度非常慢.

该网站是一个CSS/HTML静态网站.

有没有人指出为什么图像可能加载缓慢?

使用JPG会改善性能吗?

以下是该图片的HTML代码:

<div><img src="images/mainImg_3.gif">
Run Code Online (Sandbox Code Playgroud)

Dav*_*sky 12

它们装载速度很慢,因为它们非常庞大.200KB是一个非常大的图像文件.我不确切知道Web图像的建议是什么,但将它们保持在50K以下是一个非常好的主意.

GIF图像对于摄影图像不是非常有效.您应该尝试其他格式,如JPG和PNG,看看是否可以使用较小的文件大小获得相同的质量.您应该能够在保持质量的同时缩小文件大小.

另一个技巧:使用缩略图.保存每个图像的两个版本,一个是另一个的25%(按分辨率).如果他们想要查看更多内容,您的网站访问者可以点击缩略图.这将加快加载时间并减少带宽费用.