以尖叫青蛙中的大图像为目标
审核图像的性能
有很多真正技术性的技巧可以改善您网站的页面加载时间。例如浏览器缓存、最小化 CSS 和延迟外部请求。提高页面速度的最简单(通常也是最有效的)方法是调整图像大小和压缩图像。
一旦确定了图像的最佳格式,就该看看可能对性能产生负面影响(即增加页面加载时间)的具体图像因素,即:
每像素字节数
总像素
图像文件的总大小就是像素数乘以用于编码每个像素的字节数的总和。因此,通过优化这两个元素,我们可以减少文件的总大小,这意味着更快的页面加载时间。
优化每像素字节数
好的,让我们回顾一下 Screaming Frog 的图片库。Screaming Frog 默认的最大图片文件大小为“超过 100kb”。如果您的所有图片都低于这个数字,那么您就没问题。
但我们的目标不是“还行”,而是“最佳”!
如果可能,请尝试将所有图片保持在 75kb 或以下。如果您同意,您可以更新 Screaming Frog 设置,以便该工具将所有超过 75kb 的图片分组在一起。只需导航到配置 // Spider // 首选项:
再次运行抓取后,更新您的偏好设置,您将获得一个应压缩为较小尺寸(即每像素更少的 江西电话号码数据 字节)的图像列表。稍后,我们将介绍用于压缩超过 75kb 限制的图像的最佳工具。不过,现在,让我们看看如何优化图像的总像素。
优化总像素
如果优化每图像的字节数意味着压缩,那么优化总像素就意味着调整大小。
自然尺寸与显示尺寸
理想情况下,您网站图像的“自然”尺寸应该与显示尺寸相匹配。
图像显示尺寸
这很直观。如果图片只能以 600 x 302 像素的尺寸显示给用户,那么没有理由不将图片保存为该尺寸。虽然这看起来很容易也很明显,但这是我见过的最常见的图片优化问题之一。
图像裁剪
减少图片总像素大小的另一种有效方法是进行有效裁剪。通常,图片中的许多像素都是不必要的。在这些情况下,裁剪既可以减少总像素数,又可以使图片更具影响力,如下例所示。
頁:
[1]