如何检查wordpress网站的速度

2021-01-15 100546阅读 39评论

  想了解如何检测网站的加载速度不是什么难事,本文会为你提供一些相关的基础知识,并教给你一些正确的方法。

如何检查wordpress网站的速度  检查网站速度 wordpress wordpress速度 第1张

  首先要了解的是,“速度”没有单一的指标或衡量标准。没有一个简单的数字可以用来衡量页面加载的速度。

在整个网页加载的过程中,有许多不同的阶段和不同的部分可以测量。如果网络连接很慢,但图像加载速度很快,那么该站点是“快”还是“慢”?反过来呢?即使你尝试将所有这些简化为“完全加载所需的时间”,定义一个有用的数字仍然很棘手。

  例如,“完成加载”需要较长时间的页面可能会提供功能性“轻量级”版本,而整个页面仍在后台下载。与加载速度更快但在完成加载之前我无法使用的网站相比,这是“更快”还是“更慢”?

答案是“视情况而定”,我们可以通过多种不同的方式来考虑或衡量“网站速度”。

了解加载过程

从你单击链接(或在 URL 栏中点击“输入”)的那一刻起,一个开始加载请求的页面的进程就开始了。

这个过程包含许多步骤,但它们可以分为如下所示的几个阶段:

如何检查wordpress网站的速度  检查网站速度 wordpress wordpress速度 第2张

如何检查wordpress网站的速度

谷歌网站速度文档中的“一秒时间线”

虽然 Google 的文档对这些阶段的时间安排可能有些过于理想化,但该模型很有帮助。 本质上,该过程可以描述为三个加载阶段。

1. 网络相关

首先,你的设备的物理硬件需要连接到互联网。 通常,这涉及通过跨大西洋光缆传输数据。 这里面你会收到光速和你的设备处理信息速度的限制。

这部分的过程很难衡量或影响!

2. 服务器相关

这个过程是,你的设备向服务器请求页面,服务器准备页面内容并返回响应。

这部分可能会有点偏技术方面,因为它侧重于服务器硬件、数据库和脚本的性能。你可能需要向托管服务提供商或技术团队寻求帮助。

如何检查wordpress网站的速度

我们可以使用 NewRelic 或 DataDog 等工具来衡量服务器的性能,这些工具可以监控网站的行为方式并从“内部”做出响应。

他们将围绕慢速数据库查询和慢速脚本等内容提供图表和指标。有了这些信息,你可以更好地了解你的主机是否符合要求,以及是否需要对主题/插件/脚本进行代码更改。

WordPress 的查询监控插件

WordPress 也有一些很棒的插件可以进行这种分析——我是 Query Monitor 的忠实粉丝。这可以很好地了解 WordPress 的哪些部分可能会拖慢网站的速度——无论是主题、插件还是运行环境。

3. 浏览器相关

这个阶段是将页面进行构建、布局、着色并显示。图片的加载方式、JavaScript 和 CSS 的处理方式以及页面上的每个单独的 HTML 标记都会影响加载速度。

我们可以使用扫描网站并测量其加载方式的工具从“外向内”监控其中的一些内容。我们建议使用多种工具,因为它们衡量的方式不同,并且对不同的评估很有用。例如:

  • WebPageTest 非常适合提供网站的“瀑布”视图以及所有资产的加载方式。

  • Google PageSpeed Insights 有点简单,但它提供了网站的“真实用户指标”,直接来自 Google。

  • Lighthouse for Chrome 对网站的性能和行为提供了极其复杂的分析,但它可能很难消化!

  • Chrome 开发者控制台会在计算机和浏览器中为我们准确显示网站加载时发生的情况。

  • Google Search Console 中的速度报告显示了网站页面在任何给定时间内加载的速度。

这些工具非常适合发现需要优化的图像、加载速度慢的CSS 或 JavaScript,或者等待从其他域加载资源的地方。

通用指标

我们还是有一些对所有站点都有参考意义的通用指标可以进行优化。这些是:

接收到第一个字节的时间,即服务器响应某些信息所需的时间。即使你的前端速度非常快,如果服务器响应慢的话,也会增加网站加载时间。使用 Query Monitor 或 NewRelic 进行测量。

首个内容绘制时间,即关键视觉内容(例如,主图像或页面标题)出现在屏幕上所需的时间。使用 Lighthouse for Chrome 进行测量。

