通过图像压缩来补充Lazy Loading

在过去的几个月中,我们谈到了图像压缩的重要性。 无论是在Joomla,WordPress,Drupal还是任何其他CMS中,图像压缩都可以提高页面权重,因此可以提高整体加载时间。 另一方面,图像lazy loading通过将图像加载推迟到读者获取图像之前来促进浏览您的网站。

lazy loading的积极影响非常显着,以至于Google Chrome计划在将来的更新中原生采用该技术。

图像lazy loading并不是解决所有博客加载难题的一切最终方法。 在某些情况下,您需要预加载图像。 在其他情况下,您的大图像加载时间太长。 在这些情况下,常见的是图像在加载时间上拥有最终决定权。 这是图像压缩的来源。

延迟加载和图像压缩

 

勤奋的图像压缩

图片下载后,图像lazy loading延迟,直到需要它们时才进行。 下载图像所需的时间取决于图像的大小-大小是几千字节还是几兆字节。 图像压缩通过减小图像大小来加快实际的下载过程。 当可以延迟加载压缩图像时,为什么要延迟加载完整尺寸的图像?

ImageRecycle是图像优化器的角色。 ImageRecycle旨在减少图像大小而不会影响质量。

预加载图像视口

 

 

得益于便捷的API, ImageRecycle可以在任何项目中使用,但是您不必ImageRecycle技术上的考虑就可以使用ImageRecycle 。 图像优化器是两个可帮助您优化WordPress和Joomla博客的插件的一部分: WP Speed of Light和Speed Cache ,几乎可以在任何具有PHP图像压缩脚本的平台上使用。

ImageRecycle设置


 

在这两个插件或脚本中使用ImageRecycle的过程相对简单。 首先,您需要激活ImageRecycle的免费试用版或购买订阅。 然后,安装并激活WordPress或Joomla扩展以及ImageRecycle插件,然后在设置页面中添加ImageRecycle API密钥和密码。 成功激活ImageRecycle帐户后,无需离开WordPress,Joomla,opencart或任何CMS,即可利用其好处。

如果这是您第一次在网站上使用ImageRecycle ,则可以立即使所有媒体文件达到最新状态。 激活插件后,您可以立即批量压缩所有图像甚至PDF文件。 将来,您可以单独优化文件或批量压缩媒体。 最重要的是,此过程发生在后台。

 

微调图像压缩

能够优化所有图像是一件幸事,但是ImageRecycle的最大优势就是它的控制能力。 使用ImageRecycle ,可以为图像优化提供全新的控件范围。 您可以包括用于压缩的特定媒体文件夹,而使其他图像保持原始状态。

您甚至可以为不同的文件类型(PDF,PNG,JPG和GIF文件)分别指定压缩级别。 压缩级别的范围从最佳保存到最多可减少80%的文件大小,再到永久性较低的原始质量级别,甚至根本没有压缩。

图像压缩质量

 

在某些情况下,您可能需要在图像压缩之前进行初步的调整大小步骤。 考虑将尺寸巨大的图像上传到博客上,而博客并不广泛关注媒体。 无论如何,在前端渲染这些图像时,它们都可能会按比例缩小。

ImageRecycle使您可以自动将图像缩放到最大宽度或高度,以避免存储对博客有不利影响的大图像。

Lazy loading是减少博客加载时间的好方法,但是有时它可能几乎是肤浅的-暂时提高了网页速度。

    评论| 添加你的
      • 找不到评论