24种优化网页速度的终极方法

24种优化网页速度的终极方法

采自：埃克森数字营销 24种优化网页速度的终极方式

什么是网页速度？网页速度是权衡页面内容加载的速度。页面速度可以用“页面加载时候-LCP”(在特定页面上完全显现内容所需的时候)或“首字节时候”(阅读器从网页办事器接收第一个字节的信息所需的时候)来描写。快速加载页面可以进步用户体验，增加页面阅读量，而且有助于网站的 SEO。在这篇文章中，我们将分享最有用的网页速度优化技能，以进步网页性能速度。

若何权衡网页速度？鉴于我们优化速度是为了展现给谷歌和访客。 所以你可以首选 Google 的 PageSpeed Insights 来评价你的页面速度。

PageSpeed Insights Speed Score 整合了来自 CrUX (Chrome 用户体验报告)的数据，并报告了两个重要的速度目标: First Contentful Paint (FCP)和 DOMContentLoaded (DCL)。固然都是数值越小越好。

除此之外还有很多速度测试工具，埃克森数字营销常用的有：GTMETRIX: 显现北美地域的页面翻开速度。Uptrends：显现全球各个地域和城市的翻开速度。

为什么优化网页速度很重要？有四个缘由：

谷歌暗示，网站速度(以及网页速度)是其算法用来对网页停止排名的信号之一。研讨表白，Google 能够在斟酌页面速度的时辰，会专门丈量第一个字节的时候。别的，页面速度慢意味着搜索引擎可以利用分派的抓取预算抓取更少的页面，这能够会对索激发生负面影响。页面速度对于用户体验也很重要。加载时候较长的网页常常有较高的跳出率和较低的均匀页面时候。较长的加载时候也会对转化发生负面影响。影响营业成功试想一下假如你的页面15秒才能翻开，相信99%的客户在网页翻开前就已经放弃了，那1%能够只是你自己。按照统计，最少要确保你的页面在3秒钟内翻开，才不至于发生太多的跳出。假如客户都跳出了，也就不会有营业的发生。

什么是好的页面速度？在起头优化你网站速度之前，最好要设定一个方针。假如不肯定可接管的页面速度是几多，那能够会很难做。按照谷歌的说法，最好理论是三秒。不幸的是，按照其比来的基准报告观察成果，大大都网站都远未到达这一点。在对跨越 126 个国家/地域的 900,000 个移动广告登陆页面的分析中，谷歌发现 70% 的页面需要快要 7 秒的时候才能显现首屏的视觉内容。在他们包括的一切行业中，没有一个行业的均匀水平接近他们保举的 3 秒。

完全加载移动登录页面所需的均匀时候为 22 秒，但假如移动网站的加载时候跨越 3 秒，则 53% 的拜候会被放弃。此外，随着页面加载时候从 1 秒变成 10 秒，移动用户弹跳的几率会增加 123%。

这意味着网站一切者凡是有很多工作要做，以使他们的网站到达谷歌眼中的标准。可是从好的方面来说，这也意味着假如你投入工作使你的网页速度到达一个可接管的水平，那末你在用户体验方面就远远领先于其他人。当你改良网站时，你可以利用 Google 的倡议和基准来设定你的方针和权衡你的表示。究竟，作为天下上最大的搜索引擎，谷歌可以对你的成功发生严重影响。所以用他们的标准作为你的标准绝对不是个坏主张。

网页速度优化最好理论1.挑选合适的网站办事器。廉价的办事器能够虽然经济。但经常在速度加载方面不尽人意。埃克森数字营销今朝利用的是siteground办事器（首年优惠价格80美圆左右），可是可以确保网站速度更快，所以值得投资。以下是我们几个用siteground办事器搭建的网站速度测试截图。

再例如，埃克森数字营销自营的玻璃行业外贸网站，2021年之前采用的是bluehost办事器。均匀翻开速度为3.5秒左右。换到siteground办事器后，均匀速度1秒之内。

网站跳出率更是从本来的70%降到了2%。

