通过图像压缩来补充Lazy Loading

在过去的几个月里,我们一直在讨论图像压缩的重要性。 无论是在 Joomla、WordPress、Drupal 还是任何其他 CMS 中,图像压缩都会提高页面重量,从而缩短全局加载时间。 另一方面,图像lazy loading通过推迟图像加载直到读者看到图像时来方便浏览您的网站。

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

图像lazy loading并不是解决所有博客加载问题的最终解决方案。 在某些情况下,您需要预加载图像。 在其他情况下,您的图像较大,加载时间过长。 这些场景的共同点是图像对加载时间有最终决定权。 这就是图像压缩的用武之地。

延迟加载和图像压缩

 

勤奋的图像压缩

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

ImageRecycle扮演了图像优化器的角色。 ImageRecycle旨在在不影响质量的情况下减小图像的大小。 图像包含现代网页中一些最常见和最大的元素。 减小它们的大小意味着支付更少的存储空间和更快的浏览体验。 效果是惊人的。 我想补充一点,当lazy loading使用预加载视口等先进技术时,效果会更加令人印象深刻,这意味着一两个屏幕高度已经预加载了图像。

预加载图像视口

 

 

由于有方便的 API, 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是减少博客加载时间的好方法,但是有时它可能几乎是肤浅的-暂时提高了网页速度。

    评论| 添加你的
      • 没有找到评论