加快WordPress网站的图片加载速度的方法

图像对于吸引和保持读者的兴趣非常重要。但是,它们也是网络上加载速度最慢的元素之一。加载缓慢可能会导致访问者放弃您的网站,因此解决图片加载慢的问题尤为重要!

如果您想要一个更轻、更快的网站,那么图像优化是一个不错的起点。通过优化,您可以继续以美观、高质量的视觉效果吸引观众的注意力,而不会显着增加页面加载时间。

加快WordPress网站的图片加载速度的方法 第1张

1.选择正确的文件格式
在开始优化图像之前,重要的是要确保使用最合适的图像文件格式。您可以使用几种方法,包括一些其他选项,例如JPEG XR和WebP。

尽管这些可以显着提高图像加载速度,但并非所有浏览器都支持它们。为了确保您的网站可访问,通常需要避免使用更特殊的格式。

JPEG或JPG图像可以同时使用有损和无损优化。这通常使其成为具有多种颜色的图像的最佳文件格式。您还可以调整质量水平。这可以帮助您在显示清晰,清晰的图像和减小文件大小之间取得最重要的平衡。

同时,PNG文件可产生更高质量的图像,但尺寸更大。您可能可以将简单图像格式化为PNG,而文件大小不会失控。但是,您通常会希望避免使用PNG以获得更复杂的视觉效果。

2.使用图像压缩工具
压缩可以通过删除或分组文件的某些部分来减小图像的大小。这种压缩可以是“无损”或“有损”的。

无损压缩会减小文件的大小,而不会影响质量。有损压缩通常可以节省更多大小,但是它涉及丢弃文件的某些部分。这会影响图像的质量。

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

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

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

您可以使用WordPress缓存插件(例如W3 Total Cache 或WP Super Cache)启用浏览器缓存:

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

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

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

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

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

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

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

5. 使用延迟加载
延迟加载也称为惰性加载,即在长网页中延迟加载图像。用户滚动到它们之前,视口外的图像不会加载。这与图像预加载相反,在长网页上使用延迟加载将使网页加载更快。在某些情况下,它还可以帮助减少服务器负载。

延迟加载有什么好处:

首先它能提升用户的体验,试想一下,如果打开页面的时候就将页面上所有的图片全部获取加载,如果图片数量较大,对于用户来说简直就是灾难,会出现卡顿现象,影响用户体验。
有选择性地请求图片,这样能明显减少了服务器的压力和流量,也能够减小浏览器的负担。
推荐阅读:6个好用的WordPress Lazy Loading延迟加载插件

6.考虑使用内容分发网络(CDN)
当您选择为您的网站主机和计划,你可能不得不选择一个数据中心位置的选项。例如,您的网站可能实际位于国外的服务器上。

当数据必须经过更长的距离时,会导致延迟。通常,距离越远,网站加载所需的时间就越长。如果您的主机服务器位于国外,那么国内的访问者通常比国外的访问者经历更长的加载时间。

内容分发网络(CDN)可以通过地理距离缩短延迟造成的。通过CDN提供优化的图像,您可以大大减少页面加载时间。CDN是位于世界各地的服务器网络。这些服务器有时称为存在点(POP)托管并提供站点静态内容(包括图像)的副本。每当有人访问您的站点时,CDN都会使用地理位置路由来检测用户请求的来源。然后,访问者可以从物理上最接近图像的数据中心加载图像。

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

关于加快WordPress网站的图片加载速度的方法的相关内容;如有侵权,请联系老文删除。

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
老文的头像老文
上一篇 2021年8月12日 下午7:15
下一篇 2021年8月12日 下午7:25

相关推荐

  • WordPress开启HTTPS后正文图片改为HTTPS两种方法

    WordPress 站点开启 HTTPS 后,文章中引用的图片就很有必要把 HTTP 统一改为 HTTPS,要不然会地址栏上的绿锁就会有黄色的三角,感觉是很不爽的。为了解决这个问题,我们有两种方法:一个是治标不治本的办法,就是在主题的  functions.php 文件中加入字符替换语句,这样读者在每次访问的时候会相应的把图片的 http 链接替换为 htt…

    2021年9月28日
    613
  • WordPress安装更新主题、插件时需要FTP的解决办法

    由于今天换服务器了,wordpress搬家了一下,结果更新插件的时候,出现如图现象:或者有时候,我们在安装主题的时候,也会报同样的错误,如下图: 解决方法 不管是上面任意一种错误,还是有类似的 FTP 或 SFTP 错误,其实,我们都可以解决。具体的解决操作步骤如下: 第一步:连接FTP或服务器,再网站根目录,找到wp-config.php 配置文件。 在代…

    2023年5月27日
    464
  • 使用测速脚本对 Linux 服务器进行测速

    最近又搞了个美国的服务器来学习,但是发现在国内直连速度特别慢,就想知道一下他的速度到底怎么样?在厘米大神那找了个综合测速脚本进行测速,并记录如下! 使用 root 账号登陆服务器,输入以下指令: wget -qO- bench.sh | bash 通过这个测速脚本,缙哥哥发现服务器方面,Pump Cloud 是真的不错,阿里云次之,最近买来学习Linux的那…

    2021年8月12日
    405
  • 腾讯云轻量应用服务器云硬盘挂载教程(挂载释放后才能用)

    前言:之前作者买的腾讯云的轻量应用服务器无忧套餐,无忧套餐顾名思义,使用无忧续费同价,良心云名不虚传,但是我买的是低配的硬盘只有50G,考虑到目前的数据增长情况,这个硬盘大小是不够的,比较好的是在用户的呼声下,轻量的产品经理安排上线了轻量的云硬盘,解决了容量不够这一个大问题,必须点赞。下面大家就跟着我的思路来进行硬盘挂载吧。 首先你要在腾讯云控制台,把硬盘挂…

    2022年11月12日
    198
  • zblog如果防止被黑?zblog安全模式怎么设置?

    有很多的zblog用户也会来咨询我们“zblog如何防止被黑?”,毕竟做站长的最怕就是网站被黑了。 本文就尝试说明下zblog如果防止被黑和zblog安全模式怎么设置。 防止网站被黑有两个方面可以配置:服务器和程序。 服务器的安全配置这个题目太大了,而且每种配置的服务器的配置方法也不一样,对于这个领域也没有涉猎,所以本文就只讲程序这块怎么来设置。 首先zbl…

    2021年11月18日
    645