您可以通过多种方式优化图像。首先,您必须确定最适合图像特性的图像格式。除了传统的 JPEG、PNG 和 GIF 格式之外,Web 优化的图像格式(例如WebP和 Avif)还提供高水平的压缩和卓越的质量。 WordPress默认支持这两种格式,因此您可以在电子商务网站上自由使用它们。
AVIF 格式支持
AVIF 格式支持(来源:caniuse)
选择适当的图像格式后,您可以继续进行压缩。您有两种类型的图像压缩:有损和无损。有损压效。但是,您必须考虑信息丢失以及因此导致的图像质量下降。
如果图像质量对您的网站至关重要,无损压缩可能是正确的选择,尽管节省的大小可能可以忽略 bc 数据 不计。要压缩图像而不丢失信息,您将需要FileOptimizer或ImageOptim for WordPress 等工具或 Photoshop 等照片编辑程序。另一种选择是Gzip 压缩。
使用 Kinsta 优化图像
由于我们与 Cloudflare 集成,Kinsta 提供免费图像优化。这意味着您的 PNG、GIF 和 JPEG 图像会自动转换为 WebP 格式,以提高网站的速度和性能,而无需使用第三方插件。
您可以在 MyKinsta 中的Cache > CDN > Image Optimization下激活自动图像优化。
MyKinsta 上的图像优化
MyKinsta 上的图像优化
单击“图像优化”框中的“设置”按钮,然后选择您需要的优化类型。
MyKinsta 上的图像优化
MyKinsta 上的图像优化
6. 减少 HTML、CSS 和 JavaScript 资源的大小
您可以通过缩小、压缩和缓存 HTML、CSS 和 JavaScript 资源来减少浏览器下载以在屏幕上显示页面的数据量。
代码精简是从源代码中删除不必要的字符的过程。注释和空格在开发中很有用,但浏览器不需要它们来呈现页面。通过代码缩小,您可以将 HTML、CSS 和 JS 资源的大小减少多达 50% 或更多。
然而,值得注意的是,Cloudflare最近宣布停用其 Auto Minify 功能:
我们计划删除该功能的原因有很多,但归结为这样一个事实:这是一个为了减少页面重量而使用的性能功能,而且它的效率不如 Cloudflare 正在开发的其他项目,例如提高压缩率。
您可以通过压缩减小传输文件的大小以提高页面速度并使用更少的带宽。GZIP 压缩允许您压缩原始数据集而不会丢失信息。任何类型的文件都可以压缩,但 GZIP 最适合基于文本的资源,例如 HTML、CSS 和 JS。另一种压缩类型是 Brotli,它比 GZIP 更新、更高效,并且受到所有主流浏览器的支持。
缩在减小文件大小方面更有
-
- Posts: 376
- Joined: Sat Dec 21, 2024 3:40 am