优化页面加载时的图像


Optimize image on page load

Google Page Speed Insights建议我优化我目前正在处理的网页上的网页图像。图像是从服务器上传的。我想在页面上显示优化的图像,但不希望服务器上的原始图像发生变化。有什么办法可以在 PHP 中做到这一点吗?

上传时应减小图像大小。 试试这段代码。

使用以下用于上传图像的 PHP 代码在上传时减小图像大小

如果您不希望更改原始图像,那么您会发现您为减小文件大小/提供适当大小的图像而执行的任何优化都是多余的,因为动态"优化"图像的开销。(除非你的原始图像就是那么大)

在我看来,您有 3 个选择:

    除非它有巨大的影响
  1. (或者你可以想象它会产生巨大的影响),否则暂时忽略谷歌页面速度。

  2. 您可以使用无损压缩,这将在不降低图像质量的情况下减小文件大小。这是您可以使用各种不同的应用程序在服务器上执行的操作(只需谷歌您遵循的服务器类型,然后进行无损图像压缩)

  3. 只需在上传时(或任何时候)创建原始图像的副本,并将该图像提供给用户即可。这样做的好处是您可以拥有不同尺寸的图像,这些图像可以为不同的设备渲染,例如用于移动设备的小图像,并且您可以再次对所有图像使用无损压缩。这样做的缺点是你显然会使用更多的服务器空间。

希望这有帮助!