Google页面速度洞察--优化图片

时间:2014-09-21 作者:Chloe

来自Google Page Speed Insights 是优化(&A);压缩图像。我该怎么做?它列出了数十幅图像,而这几乎不可能全部手动完成。

应该修复:正确优化图像格式化和压缩图像可以节省大量字节的数据。优化以下图像,将其大小减少1MiB(减少88%)。

3 个回复
SO网友:C C

首先,不要让Google Insights驱使你追求可能不存在的ROI。也许对于100万的图像数据改进来说,这是值得研究的——但过一段时间,该工具将使您缩小1K css文件,以节省100字节。

第二,关于图像-不要只是盲目地减少(“压缩”…真是一个用词不当)jpeg图像。jpeg是一种有损格式,如果图像的质量对您很重要,您会注意到图像的质量下降,尤其是当图像具有类似颜色值的大区域时。例如,蓝天-当采样减少超过10%时,开始看起来高度像素化。

您是否阅读了推荐的图像管理指南:

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization

如果图像是您要修改的,并且是静态的,那么使用PhotoShop或类似工具花一些时间在它们上可能是值得的,看看您是否可以调整它们的大小或重新采样。此外,请记住正确的缓存头设置(例如,在Apache config或.htaccess中),您的用户浏览器将缓存静态图像,因此在第一次加载时只会“缓慢”。

如果您允许用户上传图像,那么您需要对它们施加一些限制,或者根据需要通过编程重新调整它们的大小。

SO网友:Md. Ehsanul Haque Kanan

这个问题由来已久。然而,2018年有很多人面临同样的问题。所以,我给出了最有效的答案。

有不同的方法可以优化图像:

  • Use the right format: 请确保以JPEG格式而不是PNG格式将iMages上传到WordPress网站。后者占用了大量空间
  • Resize Images: 您可以使用不同的插件调整图像大小,包括Imsanity. 以下是步骤:

    安装并激活插件Settings > Imsanity.Save Changes 按钮

  • Compress Images: 有不同的插件可以做到这一点,包括ShortPixel. 您可以找到详细的步骤here.
所有这些图像优化插件的酷之处在于,它们可以自动调整和压缩所有图像的大小。因此,您不必担心花费大量时间在每个图像中逐个手动执行这些功能。

SO网友:Usman Siddiqui

编辑您的functions.php 文件并在末尾添加此代码

add_filter( \'jpeg_quality\', create_function(\'\', \'return 50;\' ) );

结束

相关推荐

定义`GET_POST_QUALUALY_Images`的大小,它们似乎已调整为150x150

我正在使用get_post_gallery_images 它可以输出150x150的图像。它看起来不需要大小参数,所以我假设它只会显示最大的图像,或者最好是我定义的一个大小。150x150太小了,有没有地方可以声明我想要多大尺寸的画廊图片?例如,我正在做:<?php $gallery = get_post_gallery_images( $post ); foreach ($gallery as $img) { ?> <li><img src