yabo娱乐国际CodeinWP内容是免费的。当您购买通过我们的网站推荐连结,我们赚取佣金。学到更多

如何使用GTmetrix速度测试工具+提高WordPress的您GTmetrix Speed得分

如果你想提高你的WordPress网站的性能,你需要知道你在哪里马上。这是什么GTmetrix速度测试工具,可以帮助你。

随着GTmetrix,你在你的网站的网址和GTmetrix吐奶塞回当前的性能指标,用分数,建议,并帮助分析工具沿着你优化网站的性能。

但是有很多的这些报告所载的资料,那么你如何最大限度地利用它来加快您的网站?

这就是我们要盖在我们的GTmetrix速度测试教程。在这篇文章中,我们将:

  • ✅带你穿越一切GTmetrix性能工具提供
  • ✅告诉你如何提高你的分数GTmetrix(又有多少重视放在那些成绩摆在首位
  • ✅告诉你一些先进的分析工具,如瀑布分析

基本信息和GTmetrix常见问题解答

在我们进入基本事实,让我们过上什么GTmetrix优惠和它是如何工作的一些基本信息和问题。

什么是GTmetrix速度测试报价?

该GTmetrix速度测试可以帮助你评估多种不同的方式您的网站的性能。

在高层次上,它可以让你看到你的网站需要多长时间来加载。

但是,那么它也可以帮助您分析为什么你的站点载入这种方式以及如何改善它。为此,它:

  • 等级站点免受两个不同的指标- 谷歌的PageSpeed和YSlow的。
  • 提供了瀑布图和定时分析让你了解每个单独的请求负载,且潜在的瓶颈。
  • 取录像这样您就可以看到你的站点载入参观者。
  • 记录您的历史测试结果过去30天,以便您可以分析如何随时间而网站的性能变化。
你在哪里的GTmetrix成绩从何而来?

GTmetrix没有自己的评分机制。相反,它生成使用两个第三方方法及其成绩:

  • 谷歌的PageSpeed- 这是一组26条不同的规则。每个规则都有自己的得分和加权不同。汇总分值是你的整体Page Speed得分从何而来。
  • YSlow的- YSlow的是雅虎的开源项目(记得雅虎?),其牌号您的网站针对19条不同的规则。就像的PageSpeed,你的整体分数来自于那些单个规则的加权结果。
是GTmetrix成绩重要吗?

是的,没有。

这里的“是”部分:

因为具有低的分数,你应该注意GTmetrix分数大概你还没有实现一些重要的前端性能的最佳实践方法。

但这里的“否”的一部分:

您的访客不关心你的分数GTmetrix - 他们关心需要多长时间你的网站负载,并成为互动。

有一个WordPress的网站,加载在两秒钟下,并在70年代GTmetrix分数是很多比有一个WordPress网站,需要四秒的​​负载,但是得分完善100倍的更好。

Basically, pay attention to the scores because they’ll give you a quick estimate of how optimized your site is, but don’t obsess about them because, at the end of the day, the only thing that matters is how quickly your website loads.

低GTmetrix分数网站仍可加载快?

是的,一点没错。

这里有一个大的原因之一:

无论GTmetrix成绩(的PageSpeed和YSlow的)大多关注前端性能优化,怎么样优化您的图片,你的代码看起来像什么。

然而,后端性能优化同样重要的是,如果不是更多。这包括之类的东西有多好您的托管服务提供商和你的服务器架构(例如使用Nginx的VS阿帕奇)。

如果你的后端性能是可怕的,即使你有完美的GTmetrix得分您的网站仍然可以加载缓慢。同样,如果你选择优秀的WordPress的托管服务,您的网站仍然可以加载,即使你有低GTmetrix分数相当快。

为了达到最佳效果,你需要同时优化前端后端性能。

我可以运行GTmetrix移动速度测试?

是!它强烈建议,以测试台式机和移动性能,因为大多数人浏览了该网页在移动设备上的这些日子。

基本上,如何理解你的站点载入桌面游客只有一半 - 你也想试什么样子的移动设备。

移动设备可能有不同的模式。例如,它会采取一个低功率的手机更多的时间来渲染JavaScript的比它会采取甚至是廉价的桌面。所以,如果你的网站是JavaScript的沉重,它可能比你的桌面加载时间在您的移动网页加载时间影响较大。

你不会知道,除非你专门测试的移动性能。

为了运行GTmetrix移动速度测试中,你需要注册一个免费帐户 - 更多关于这个在第二。

如何运行GTmetrix速度测试

上运行GTmetrix测试的最简单的方法是只转到GTmetrix主页,插入您的网站的网址,然后点击测试你的网站

GTmetrix匿名测试

不过,我会建议,而不是这样做,你注册一个自由在运行测试之前GTmetrix帐户。

与公版的测试,你的速度测试总是会使用以下配置:

  • 测试从加拿大温哥华
  • 在桌面Chrome浏览器
  • 无节流的连接

但是,如果你注册一个自由帐户,您可以更改所有的这些条件,以满足您的需求。

例如,如果大多数访问者是从美国西南部,你可以改变测试位置德克萨斯州达拉斯让您的目标受众性能更好的主意。

除了变化的测试位置,这是你必须使用一个移动测试设备或更改连接速度(该选项例如,模拟较慢的3G连接VS迅速有线连接)。

一旦您注册免费帐户,你就可以扩大分析选项要配置更了解您的测试功能:

先进的测试配置选项

一旦GTmetrix根据自己的条件都运行测试,它会吐回一个结果页面:

  • 在顶部的快速摘要包含您的性能得分和基本页的详细信息
  • 详细的结果,分为六个选项卡
汇总结果

让我们通过六个选项卡...

1.标签的PageSpeed

的PageSpeed标签是默认的活动标签,当你运行一个测试GTmetrix。它的成绩你的网站对谷歌的规则的PageSpeed。

对于每个26条规则,你的网站将获得从0-100的分数。然后,GTmetrix加起来的分数来生成你的整体Page Speed得分。

26个规则不是均匀地加权,所以一些会对你的整体得分比别人更大的作用。

如果单击箭头展开的规则之一,你会看到大约是导致问题您网站上的特定元素的更多信息:

GTmetrix速度测试的PageSpeed标签

下面是一些最常见的PageSpeed问题以及如何解决这些问题,以提高你的分数?

优化图像

压缩镜像,您可以缩小其文件大小零或损失最小的质量,取决于你的压缩算法。

自动优化和压缩都在你的WordPress网站上的图片,你可以使用该Optimole插件

利用浏览器缓存

浏览器缓存在访问者的浏览器本地存储某些静态资产加快加载时间。这意味着,在以后的访问,访问者的浏览器能容纳观众从这些资产本地计算机上,而不是下载他们在每次访问。

许多WordPress的插件缓存已经提供了浏览器缓存,包括可湿性粉剂超高速缓存,WP火箭和WP最快的高速缓存。

即成比例缩小图像

缩放图像是这完全尺寸的尺寸,你使用它的图像 - 我们有在缩放的图像中过上ThemeIsle概念的整个帖子

一个简单的方法就WordPress的服务比例缩小图像是,再次用该Optimole插件- 它可以自动做的工作给你,让你的图片总是完美的比例无论在什么设备中的访问者使用。

指定图像尺寸

这其中涉及到HTML - 你想,当你把它嵌入到指定的图像的实际宽度和高度。

例如…

不是最佳

最佳:

WordPress会在默认情况下,当你在编辑器中插入图像做到这一点,但是你要确保你(在一个插件等)的其他地方使用指定的图像。

压缩HTML,CSS和JavaScript

这在技术上是三个独立的规则,但我混为一谈他们在一起,因为基本概念是相同的。

缩小包括剥离出在你的站点的代码不必要的字符,而不改变其功能。例如,删除空格和换行。

一些WordPress的插件性能,如WP火箭,包括缩小。或者,你可以使用免费Autoptimize插件来缩小您网站的代码。

避免登陆页面重定向

URL重定向是指挥交通有用。但是,你要避免使用它们,如果可能的话,因为他们将自己的网站减慢。

为了解决这个问题,请确保您所有的内部链接直接进入当前的URL - 不依赖于重定向解决的事情。例如,如果您自动重定向http://yoursite.comhttps://yoursite.com以力SSL使用,请确保您始终链接到你的网站的HTTPS版本,以避免不必要的重定向。

暂缓解析JavaScript代码

当你在谈论的页面加载时间,如何快速您的网站变成可见是一样,如果不是更重要的比需要多长时间你的整个网站的负载。

JavaScript的可以减缓迫使访问者的浏览器暂停呈现网页,下载和解析的JavaScript下来。这就是为什么你会经常看到它被称为阻止呈现的JavaScript。

为了解决这个问题,你应该尽量推迟解析的JavaScript,使您的网站只开始加载/解析JavaScript的,一旦你的网站的可见部分已经加载。

WP火箭包括一个内置的工具来帮助你做到这一点。或者,你可以使用免费异步的JavaScript插件,它来源于Autoptimize插件的同一开发商。

使用CSS精灵组合图像

这是一种先进的技术,可以将多个图像文件转换成使用CSS一个单独的文件。这可让您减少请求所需的HTTP的数量来加载页面。

你不应该使用CSS的精灵所有您的图像,因为有负面SEO和可访问性的影响(因为你不能添加图片的alt文字了)。相反,你应该只使用CSS精灵装饰图片,像你的客户或社会共享图标标识。

不幸的是,没有插件,可以自动设置CSS精灵 - 你需要做手工。就是这样

启用压缩

我们已经谈到了图像压缩较早,但这种“压缩”指的是使用一种叫做Gzip压缩压缩所有网站的文件在服务器级别。

平均而言,Gzip压缩可以通过大约70%收缩你的网站的文件的大小。

许多WordPress的插件性能可以帮助您启用Gzip压缩,包括WP火箭,可湿性粉剂超高速缓存,和WP最快的高速缓存。或者,你可以使用简单,并且免费启用gzip压缩插件对于专用解决方案。

2. YSlow的标签

你的YSlow的评分如下类似的方法来你的Speed得分,它只是使用一套不同的规则来对测试。这份名单是小了一点 - 在GTmetrix YSlow的选项卡只包含19规则。

就像你的Speed得分,每个规则都有自己的分数和你的整体分数是根据这些分数的加权平均值。

GTmetrix速度测试YSlow的标签

下面是一些最常见的建议,你会遇到...

使用内容分发网络(CDN)

CDN的由来自世界各地的服务器的网络上提供自己网站的静态内容加速你的网站的页面加载时间。了解更多在这个岗位

要通过CDN服务于您的图片,你可以使用免费Optimole插件。要使用CDN的所有网站的静态文件,CloudFlare的也是一个不错的选择。

顶部CDN服务比较

压缩JavaScript和CSS

我在使用PageSpeed部分覆盖这个了。您可以运行如下的CSS和JavaScript有专门的插件像Autoptimize。或者,许多WordPress的插件性能也包括他们自己的微小特征。

压缩组件

这是与从的PageSpeed选项卡中的“启用压缩”的建议。您可以通过启用Gzip压缩修复它。

许多WordPress的插件缓存包括Gzip压缩功能。或者,你也可以使用专用启用gzip压缩插件

避免网址重定向

这是相同的PageSpeed了“避免登陆页面重定向”。

尝试总是链接到一个网页的当前URL,而不是依赖于重定向到人移动到正确的目的地。

减少DNS查找

访问者的浏览器需要为每个域您的网站从内容执行DNS查找。

你永远有自己的网站至少一个DNS查找。但是,如果您在网站上(如谷歌的字体或谷歌Analytics跟踪脚本)使用外部服务,这些都将导致额外的DNS查询。

两种解决方案是:

  • 删除外部服务,如果它是不必要的
  • 如果可能的话尽量自我主机的内容,就像在自己的服务器上托管谷歌的字体,而不是依赖于谷歌的字体CDN。这个插件可以帮助

减少HTTP请求

你会看到HTTP请求在详细瀑布标签部分(这是下一个)。

3.瀑布标签

瀑布标签是有点先进,但它是了解你的网站负载的不同部分,其中可能有小的瓶颈放慢你的整个网站一个非常有用的工具。

当你打开瀑布标签,你会看到每一个HTTP请求的列表此页面(这些都是从GTmetrix结果摘要“请求”)。

你的页面上的每个对象是一个单独的HTTP请求。例如:

  • 每个图像是一个HTTP请求(除非使用CSS精灵!
  • 每个CSS或JavaScript文件是一个HTTP请求
  • 任何外部脚本,你加载(像谷歌分析)也将至少一个HTTP请求
  • 等等。

万物平等的,更少的HTTP请求通常意味着更快加载网页。

此外,当你在看表,你会看到,每个HTTP请求需要以不同的顺序负载和负载不同的时间(有的甚至将阻止他人) - 所以,如果你能找到并删除加载过慢的HTTP请求,你可以在你的网站的页面加载时间有很大的区别。

你可以看到细节每一个HTTP请求时,你在它悬停。例如,这个摩洛哥鹰嘴豆图像了102.4 ms到负载:

GTmetrix速度测试瀑布分析

您还可以使用过滤器和搜索选项在上面找到特定的HTTP请求。例如,如果你搜索的wp-content /插件你可以找到由你的WordPress网站的插件添加的HTTP请求。

你甚至可以进一步挖掘,以找到特定的插件请求。例如,搜索可湿性粉剂内容/插件/ elementor会变成了所有的请求从在Elementor页面构建插件

搜索瀑布分析

如果你发现一个插件增添了不少载入速度较慢的HTTP请求,不给你多少好处,你可能要考虑将其删除,找到一个更好的选择。

4.计时,视频和历史标签

我要去组GTmetrix速度测试的最后三个选项卡在一起,因为你可能不会经常使用它们,而且我不认为他们需要深击穿。

计时

计时选项卡为您大概需要多长的时间达到各种负载时间指标的更多细节。您还可以找到瀑布图在这个信息 - 中计时选项卡可以使得它比较容易显现。

如果你将鼠标悬停在指标之一,GTmetrix将显示在下面描述,告诉你这是什么意思:

计时标签

视频

如果启用了页面加载视频时,你开始你的测试,您可以查看这些视频视频标签。

您也可以慢下来,以1/4原速看到更详细的东西。

影片是因为他们让你看到的不只是有用什么时候您的网站的负担,而且怎么样您的网站负载。例如,你的网站的部分是可见的第一?是否有装载像在任何奇怪的故障“闪烁的无样式内容“?这些都是有用的东西,要知道,你正在优化网站的性能。

历史

最后,如果你多次测试页面,则历史标签可以让你看到以前的测试结果,这样就可以分析事物是如何随时间而改变。

它将存储该页面的所有测试的最后30天。在此之后,历史测试结果都将被删除。

例如,如果你做一些调整,以提高你的速度GTmetrix考试成绩,你可以看到这些变化如何转化为实际的页面加载时间的改进:

GTmetrix速度测试历史结果

从GTmetrix速度测试获得更多

如果你想从GTmetrix速度测试工具,您应该超越摘要框,并深入到下面的详细信息。

你不想太挂在你的GTmetrix性能得分,但进入得分的建议对区域提供一些有益的指导你的网站的前端性能优化可能欠缺的。

此外,瀑布标签是掘到自己的网站性能具体方面,比如寻找图片,脚本,或正在对您的网站的页面加载时间过多效果插件一个伟大的工具。

如果你想深入到更详细的WordPress性能,退房我们的11点集的方式来加快WordPress的

你有关于如何与GTmetrix测试您的网站的任何挥之不去的疑问?发表评论,我们将尽力提供帮助。

...

别忘了加入我们的速成班上加快你的WordPress网站。通过一些简单的修正,可以通过甚至50-80%降低装载时间:

布局和外观由卡罗尔K.

或开始在我们的谈话Facebook群组WordPress的专业人士。寻找答案,分享技巧,并从其他WordPress的专家寻求帮助。现在加入(免费)!

滚动到顶部