如何提高WordPress图片加载速度

如何提高WordPress图片加载速度？商家可以借助WordPress懒加载插件快速实现图片延迟加载，操作简单无需复杂代码；也可将WordPress升级到5.4及以上版本，使用系统原生懒加载功能；还能直接在图片代码中添加loading=”lazy”属性，让浏览器自主控制加载节奏。这几种方式都能有效减少页面加载压力，提升外贸独立站的访问速度与转化效果。下面就详细介绍具体的操作方法。

1、使用WordPress插件

可以通过添加WordPress插件在网站上实现懒加载，如果使用合适的插件，懒加载图片能显著提升网站性能。这些插件用户友好，通常只需极少的配置，即使没有高级技术知识，它们也易于使用。

要开始，商家需要从WordPress插件库中选择一个WordPress懒加载插件，安装并激活插件，然后配置插件设置，对图片、视频和iframe等元素进行懒加载。

ShortPixel插件官网：点击直达

如果用的是ShortPixel图像优化插件中的图像优化，它并不会对图片进行应用懒加载。但为了将其与延迟加载效果相结合，还建议使用ShortPixel插件的自动优化，只需安装它，然后导航到“设置”-“自动优化”-“图像”。请勾选“Lazy-load images？”中的复选框，如下所示。

勾选Lazy load images复选框

WordPress的懒加载插件专门用于按需提供图片，无需代码。但即使没有插件，更高版本的WordPress也内置了懒加载图片的功能。

2、升级到 WordPress 5.4 或更高版本

WordPress 5.4 引入了原生的懒加载功能，通过 HTML 属性自动应用到所有图片标签上，不需要插件WordPress图片也可实现懒加载，进而提高图片加载速度。

这种优化范式将涵盖内容中的图片、评论、文本小部件和帖子摘录，这是一种标准化的方法，意味着图片加载时不会有布局变化或内容跳跃。

要升级，请访问WordPress仪表盘-更新，如果版本是5.4之前的，该页面会向用户提示更新。

3、在浏览器中启用原生懒加载

还可以直接在HTML级别应用延迟加载，而无需插件或JavaScript库。只需确保该属性已添加到您的图像或iframe标签中：loading=“lazy”

<img src="photo.jpg" loading="lazy" alt="Description">

<iframe src="video-embed.html" loading="lazy"></iframe>

即使禁用JavaScript，这也能正常工作，因为它是由浏览器处理的，Chrome、Edge、Firefox和Safari都支持它。

Chrome还考虑了用户的设备视口，即屏幕上页面可见的部分，来优先加载哪些图片。可见区域以下的图像加载优先级较低，设置会让浏览器完全推迟这些内容，直到用户滚动到它们。

如何提高WordPress图片加载速度

联系我们

0551- 62586667

如何提高WordPress图片加载速度

相关文章

联系我们

0551- 62586667