利用图像压缩来完善 Lazy Loading

过去几个月,我们一直在强调图像压缩的重要性。无论是在 Joomla、WordPress、Drupal 还是其他任何内容管理系统 (CMS) 中,图像压缩都能降低页面大小,从而缩短整体加载时间。另一方面,图像 lazy loading 通过延迟加载图像,直到读者浏览到图像时才加载,从而优化网站浏览体验。.

通过延迟图片加载,移动端用户可以节省流量。其他用户也能受益于更快的加载速度,从而提升搜索引擎优化 (SEO) 排名。 lazy loading 的积极影响非常显著,以至于谷歌 Chrome 计划在未来的更新中原生支持这项技术。.

图片 lazy loading 并非解决所有博客加载问题的万能方案。在某些情况下,你需要预加载图片。在另一些情况下,图片体积过大,加载时间过长。这些情况的共同之处在于,图片对加载时间起着决定性作用。而这正是图片压缩发挥作用的地方。.

延迟加载和图像压缩

 

认真的图像压缩

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

ImageRecycle 扮演着图像优化器的角色。 ImageRecycle 旨在减小图像大小,同时又不影响图像质量。图像是现代网页中最常见、体积最大的元素之一。减小图像大小意味着更少的存储空间占用和更快的浏览速度。其效果令人惊艳。此外,当 lazy loading 采用预加载视口等高级技术时,效果更加显著,这意味着屏幕高度的一到两个高度的图像已经预先加载完毕。.

预加载图像视口

 

 

ImageRecycle 凭借其便捷的 API,可用于任何项目,但您无需具备任何技术背景即可使用 ImageRecycle。这款图像优化器是 WP Speed of Light 和 Speed Cache 两款插件的组成部分,这两款插件可帮助您优化 WordPress 和 Joomla 博客,并且几乎可以在任何平台上使用,只需配合 PHP 图像压缩脚本即可。.

ImageRecycle- 设置


 

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

如果您是第一次在网站上使用 ImageRecycle ,那么您可以立即提升所有媒体文件的速度。激活插件后,您可以批量压缩所有图像甚至 PDF 文件。将来,您可以单独优化文件或批量压缩媒体文件。最重要的是,此过程在后台运行。.

 

图像压缩微调

能够优化所有图像固然是一大优势,但 ImageRecycle最强大的地方在于其控制力。ImageRecycle ImageRecycle图像优化提升到了一个全新的控制维度。您可以指定要压缩的媒体文件夹,同时保持其他图像的原始状态。.

您甚至可以为不同类型的文件(PDF、PNG、JPG 和 GIF 文件)分别指定压缩级别。压缩级别从最佳压缩(最多可节省 80% 的文件大小)到保留部分原始质量(压缩程度稍低),再到完全不压缩,应有尽有。.

图像压缩质量

 

在某些情况下,您可能需要在压缩图像之前先进行一次初步的缩放操作。例如,如果您的博客并非以媒体内容为主,那么上传尺寸较大的图像时,这些图像在前端渲染时很可能会被缩小。.

最令人担忧的是,这些大尺寸图片占用空间过大,而且需要完整下载才能显示。ImageRecycle 可以自动 ImageRecycle 图片尺寸,使其达到最大宽度或高度,从而避免存储对博客造成不利影响的大尺寸图片。.

Lazy loading是缩短博客加载时间的好方法,但有时效果可能并不明显——只是暂时加快了网页速度。图像压缩通过图像优化,使lazy loading发挥最大效用,从而起到补充作用。还在犹豫不决,或者已经跃跃欲试想一下图像压缩?不妨免费试用ImageRecycle

    • 未找到评论