2. 优化图片图片在网页中对页面翻开速度的影响是一个首要的身分。常常一个页面的尺寸巨细很洪流平上取决于该页面图片的巨细。是以要确保对图片停止紧缩然后再上传到网站页面。这里有个紧缩图片的工具，保举给大师：tinypng (可以供给免费一次最多20个图片的在线紧缩办事）

假如你利用的是wordpress网站，还可以利用图片紧缩插件，如shortPixel。凡是利用的图片格式要确保:png 格式的图片少于16种色彩凡是更好，而 jpeg 格式的图片凡是更合适拍摄照片。别的埃克森数字营销经过本身经历发现：一样尺寸的图片利用webp格式的图片所占用的贮存最小。

3.利用CDNCDN可以帮助把你的内容发送到网站访旅居住地比来的办事器，以这类方式使你的网站加载更快。 常用的CDN工具如：cloudflare。

4.数据库优化随着网站的利用数据库会堆集很多渣滓文件，这样会拖慢网页翻开的速度。所以需要定期对数据库停止优化。例如，埃克森数字营销在wordpress网站中利用了wp-optimize插件对数据库停止优化。仅需2分钟左右，可以将数据库的文件有用变小，从而提升网页翻开速度。假如你是用的其他建站法式，可以搜索合适的办事器优化工具大概第三方办事。

5.利用阅读器缓存阅读器会缓存大量信息(款式表、图片、 JavaScript 文件等等) ，这样当拜候者返回站点时，阅读器就不必重新加载全部页面。 利用 YSlow 这样的工具来检察你能否已经为缓存设备了过期日期。在很多情况下，除非站点设想经常变化，否则一年是一个公道的时候段。

6.删除衬着阻塞 JavaScript阅读器在显现页面之前，必须经过剖析 HTML 来构建 DOM 树。假如你的阅读器在这个进程中碰到一个剧本，它必须停止并履行它，然后才能继续。7.削减重定向每当一个页面重定向到另一个页面时，拜候者将面临额外的时候，期待 HTTP 请求-响应周期完成。例如，假如你的移动重定向形式是这样的:example. com-> example. com-> m.example. com-> http://m.example.com/home这两个附加的重定向城市使你的页面加载变慢。

8.缩小 CSS，JavaScript 和 HTML经过优化代码(包括删除空格、逗号和其他不需要的字符) ，可以明显进步页面速度。还要删除代码正文、格式和未利用的代码。保举利用 CSSNano 和 UglifyJS。9.利用加速插件假如你的网站是用wordpress法式，你可以利用WP-Rocket插件来对网站停止加速。WP-Rocket工具是迄今为止埃克森数字营销利用过的最好用的加速插件。

10.优先优化移动端页面翻开速度谷歌现在的速度排名身分为移动优先，所以要优先确保你的网站在移动端翻开速度很快。例如为移动端：

剔除任何不需要的内容简化你的设想更新你的 WordPress 插件等等。

11.削减插件利用数目在wordpress网站中，插件的原则是Less is More！很多人喜好安装各类百般的插件以实现各类花哨的功用。却不知他们在牺牲网站的翻开速度。各类插件在网站的加载会大大拉慢页面翻开的速度。是以插件的利用原则是越少越好，能用代码处理的，只管不要利用插件。例如埃克森数字营销的这个网页仅仅利用了6个插件:

以下是网页翻开速度截图:

12.削减广告很多网站为了营收，接入了大量的内部广告，这一样会减慢页面翻开速度。13.DIY速度优化在线营业一切者和网站治理员经过改良和优化决议页面速度的网站设想关键元素，使他们的网站翻开速度连结最好成果。例如：埃克森数字营销在设想网页中，只管削减模块来提升速度。两个元素利用两个block,的响应时候要比利用一个block的响应时候长。下面是关于我们若何把三个模块的元素优化到一个模块中来提升网页速度的视频：一段视频：

https://zhihu.com/video/1553776368873279488

14.利用最新版本的PHPPHP 7的公布带来了庞大的性能提升！它应当优先于很多你能够在 WordPress 网站上停止的小型优化。

15.挑选和你客户比来的办事器位置。例如你利用siteground办事器，你的客户首要在美国，那末在挑选siteground位置的时辰可以挑选USA。

16.挑选轻量化wordpress主题假如你的网站正在利用wordpress法式，那末挑选一个轻量级的主题有助于提升网页翻开速度。埃克森数字营销利用过的轻量化主题有：astra， oceanwp, Hello。固然还有很多其他轻量话主题，你可以去摸索一下。

17.利用内部托管平台例如视频是用户喜好的网站多媒体元素，可是在网页中上传视频会大大下降网页翻开速度。处理法子是可以将视频公布到youtube，然后嵌入到网页，这样就不会影响到自己网页的翻开速度。

18.找出拉慢网速的插件利用New Relic找出拉慢速度的插件。 然后停用或卸载。

19.将不用的插件反激活或卸载例如，网站在建站进程中能够会用到“under construction”插件。那末等到网站扶植终了后，此类的插件完全可以间接卸载掉。否则会营销的网页翻开的速度。

20.禁用 pingbacks 和 trackbackspinbacks和 trackbacks 是 WordPress 的两个焦点组件，每当你的博客或页面收到链接时，它们城市提醒你。这能够听起来很有用，可是你也可以经过谷歌网站治理员工具和其他办事来检查你网站的链接。连结 pingbacks 和 trackback 处于开启状态还会给办事器资本带来不需要的压力。

这是由于每当有人试图链接到你的网站时，它就会从 WordPress 往返天生请求。当用 DDoS 进犯一个网站时，这个功用也被普遍滥用。你可以关掉。

WP-dashboard → Settings → Discussion。只需取消选中“答应来自其他博客的链接告诉(pingbacks 和 trackbacks)”这将帮助你加速 WordPress 的运转速度。

21 .最小化 HTTP 请求据雅虎称，一个网页80% 的加载时候都花在了下载页面的分歧部分上，比如图片、款式表和剧本。每个元素城市发出一个 HTTP 请求，是以页面上的组件越多，页面显现所需的时候就越长。最小化网站http请求的第一步是计较出网站当宿世产了几多，以此作为基准。假如你利用 Google Chrome，你可以利用阅读器的开辟工具来检察你的网站发出了几多 HTTP 请求。右键单击要分析的页面，单击“ Inspect”，然后单击“ Network”选项卡。(假如您没有看到“ Network”选项卡，那末您能够需要将左侧框拖动到左侧，以扩大 Developer Tools 侧栏。)

削减这些数目的请求将加速你的网页速度，检察你的文件，看看能否有任何不需要的。22.提早 JavaScript 加载提早文件意味着在其他元素加载完成之前不能加载文件。假如你推延大文件，比如 JavaScript，可以确保你的其他内容可以绝不提早的加载。假如你有一个 WordPress 站点，可以利用上面提到的 WP Rocket 插件来轻松启用提早的 JavaScript 加载。只需选中“ Load JS files deferred”旁边的框，便可以起头了。假如你有一个 HTML 站点，你需要在 标签之前放置一个挪用内部 JavaScript 文件，它看起来像这样:

23.最小化到第一个字节的时候除了完全加载页面所需的时候，你还需要看看起头加载所需的时候。到第一个字节(TTFB)的时候，是阅读器从办事器获得第一个字节数据之前必须期待的时候。谷歌保举的 TTFB 小于200毫秒。与大大都站点一切者关注的很多前端性能身分分歧，这是一个办事器真个题目。当用户拜候你的网站时，他们的阅读器会向承载它的办事器发送一个 HTTP 请求。初始请求和数据的第一个字节之间需要履行三个步调:

DNS 查找办事器处置响应

你可以利用 Chrome 的开辟工具或第三方工具检察网站需要多长时候完成这个进程。假如利用开辟工具，请记着响应时候能够会遭到 Internet 毗连的影响，这一点很是重要。是以，你自己的毗连越慢，你的办事器响应就显现得越慢。要在 Developer Tools 中拜候此信息，请单击“ Network”选项卡并将鼠标放在“ Waterfall”列的顶部项目上。

假如你有一个 WordPress 网站，你的页面极能够是静态的。这意味着在托付之前，它们需要与 PHP“构建”的数据库停止交互。可以经过启用缓存来削减这个进程所需的时候。24.测试插件当你想要进步网站速度时，有两种分歧的方式来判定哪些插件正在影响它。首先是有挑选地禁用插件，然后丈量你的网站的性能。假如你有很多插件，这能够是一个冗杂有趣的进程，可是它会告诉你每个插件的分歧之处。首先，在启用一切插件的情况下运转速度测试。你可以利用诸如 GTmetrix、 Pingdom 大概其他你喜好的网站速度工具来实现这一点。然后，一次只停用一个插件，重新测试一下你的速度。在每次测试以后，记下你的页面加载时候，以及你停用了哪些插件以获得更快的速度。假如你有很多插件，这个进程能够需要一段时候。荣幸的是，还有一个挑选: 安装另一个插件。Plugin Performance Profiler 是一个很好的挑选，可以用来识别那些在你的站点上拉慢网页速度的插件。别的，这比手动停用单个插件和运转网站速度测试要快很多，也轻易很多(而且一旦你利用完它，你便可以随时停用它)。一旦你安装了插件，进入你的设备页面并运转网站扫描。这将花费你几分钟的时候，然后向你展现一个报告，具体说明每个插件在你的网站上是若何表示的。

在报告顶部的插件加载时候告诉你站点上一切插件的累计加载时候，以及它们占总加载时候的百分比。你还可以看到一个具体的时候表，上面有每个插件的信息，你的主题，以及每个页面的焦点。将帮助你正确地肯定在加载缓慢的页面上出现了什么题目。

假如你发现任何插件在你的评价放慢你的网站，是不需要的，只需停用和删除他们。总结下降网站加载时候的最大益处是，它将极大地帮助进步拜候者的体验。不管是利用移动装备还是小我电脑，情况都是一样的。此外，它还将进步你在 serp 中的排名。究竟，削减主机的带宽利用和客户端更快的站点加载速度只会让你在短期和持久都受益。现在轮到你来加速自己网页的翻开速度了。