站长教程——如何优化图片来提高WordPress网站加载速度

为了使您的WordPress网站更能招引拜访者并添加转化次数,网站的内容有必要招引人。图文调配能够使你的文章更具招引力,可是,高质量图画一般意味着较大的文件巨细,会导致网页加载速度变慢。

所以,咱们应该在确保图文排版需求的情况下,尽或许优化图片来削减对网页加载速度的影响。

在这篇文章中,咱们将说明图画怎么影响WordPress网站的速度和功能。然后,咱们将为您供给4种优化办法,以削减页面加载时刻。

站长教程——如何优化图片来提高WordPress网站加载速度

图片怎么影响网站的速度和功能:

依据HTTP Archive的说法,图画占网页总重量的近四分之一。您的服务器会尽力加载媒体文件,尤其是大文件。

关于页面加载时刻,每一秒都很重要。渲染时刻太长的网站会带来糟糕的用户体会(UX),从而导致跳出率更高。

除了您的拜访者之外,Google、百度等搜索引擎也不喜欢缓慢的网站。优化的图画更易于爬网和索引。更快的网站,越有或许是在搜索引擎成果排名更高。

下降图画的质量和巨细将占用较少的站点带宽和磁盘空间。您的页面将变得更轻巧,服务器将更快地与用户的浏览器通信,终究,您的内容将更快地加载。

能够将图画紧缩与打包旅行箱进行比较。首要,您或许会将衣服不进行折叠就扔进旅行箱,然后一下子就满了,以至于您简直无法关闭它。然后,您将衣服整齐地折叠然后放进旅行箱,你会发现,同样数量的衣服,折叠好今后占用的空间少了很多。

图片紧缩就是一种“打包”办法,恰当的图画优化是要在质量和尺度之间找到恰当的平衡。

优化图片以进步网站速度的4种办法:

您无需在优质媒体和缩短加载时刻之间进行挑选。如果您运用恰当的东西和办法,就或许实现一举两得。您能够经过以下4种办法优化图画以进步WordPress网站速度。

1.减小图片的文件巨细,然后再将其上传到您的站点

优化图画的一种办法是在将其上传到WordPress媒体库之前,减小其文件巨细。简而言之,这涉及调整尺度巨细并经过紧缩来调整质量。

图画紧缩有两种类型:

  • 有损紧缩,是指图画丢失某些数据以减小文件巨细。虽然缺乏以对拜访者造成任何显着的改变,但它能够减轻服务器的担负。
  • 无损紧缩,一切图画数据都是完整且可检索的。画质不会受到影响,图画仅在未紧缩时才会出现。

您应该运用哪种类型取决于您的文件格局,咱们将在后边讨论。

可用于紧缩图画的在线东西是TinyPNG(或TinyJPG):

它会自动应用抱负的紧缩办法以最大程度地减小图画的文件巨细,而不会下降质量。

太大的尺度也会给您的站点和服务器添加不必要的担负。因而,您还能够经过调整图画的高度和宽度来减小文件巨细。您能够在上传HTML或运用相片编辑渠道之前界说这些衡量。

假设您的图片原始尺度为5,472 x 3,648像素(px)。文件巨细(或重量)为3MB。可是,您的网站只需要1,920 x 1,280像素的横幅图画。

将图画调整为这些尺度并将其质量稍微下降百分之十,会将文件的总巨细从3 MB(3,000 KB)减小到613 KB(KB)。

在这里,倡萌推荐咱们运用 Imsanity:约束上传图片尺度巨细,关于答应用户上传图片的网站来说,约束图片尺度非常重要!

2.挑选恰当的文件格局

如前所述,紧缩类型和文件格局都是进行优化的重要因素。挑选恰当的图画类型能够减轻其重量,从而进步站点的速度。

网络上的图画有四种首要文件格局:

  • PNG – 此格局需要无损紧缩。一般,PNG图画是高质量的,但文件巨细天然很大。
  • JPEG – JPEG图画的质量往往低于PNG文件,但天然也较小。有损紧缩是进一步减小其巨细的最常用办法。
  • GIF – 此格局仅运用无损紧缩。它是为文件较小的动画图画保留的,一般用于社交媒体和博客文章。
  • WebP – 一种相对较新的文件格局,能够运用有损或无损紧缩。WebP图画比PNG小26%,比JPEG小34%。可是,并非一切首要的互联网浏览器(最著名的是Safari)都支持该格局。

WebP图画在供给最小的文件巨细和最高的质量方面具有优势。可是,因为Safari是仅次于Google Chrome的第二受欢迎的浏览器(尤其是关于移动设备),因而它并不是可靠交给视觉内容的最佳挑选。

应慎重运用GIF。虽然它们一般是幽默或教育信息的极好来历,但动画往往会拖累您的网站速度。

在PNG和JPEG图画之间进行挑选时,遍及的共识是,前者最适合屏幕截图和图形,而后者则能够产生更好的相片。

3.运用推迟加载插件,例如WP Smush

正如咱们现已提到的,有一些在线东西可用于紧缩媒体文件。可是,除了调整格局和巨细外,您还能够运用推迟加载来进一步优化图画。

如果运用推迟加载图片,当拜访者仍坐落顶部时,页面底部的相片或图形将不会加载出现。用户向下翻滚页面时,底部的图片才会逐步加载出来。

该技能的目的是最大程度地削减拜访者的浏览器有必要同时加载的图画数量。它有助于带宽占用和进步站点速度。

要启用此功能,咱们主张运用图画优化和推迟加载插件,例如WP Smush

这个免费的插件拥有超过一百万的活跃安装和五星级的WordPress评级,是解决各种图画优化任务(包含推迟加载)的强壮解决方案:

除了推迟加载外,WP Smush还运用无损紧缩和图画巨细调整来自动优化将媒体文件上传到WordPress时的媒体文件。您能够将其用于一切文件格局,包含PNG、JPEG和GIF。这样就无需记住要提前执行此进程。

安装并激活插件后,它将立即开始扫描您的站点以查找需要优化的图画。您能够经过网站后台的 Smush > Dashboard > Settings 进行设置。

4.运用CDN服务加快图片加载

CDN的全称是Content Delivery Network,即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,经过中心渠道的负载均衡、内容分发、调度等功能模块,运用户就近获取所需内容,下降网络拥塞,进步用户拜访响应速度和命中率。CDN的关键技能首要有内容存储和分发技能。

https://baike.baidu.com/item/CDN

总结:

高质量图画是您网站的重要组成部分。不幸的是,它们还或许拖累您网站的功能,从而损害您的用户体会和SEO。

在本文中,咱们介绍了4种优化图画以进步网站速度的办法:

  1. 在将图画上传到您的站点之前,请减小它们的文件巨细
  2. 挑选恰当的文件格局
  3. 运用推迟加载插件,例如WP Smush
  4. 运用cdn服务加快图片加载

原文地址:WordPress大学

资源来源网络,模板仅供学习,如需商用请购买正版授权

转载请注明出处,谢谢配合!

晨夕阁 » 站长教程——如何优化图片来提高WordPress网站加载速度
分享到:
赞(0) 打赏

评论抢沙发

欢迎来到晨夕阁,尽情享受更加优质的产品服务吧!

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