加快 WordPress 网站上图片加载速度的 5 条提示

发布时间:2021-01-23 14:10:37 阅读:21

图像对于吸引和保持读者的兴趣至关重要。但是,它们也是网络上加载速度最慢的元素之一。效果不佳可能会导致访问者放弃你的网站,因此克服此问题对其成功至关重要。

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

在本文中,我们将分享通过图像优化来提高网站性能的五种方法。让我们开始吧!

图像优化简介(及其重要性)

图像优化就是在减少图像文件的大小和保持可接受的质量水平之间取得平衡。这样可以减少页面加载时间,而不会因模糊或像素化的视觉效果而对访问者体验造成负面影响。

访客关心页面加载需要多长时间。研究表明,有 40%的人放弃了耗时超过三秒钟的网站。通过优化图像,可以避免流量损失。

页面加载时间也会影响转化次数和收入。研究表明,如果你的网站每天的收入为 100,000 美元,那么延迟一秒钟可能会导致你 每年损失 250 万美元的收入。

此外,Google 使用页面速度作为排名因素。通过缩短网站的加载时间,你可以提高搜索引擎排名并增加自然流量。

通过减小图片的大小,通常可以帮助 Google 更快地对其进行抓取和编制索引。这可以帮助你开始从 Google Image Search 吸引流量。对于时间敏感的视觉效果(例如与时事或快速销售相关的视觉效果),这一点尤其重要。

最后但并非最不重要的一点是,图像优化可以减少网站备份的大小。这可以使处理过程更快,并且生成的文件更小。根据你的托管服务提供商和计划,这甚至可能阻止你超过分配的存储空间并产生额外费用。

如何设置性能基准

在进行任何类型的优化之前,有助于确定性能基准。通过前后测试你的网站,你可以确定所有图像优化工作的切实利益。

每个站点都是唯一的,因此某些优化技术可能会产生比其他更好的结果。为了确定那些能为你的网站带来最佳结果的方法,你可能希望在实施每种策略之后进行性能测试。然后,你可以将性能最强的技术放在未来工作的核心。

你可以使用 Google PageSpeed Insights,Pingdom 或 GTmetrix 之类的工具来衡量网站的性能。

加快 WordPress 网站上图片加载速度的 5 条提示

创建性能基准后,就该开始着手进行改进了。以下是优化图像并减少页面加载时间的五种方法。

1. 选择正确的文件格式

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

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

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

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

2. 使用图像压缩工具

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

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

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

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

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

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

3. 启用浏览器缓存

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

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

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

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

4. 禁用热链接

使用其他网站上的图片时,最好先下载该图片,然后再将其上传到你自己的服务器上(假设你有权这样做并适当地相信原始创建者)。但是,这并非总是会发生,因为某些网站犯有 “热链接” 的罪行。

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

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

5. 考虑使用内容分发网络(CDN)

当你选择为你的网站主机和计划,你可能不得不选择一个数据中心位置的选项。例如,你的网站可能实际位于纽约的服务器上。

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

一个内容分发网络(CDN)可以通过地理距离缩短延迟造成的。通过 CDN 提供优化的图像,你可以大大减少页面加载时间。

CDN 是遍布全球的服务器网络。这些服务器有时称为存在点(POP)托管并提供站点静态内容(包括图像)的副本。

每当有人访问你的站点时,CDN 都会使用地理位置路由来检测用户请求的来源。然后,访问者可以从物理上最接近图像的数据中心加载图像。

CDN 提供程序很多,但是受欢迎的选择包括 Sucuri,KeyCDN 和 Cloudflare。还值得检查你现有的托管服务提供商的服务,因为许多提供 CDN。

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

为了减小图像的大小,我们建议以下操作:

  1. 选择正确的文件格式。
  2. 使用压缩工具或插件,例如 TinyPNG。
  3. 启用浏览器缓存。
  4. 禁用热链接。
  5. 考虑使用内容分发网络(CDN)。

我们在微信上24小时期待你的声音
解答:网站优化,网站建设,搜索引擎优化,APP 开发,小程序开发

非常感谢您有耐心的读完这篇文章:"加快 WordPress 网站上图片加载速度的 5 条提示",此文章仅为提供更多信息供用户参考使用或为学习交流的方便。如果对您有帮助,请收藏我们的网址:https://www.91webs.cn


18617670560