网络P
由 Google 开发的格式,可减小文件大小并支持透明图像和动画。即使外观没有改变,根据项目的不同,文件大小也可以减少60-70%。现在几乎支持所有以前不支持的浏览器。
下一代格式。使用视频编解码器压缩
技术的图像文件格式。恶化较少并且可以减小文件大小。尚不支持 Chrome 以外的某些浏览器,但您可以通过更改 HTML 设置来区分它们。
3:延迟加载离屏图像
通常,当单击 URL 时,会立即加载当 https://lastdatabase.com/zh-CN/country-email-list/ 前显示在显示屏上的图像以外的图像,但如果图像较多或过重,则页面速度可能会变慢。因此,如果设置为延迟加载,即优先加载当前可见的图片,在滚动后可能即将显示的图片阶段加载下一张图片,页面显示速度会提高不会掉很多。要使用此功能,需要加载特殊的 JavaScript,但现在还可以嵌入一个 HTML 标签来自动设置延迟加载。
4:在图像元素中显式指定宽度和高度
设置图像时,请务必指定宽度和高度。否则,浏览器每次加载时都会调整布局以匹配图像,从而导致显示间隙和延迟。通过提前指定,您不仅可以加快显示速度,还可以防止 CLS 的发生,这是下面解释的核心 Web Vitals 之一。
解释指定图像宽度和高度的重要性
拥有大量图像的网站最好使用“CDN”
对于更高级的用户,使用“内容交付网络 (CDN)”可能是一个好主意,它可以从单独的服务器交付页面的 HTML 文件和图像数据。由于可以以分布式方式分发图像,因此可以更快地显示图像。
铃木在Web Manager论坛上也对CDN进行了说明,请参考。
使用“页面速度洞察”来检查您公司页面显示速度缓慢的原因。
如果你使用谷歌的免费工具“ Page Speed Insights”来检查你自己的页面,它不仅会发现问题,还会提出改进建议。即使您在使用下一代格式之前使用的是 JPG 或 PNG,您仍然可以通过删除图像中包含的多余数据来减轻重量并优化图像。
PageSpeed Insights 的分析结果示例
“Page Speed Insights”的分析结果示例
使用 Squoosh,这是一款免费工 英国初创企业的最佳潜在客户开发机构:专家建议 具,非常适合减少图像重量和转换格式。
Squoosh是Google免费提供的一款图像压缩减重工具。尽管人眼无法察觉差异,但可以在保持图像质量的同时减轻重量。这将有助于提高加载速度。还可以在线免费提供可以将 JPG 和 PNG 转换为 WebP 和 AVIF 的转换器。