如何建立站群 如何使用GTMetrix加速您的网站

考虑一下您上次在线浏览时遇到的网站运行缓慢的时间。

你有什么反应？

您可能会感到轻微的不适-并立即单击“返回”以继续在其他位置搜索答案。

网站的加载速度是网站成功的最重要指标之一。 不幸的是，它通常也是适当的Web开发中最被忽略的因素之一。 随着大多数网站和Web应用程序的细节和底层复杂性不断发展，有时网站速度有时是不幸的事。 由于许多不同的因素在起作用，因此页面加载速度可能难以可靠地测量，这无济于事。

但是，GTMetrix是我最喜欢的工具之一-那么它可以为您做什么？

GTMetrix的简要概述

GTMetrix是一个Web应用程序，提供了一组工具来帮助您分析和优化网站。 开发人员提供了具有一些基本功能已解锁的免费版本，但是分层收费计划适用于拥有多个网站的高级用户，他们可以从更快的分析，更多的定位选项，附加的API访问，每小时的URL监视和白标PDF报告中受益。

用户可以一目了然地浏览到各个页面级别的网站性能摘要。 提供页面加载时间，页面大小和用户请求总数，以及与使用GTMetrix分析的其他站点的平均加载速度的性能比较。 您还可以使用大量信息图表和图表进行可视化分析。 该套件还有许多其他的小花哨，我们今天将在这里讨论一些更值得注意的小花哨。

分析网站之前的重要注意事项

在使用任何网站速度测试工具（GTMetrix或其他工具）之前，非常重要的一点是要了解，一次速度测试对充分了解网站的页面加载速度并不是特别有效。 正如我之前提到的，由于许多不同的因素在起作用，因此很难准确地测量网站的加载速度，例如：

• 当前服务器负载（尤其是如果共享）
• 当前访客数
• 用户的连接速度
• 用户与您的服务器的距离
• 和更多

因此，要获取可靠的信息数据，您必须在一天，一周甚至一个月的不同时间进行多次速度测试。

理想情况下，您将在一两个星期内每小时从大约一次测试中收集数据。 这将使您获得明显更准确的网站平均页面加载速度。

如果您有付费帐户，GTMetrix面板将允许您查看历史记录选项卡。 此功能可收集所有多个测试的结果并将其绘制在图形上。 这是一种快速直观地查看站点何时达到最佳性能的好方法（这有助于缩小更改发生影响的时间范围），或者如何随着时间的推移提高加载速度。 您还可以访问视频部分，其中显示了您正在加载页面的实际视频-这可能很有趣，但实际上，它不是很有用

值得注意的是，您的网站的加载速度并不是从冗长的测试阶段（如我在此处建议的测试阶段）中可以获得的唯一有价值的信息。 您还将对自己的流量模式有一些了解，例如何时访问者最多出现在您的网站上以及一天中的什么时间。 从理论上讲，您可以使用此信息进行战略更新，例如添加新内容或广告。

位置，位置，位置

可以很容易地将互联网想象成这种基于“云”的短暂事物，但实际上它非常存在。 因此，物理上接近服务器会对加载速度产生统计上的相关影响。 这就是GTMetrix从不同位置进行速度测试的原因。 您可以选择是本地测试还是全局测试–或两者都选。 如果您的网站服务于特定区域（例如，可能是小型企业），州或国家/地区，则本地速度测试结果可能与您更相关。 相反，您可能希望发现网站的全球平均页面加载速度，在这种情况下，最好在每个大洲选择一台或两台服务器。

请记住，速度测试将确定相对于您的服务器位置而不是您的位置的页面加载速度。

测试不仅仅是您的主页

您网站上大部分内容在哪里？ 是在首页上还是隐藏在子页面中？

如果您的网站是最喜欢的，那么您网站上的绝大多数内容（访问者可以看到的内容）实际上就不在首页上。 您的首页也可能包含一些基本信息，并且可以充当网站其余部分的门户，因此其实际文件大小可能很小，这意味着它可能是网页上加载速度最快的页面。

这里的要点是，通过测试许多子页面，您还将获得更相关和有趣的数据。 您不必做所有这些事情-对于某些网站来说是不切实际的-但请尝试选择相当全面的内容，例如博客文章，电子商务店面页面，单个产品页面或您正在访问的任何页面只是好奇。

