背景图片严重拖慢网站速度

Background image severely slowing site down

我目前正在根据 Wordpress Avada 主题自定义我的主页。但是我有一个非常丰富的背景图像,它是 18mb 的背景。因此页面运行速度非常慢,大约需要 45 秒才能加载主页。

解决这个问题的方法是什么,我如何使文件变小,其他网站是怎么做的?

感谢所有回复。

谢谢

您需要最小化背景图片。 18 MB 对于网站来说太重了。使用 Photoshop 或任何其他图像处理工具来减少图像重量。并且必须将权重降低到 300 KB 以下。否则你的网站以后会很慢。

有几种方法可以缩小照片:

使用 https://tinypng.com/ 缩小图像尺寸。 但是,图片可能会在此过程中失去一些质量。

您也可以将其托管在用于更快地传送内容的 CDN 中。 在这里阅读更多相关信息: http://www.webopedia.com/TERM/C/CDN.html

尽量使用通常较小的文件格式。 阅读更多相关信息:https://en.wikipedia.org/wiki/Image_file_formats

编辑: 是的,Photoshop 最小化也可以在此过程中提供帮助。

将宽度为 1920 或高度为 1080 的图像缩小,以较大者为准。

使用 60% 质量将图像保存为 JPG,文件应小于 1MB。如果您使用的是 photoshop,请将图像保存到网络而不是另存为。

除了使用 photoshop 和 gimp 等工具外,您还可以使用插件自动批量调整和压缩所有图像以及 WordPress 生成的缩略图,这里有一些我发现效果很好的免费插件:

  • EWWW Image Optimizer : 使用 jpegtran、TinyJPG、JPEGmini、optipng、pngout、pngquant、TinyPNG 和 gifsicle 在服务器上压缩图像。
  • Imagify Image Optimizer : 在他们的服务器上压缩 25 MB 一张图片
  • Imsanity : Imsanity 自动调整(不压缩)上传的巨大图像。