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

作者：ERIK又 | 2023-08-29 03:18

如何解决《如何在静态HTML网站上改善加载时间？》经验，为你挑选了1个好方法。

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

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

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

使用JPG会改善性能吗？

以下是该图片的HTML代码:

Dave Swersky.. 12

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

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

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

1> Dave Swersky..：

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

推荐阅读

程序员
如何在PHP页面上从orientdb访问数据？

如何解决《如何在PHP页面上从orientdb访问数据？》经验，为你挑选了1个好方法。 ... [详细]
程序员
在哪里可以找到已翻译的Linq to Entity查询到Sql

如何解决《在哪里可以找到已翻译的LinqtoEntity查询到Sql》经验，为你挑选了2个好方法。 ... [详细]
程序员
django在已清理的数据上形成预取

如何解决《django在已清理的数据上形成预取》经验，为你挑选了1个好方法。 ... [详细]
程序员
在Unity插件中使用android jar中的context.getClassLoader.getResaurceAsStream无法访问图像

如何解决《在Unity插件中使用androidjar中的context.getClassLoader.getResaurceAsStream无法访问图像》经验，为你挑选了0个好方法。 ... [详细]
程序员
mvn release:在java 8中执行失败 - 添加了javadoc插件

如何解决《mvnrelease:在java8中执行失败-添加了javadoc插件》经验，为你挑选了0个好方法。 ... [详细]
程序员
使用数组值将数组转换为不同的结构

如何解决《使用数组值将数组转换为不同的结构》经验，为你挑选了1个好方法。 ... [详细]
程序员
"使用HttpClient根据验证程序,远程证书无效"

如何解决《"使用HttpClient根据验证程序,远程证书无效"》经验，为你挑选了1个好方法。 ... [详细]
程序员
awk在输出中打印一个额外的行{print $ x}

如何解决《awk在输出中打印一个额外的行{print$x}》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何为qtcreator编写调试助手？

如何解决《如何为qtcreator编写调试助手？》经验，为你挑选了1个好方法。 ... [详细]
程序员
Angular ui-router:按下浏览器中的后退按钮,停止控制器重新加载

如何解决《Angularui-router:按下浏览器中的后退按钮,停止控制器重新加载》经验，为你挑选了1个好方法。 ... [详细]
程序员
为什么不能在编译时解决运行时多态？

如何解决《为什么不能在编译时解决运行时多态？》经验，为你挑选了5个好方法。 ... [详细]
程序员
Web服务连接超时和请求超时之间的差异

如何解决《Web服务连接超时和请求超时之间的差异》经验，为你挑选了1个好方法。 ... [详细]
程序员
命名列表时使用粘贴

如何解决《命名列表时使用粘贴》经验，为你挑选了0个好方法。 ... [详细]
程序员
ImportError:无法导入名称Pubnub

如何解决《ImportError:无法导入名称Pubnub》经验，为你挑选了1个好方法。 ... [详细]
程序员
Spring Data是否支持OrientDB？

如何解决《SpringData是否支持OrientDB？》经验，为你挑选了1个好方法。 ... [详细]
程序员
Robolectric测试抛出RuntimeException:java.lang.ClassNotFoundException

如何解决《Robolectric测试抛出RuntimeException:java.lang.ClassNotFoundException》经验，为你挑选了1个好方法。 ... [详细]
程序员
Spring Security java.lang.IllegalArgumentException:输入中的非十六进制字符

如何解决《SpringSecurityjava.lang.IllegalArgumentException:输入中的非十六进制字符》经验，为你挑选了0个好方法。 ... [详细]
程序员
为什么我的IF声明不能显示我想要的结果？

如何解决《为什么我的IF声明不能显示我想要的结果？》经验，为你挑选了1个好方法。 ... [详细]
程序员
你如何确认一个字符串只包含Swift中的数字？

如何解决《你如何确认一个字符串只包含Swift中的数字？》经验，为你挑选了2个好方法。 ... [详细]
程序员
CSS边框底部的曲线

如何解决《CSS边框底部的曲线》经验，为你挑选了1个好方法。 ... [详细]

ERIK又

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

RankList | 热门文章