如何加快WordPress网站的图片加载速度

2022年8月19日18:00:00 发表评论

为了使您的WordPress网站更能吸引访问者并增加转化次数，网站的内容必须吸引人。图文搭配可以使你的文章更具吸引力，但是，高质量图像通常意味着较大的文件大小，会导致网页加载速度变慢。所以，我们应该在确保图文排版需求的情况下，尽可能优化图片来减少对网页加载速度的影响。

在这篇文章中，我们将说明图像如何影响WordPress网站的速度和性能。然后，我们将为您提供4种优化方式，以减少页面加载时间。您无需在优质媒体和缩短加载时间之间进行选择。如果您使用适当的工具和方法，就可能实现两全其美。您可以通过以下4种方式优化图像以提高WordPress网站速度。

如何加快WordPress网站的图片加载速度

一、减小图片的文件大小

优化图像的一种方法是在将其上传到WordPress媒体库之前，减小其文件大小。简而言之，这涉及调整尺寸大小并通过压缩来调整质量。

图像压缩有两种类型：

有损压缩，是指图像丢失某些数据以减小文件大小。虽然不足以对访问者造成任何明显的变化，但它可以减轻服务器的负担。
无损压缩，所有图像数据都是完整且可检索的。画质不会受到影响，图像仅在未压缩时才会呈现。

通常，我们建议对照片等高质量的视觉效果进行无损压缩。对于更简单的图像，您可能希望选择有损压缩，以对性能产生更大的影响。

您可以使用多种压缩工具，包括免费的TinyPNG服务。TinyPNG使用有损压缩并有选择地减少图像中的颜色数量。尽管名称如此，TinyPNG可以同时压缩JPG和PNG。

还有一个TinyPNG插件，可以自动压缩您上传到WordPress的所有图像。它也可以优化任何以前上传的文件。如果您的站点已经具有大量视觉效果，这将很有用，并且手动压缩每个图像也不可行。

替代的图像优化插件包括Optimole，Imagify和Smush Pro。

二、选择适当的文件格式

如前所述，压缩类型和文件格式都是进行优化的重要因素。选择适当的图像类型可以减轻其重量，从而提高站点的速度。

网络上的图像有四种主要文件格式：

1、PNG – 此格式需要无损压缩。通常，PNG图像是高质量的，但文件大小自然很大。

2、JPEG – JPEG图像的质量往往低于PNG文件，但自然也较小。有损压缩是进一步减小其大小的最常用方法。

3、GIF – 此格式仅使用无损压缩。它是为文件较小的动画图像保留的，通常用于社交媒体和博客文章。

4、WebP – 一种相对较新的文件格式，可以使用有损或无损压缩。WebP图像比PNG小26％，比JPEG小34％。但是，并非所有主要的互联网浏览器（最著名的是Safari）都支持该格式。

WebP图像在提供最小的文件大小和最高的质量方面具有优势。但是，由于Safari是仅次于Google Chrome的第二受欢迎的浏览器（尤其是对于移动设备），因此它并不是可靠交付视觉内容的最佳选择。

5、应谨慎使用GIF。尽管它们通常是幽默或教学信息的极好来源，但动画往往会拖累您的网站速度。在PNG和JPEG图像之间进行选择时，普遍的共识是，前者最适合屏幕截图和图形，而后者则可以产生更好的照片。

三、使用延迟加载插件

正如我们已经提到的，有一些在线工具可用于压缩媒体文件。但是，除了调整格式和大小外，您还可以利用延迟加载来进一步优化图像。如果使用延迟加载图片，当访问者仍位于顶部时，页面底部的照片或图形将不会加载呈现。用户向下滚动页面时，底部的图片才会逐步加载出来。该技术的目的是最大程度地减少访问者的浏览器必须同时加载的图像数量。它有助于带宽占用和提高站点速度。要启用此功能，我们建议使用图像优化和延迟加载插件，例如WP Smush。

四、启用浏览器缓存

浏览器无需每次都直接从服务器下载图像，而是可以将这些文件本地存储在访问者的计算机上。这种缓存会大大降低后续访问时的页面加载速度。

您可以使用WordPress缓存插件（例如W3 Total Cache 或WP Super Cache）启用浏览器缓存。

或者，您可以通过编辑站点的.htaccess文件来启用浏览器缓存。这是一个重要的文件，因此，只有在您愿意编辑代码的情况下，我们才建议您使用此方法。

如果确实要编辑.htaccess文件，首先创建备份是明智的。这样可以确保您在遇到任何问题时都可以进行恢复。

五、禁止图片盗链

使用其他网站上的图片时，最好先下载该图片，然后再将其上传到您自己的服务器上。但是，这并非总是会发生，因为某些网站犯有“热链接”的问题。

当第三方链接到服务器上托管的图片时，就会发生热链接。每当对方的网站加载此图像时，它都会占用您的带宽。

热链接可能会降低您网站的性能，甚至无法为您提供任何页面浏览量。根据您的托管服务提供商，热链接甚至可能会产生额外费用。

为防止其他站点占用您的带宽，您可以使用插件来禁用热链接，例如All In One WP Security＆Firewall。激活插件后，您可以通过导航到WP Security>防火墙> Prevent Hotlinks来找到此功能。

如果你使用阿里云OSS或CDN，或其他第三方存储服务，这些平台一般都是有相关的设置选项的，可以查看并开启。你也可以百度一下“禁止图片盗链”看看更多相关的教程。

六、使用CDN服务加速图片加载

CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。正如百度百科所说，CDN可以就近分发文件，所以采用CDN托管图片和其他静态资源，可以一定程度上改善图片等静态文件的加载速度。

写在最后：

这些精美的高分辨率图像可能会吸引读者的兴趣，但同时也会减慢您的网站速度。通过优化图像，您可以在创建吸引人的，引人注目的内容与提供高性能网站之间取得平衡。

Tips:

掘金网建议新手小白们不用太纠结有关技术层面的东西，这些技术自己如果实在无力拿下的话，完全可以付费来给你搞定的，掘金网目前就提供这样的付费技术支持服务《去付费》，花钱不多可以买个保障和安全，有需要的可以联系掘金网。