可交互时间,即体验可见以及对我的输入做出反应所需的时间。使用 Lighthouse for Chrome 进行测量。

这些是比“加载需要多长时间”更复杂的指标,也许更重要的是,以用户为中心。改进这些指标应该与用户满意度直接相关,这对 SEO 来说非常重要。你可以在 Google 的文档中阅读有关这些指标的更多信息。

将以上内容整合成一个过程:

  • 使用 WebPageTest 等“由外而内”工具生成网站加载方式的瀑布图。

  • 判断服务器和后端的瓶颈。 寻找连接时间、SSL 握手和DNS 查找慢的部分。 使用 Query Monitor 之类的插件或 NewRelic 之类的服务来诊断问题所在。 进行服务器、硬件、软件和脚本修改。

  • 判断前端的瓶颈。 在图像、脚本和样式表上寻找加载和处理较慢的部分。 使用 Google PageSpeed Insights 或 Lighthouse for Chrome 等工具获取有关如何精简页面加载方式的建议。

  • 使用 Lighthouse for Chrome 来衡量关键指标,例如FCP和可交互时间。

  • 以上就是全部关于网站速度以及如何测试关键指标的内容。

文章版权声明:除非注明,否则均为小宜技术猫原创文章,转载或复制请以超链接形式并注明出处。

发表评论

表情:
评论列表 (有 39 条评论,100546人围观)
网友昵称:I’m
I’mV普通用户2021-08-1439楼 回复
1
网友昵称: 
 V普通用户2021-07-1738楼 回复
fff
网友昵称:把秘密告诉风
把秘密告诉风V普通用户2021-04-2237楼 回复
拿走啦
网友昵称:2
2V普通用户2021-03-1636楼 回复
1
网友昵称:pony
ponyV普通用户2021-03-1235楼 回复
66666666666
网友昵称:森屿.
森屿.V普通用户2021-03-0634楼 回复
网友昵称:花玖
花玖V普通用户2021-02-0833楼 回复
支持
网友昵称:77822508
77822508V普通用户2021-02-0832楼 回复
[Badlaugh][Badlaugh][Badlaugh]
网友昵称:1269838
1269838V普通用户2021-02-0631楼 回复
支持中国
网友昵称:嘿
V普通用户2021-02-0430楼 回复
试一下
网友昵称:明天会更好
明天会更好V普通用户2021-02-0129楼 回复
我觉得不错
网友昵称:缺德潘
缺德潘V普通用户2021-01-3128楼 回复
1
网友昵称:好好活着.
好好活着.V普通用户2021-01-3127楼 回复
不错
网友昵称:淡抹初夏
淡抹初夏V普通用户2021-01-3026楼 回复
支持
网友昵称:2761947208
2761947208V普通用户2021-01-3025楼 回复
哈哈
网友昵称:微风哥哥
微风哥哥V普通用户2021-01-2924楼 回复
那种谢谢
网友昵称:忘
V普通用户2021-01-2823楼 回复
拿走了支持
网友昵称:pony
ponyV普通用户2021-01-2622楼 回复
不支持
网友昵称:oon
oonV普通用户2021-01-2621楼 回复
6666
网友昵称:墨爱
墨爱V普通用户2021-01-2420楼 回复
看看爱了
网友昵称:小云川吖
小云川吖V普通用户2021-01-2419楼 回复
[Addoil]
网友昵称:WANGHAIJUN
WANGHAIJUNV普通用户2021-01-2318楼 回复
6666666666666
网友昵称:寒风
寒风V普通用户2021-01-2217楼 回复
11111
网友昵称:天使
天使V普通用户2021-01-2216楼 回复
ewrrserrs
网友昵称:11141651
11141651V普通用户2021-01-2215楼 回复
牛逼
网友昵称:小阿三的
小阿三的V普通用户2021-01-2014楼 回复
支持技术的你
网友昵称:易梦
易梦V普通用户2021-01-2013楼 回复
支持
网友昵称:易梦
易梦V普通用户2021-01-2012楼 回复
支持
网友昵称:AZ
AZV普通用户2021-01-2011楼 回复
NB
网友昵称:黎明
黎明V普通用户2021-01-1910楼 回复
厉害??????????
取消
微信二维码
微信二维码
支付宝二维码