在GTMetrix中正确解释PageSpeed和YSlow报告

Google PageSpeed

GTMetrix将为您提供来自Google PageSpeed和Yahoo!的数据。 慢您可以在此处详细了解Google PageSpeed。 本质上，它是Google评估台式机和移动设备的网站速度性能的解决方案。 它提供的分数介于0到100之间，并且Google指出，分数为85或更高表明该网站表现良好。 测量折页（页面的第一可见部分）和整页加载时的页面加载。

雅虎！ 慢速

YSlow是Yahoo!的开源工具，它可以分析页面并尝试提供有关为什么页面加载缓慢的解释（YSlow，“为什么要慢”，明白吗？）。 它提供了一个数字分数以及建议清单。 该工具还吐出构成页面的组件摘要和当前性能统计信息。 您可以在此处了解有关YSlow的更多信息。

如何解释结果

虽然PageSpeed和YSlow都旨在为用户提供相同类型的数据，但它们是通过不同的方法来实现的。 因此，同时使用这两种服务可以使您对如何进一步提高网站的加载速度有更多的了解。 通常，两种服务的得分都应该相对相似，但是其中一项可能会抓住另一项却没有。

GTMetrix通过在一个方便的位置为您提供两种测试的结果，使查看起来很容易。

现在，这两种服务的得分都为0到100。 实际上，这应该不是增加的主要指标。 即使对于一个优化优化的页面，分数也可能低于85（或75或70）–也许您的页面是数据密集型的，并且加载速度已达到预期的速度。 与其将注意力集中在分数上，不如将其视为一般指导原则，这些指导原则是更大整体的一部分，并使用您的最佳判断。

您的实际焦点应该放在加载页面所花费的实际秒数上–这是实际中重要的数字，而不是由Yslow或PageSpeed确定的分数。

学会爱上GTMetrix的瀑布

GTMetrix面板中的“瀑布”工具是非常有用的工具，可用于准确查明页面加载缓慢的原因。 如果您熟悉Firebug Net Panel，则此工具看起来会很熟悉–但是，如果不用，请不要担心。 结果相当容易解释，并且令人头痛的是，恰好缩小了为什么页面加载速度不如应该容易得多的原因。

瀑布工具分析页面上的每个组件，并显示这些页面从服务器到达用户所需的步骤，以及每个步骤的执行方式。 您将需要评估六个指标：DNS查找，建立连接所花费的时间，浏览器队列等待连接所花费的时间，页面获取请求所花费的时间，服务器响应数据之前的时间（以称为TTFB的技术用语，即到第一个字节的时间），以及实际下载和查看页面所花费的时间。

所有这些（应该）都进行得非常快，但是瀑布工具捕获了每个步骤，因此您可以缩小导致瓶颈的步骤的范围。 例如，如果TTFB很高，则可能表明问题出在服务器端。 如果下载和查看页面所花费的时间很高，则可能意味着该页面需要进一步优化（例如，使用图像压缩）。

在WordPress网站上使用GTMetrix

GTMetrix使WordPress用户的工作变得异常轻松。 您可以下载内容管理系统的完整插件，并且设置非常简单-您只需输入帐户电子邮件和API密钥即可。

GTMetrix建议在进行任何更改之前运行一个或多个初始测试–这样您就可以在“速度”达到基线之前。

收集完这些数据后，他们建议您安装W3 Total Cache插件（如果尚未安装）。 这个非常受欢迎的插件通过缓存整个网站专注于WordPress优化。

Matt Cutts，John Chow，AT&T和成千上万的其他WordPress用户都使用了它–这里的重点是它很好。

接下来，GTMetrix建议安装WP Smush插件。 这个图像优化插件不像W3 Total Cache那样普遍存在，但是应该如此。 它使用无损压缩来处理JPEG，GIF和PNG图像的所有现有图像，以及您上载到WordPress安装的任何新图像。 图像（甚至是大图像）将被“压缩”到1MB或更小。

在安装和配置了这两个插件之后，GTMetrix要求您运行另一个速度测试。

结果应该会明显更好–但是，如果您想进一步优化WordPress安装，我有一些建议。

WordPress的服务器优化

第一步是调查服务器设置。 如果您使用提供便宜的通用服务器插槽的数千家公司之一的共享主机，则很有可能通过升级到VPS或专用服务器看到页面加载速度的显着提高。

您可以检查我的托管评论以查找新的虚拟主机。

更好的是，您的网站应托管在专门针对WordPress优化的服务器上。 我强烈推荐WP Engine，并在此博客中使用它们。

延迟JavaScript

如果您的网站使用JavaScript或其他脚本语言，请尝试确保它是“延迟的”，这意味着它在页面的最后加载。 当用户从网站检索JavaScript时，必须下载，解析和随后执行数据。 即使使用缓存，这也会减慢您的整体页面加载速度。 如果您在页面顶部加载JavaScript，则必须在页面其他内容之前对其进行检索–最后执行。

社交媒体馈送是否会拖慢您的网站？

您是否在首页上显示社交媒体供稿？ 在每一页上？ 他们很有可能是造成大量减速的原因。 每次在页面上加载社交媒体供稿时，都必须查询每个单独的服务。 您是否删除提要是一个私人电话–用户在每个页面上看到最新的推文有多重要？

为了两全其美，请考虑将您的社交媒体供稿仅限制在相关页面上。 这并不意味着您必须完全遮掩社交媒体的存在-您仍然可以拥有指向每个社交媒体配置文件的传出链接。

该插件到底有多必要？

WordPress作为内容管理系统最吸引人的功能之一可能是广泛的可用插件（而且它们通常是免费启动的）。 因此，随着时间的流逝，您的WordPress网站可能会**件所困扰。 一般而言，您安装的插件越多，对整体页面加载速度的影响就越大。

花一些时间来检查已安装的每个插件。 询问哪些是真正必要的，哪些不是必需的-您也不必立即提交。 只需禁用插件并使用GTMetrix来查看速度是否有所提高。 转储所有导致不必要的速度降低的无关插件。 这里最大的罪魁祸首可能是使用最多CSS和/或JavaScript的插件。

仍然在寻找更多技巧时，Joe Fylan撰写了一篇有关加快WordPress速度的巨大指南，并且我整理了许多htaccess hacks，它们也可以帮助您调整WordPress网站。

将GTMetrix用于性能警报

完全优化您的网站后，对GTMetrix的报告感到满意，您将希望保留这些更改如何建立站群。 尽管GTMetrix主要用于优化本身，但用户可以利用的一项非常方便的功能是该软件能够连续监视页面加载速度。 每当不满足特定参数或要求时，GTMetrix均可通过电子邮件向您发送警报。

如果您想知道某个页面的开始加载是否比预期的慢，可以配置GTMetrix结果来监视许多不同的性能指标，包括最重要的性能指标，即页面的实际加载时间（以秒为单位）。 但是，当PageSpeed或YSlow下降到预定阈值以下时，您也可以设置警报。

这不仅对正在进行的网站速度优化有用，而且可以快速意识到可能影响页面的意外情况。 例如，如果您的访问量激增（通常是一件好事），则相应的服务器负载可能会降低网页的速度。 您可以抢占先机，而不用达到服务器的带宽上限或使网站完全瘫痪。

我想在将来实现GTMetrix的最终想法和功能

GTMetrix是市场上许多速度测试工具中的一种，总的来说，我发现它的功能相当出色。 但是，该服务确实希望用户对提高页面加载速度所必需的一些更高级的过程具有相对的把握。

我今天在这里讨论了主要的问题，例如推迟JavaScript。 一些内置的建议或工具可以测试这些类型的效率低下，这对新用户而言将是一大福音。

总体而言，GTMetrix是一个出色的工具，可以为您提供大量数据，如果您知道如何正确利用数据并实施更改，则可以大大简化网站优化的任务。 同样，从计划的监视中获取实时警报对于保持一段时间内的速度非常宝贵，GTMetrix在提供此类通知方面做得很好。

如果您遵守我在这里提出的建议，并且毫不犹豫地尝试一下自己的调整和试验，那么您将可以拥有一个闪电般快速的网站，用户不会被其拒绝。