在宾夕法尼亚州工作的最佳地点
26个提高网站页面速度的工具
最近我们一直强调，快速网站是更赚钱的网站. 这是众所周知的事实，但也经常被忽视。许多人过于关注网站的功能或设计，以至于完全忽略了这一对转化率的主要影响。
说到提高页面速度，越少越好。这可能是一个有点艰巨的任务，以减少对不同的网页速度吸吮领域，所以谢天谢地，有一些网页优化工具有帮助！
改善网站的页面速度它不仅可以帮助用户转化，还可以对你的搜索排名产生巨大影响。许多网站忽视了那些有助于提高页面速度和网站整体质量的更为繁琐的活动，例如例行的活动网站维护和安全审计．
总的来说，提高页面速度可以提高网站的搜索流量，也可以增加流量转化为付费客户的机会。
在为你的网站创建内容时，毫无疑问，加载时间应该在大脑中考虑。为了帮助你完成这一过程，为了9月份的“月度最佳工具”功能，我们整理了一份工具列表，我们推荐这些工具来提高你网站的页面速度。享受吧!
点击这些链接跳到你选择的部分
如果您正在寻找特定的工具，可以通过以下方式跳到每个部分：
测量页面速度的工具
直到你真正开始测量网站的加载时间，你才知道如何改进。有几十种有用的工具，但我们没有时间讨论所有这些工具。相反，这里是我们的最爱！
1.Pingdom网站速度测试
平度提供了一个相当快速和简单的测量你的网站的速度。从浏览器发出的所有请求的一个方便的瀑布可以为您提供一些非常好的线索，以了解是什么导致了如此慢的加载时间。
2.GTmetrix性能报告
GTmetrix还提供了一个简单的瀑布式报告，说明了什么是加载以及对页面速度的影响。单击每个元素将显示关于应改进内容的其他建议。
3.谷歌浏览器-检查元素
如果您希望在浏览器中查看影响页面速度的主要因素，请尝试查看检查元素的工具对于铬。
右键单击网页上的任意位置->检查元素->网络
这将为您提供与Pingdom和GTmetrix类似的瀑布式视图，只是它将位于您正在分析的页面的浏览器底部，而不是转到其他网站并输入URL。
4.谷歌分析-网站速度页面计时
在分析站点时，谷歌分析这可能是实际测量页面加载时间的最佳方法。GA将实际列出加载速度最慢的页面随着时间的推移，允许您跟踪您的进度，以继续提高您的页面速度。
改进建议
用于测量页面速度的工具可能基本上只是告诉你“哇，你的加载时间太糟糕了。”但是你会从这里走到哪里呢？
谢天谢地，还有更多的工具可以帮助您开始整个过程。你的计划是什么？通常情况下，特别是如果您从未考虑过提高页面速度，有一些非常简单的修复程序可以提升您的站点。
然而，其中一些工具可能会变得相当技术化。如果您不知道JavaScript或如何编辑您的服务器设置，那么最好避免在这些区域乱搞，直到您觉得可以轻松地进行这些更改，或者找到可以修改的人。
幸运的是，工具5-7很可能会指出一些非常简单的修复，可以快速提高加载时间。
5.谷歌页面速度工具–页面速度洞察
当涉及到衡量网站的页面速度时，谷歌提供了一个完美的内部攻击计划PageSpeed洞察工具．
此工具将根据几个不同的页面速度因子（已知会导致加载时间缓慢）得出100分的分数。移动版和桌面版根据您的站点在不同设备上的显示情况显示不同的分数。这是你需要告诉你如何提高网站速度的一切。
在结果中，你会发现一些不同的有价值的信息，你可以在下一页的页面速度改进中考虑。无论您在哪里看到“显示如何修复”箭头，您都应该对需要改进的地方进行清点。
谷歌还提供了一些不同的领域，让您能够以更高效、更可测量的方式访问PageSpeed Insights。
6.PageSpeed浏览器扩展
在你的浏览器中访问相同的数据比一直使用谷歌的工具查看你的页面更容易。幸运的是，好的老谷歌通过一个易于安装的软件实现了这一点铬延伸．
当在任何网页上，一个简单的右击后跟“检查元素”将给你一瞥引擎盖下。安装该扩展后，您还可以查看该页面加载时间的附加信息。
点击“分析”，你就可以看到所有关于如何提高网站速度的建议，就在你的浏览器和页面上。
7.谷歌分析-网站速度建议
再次,，谷歌分析可以为提高页面速度提供一些额外的帮助。实际上，它所做的只是显示PageSpeed Insights得分和建议在您的GA仪表板中。从技术上讲，这不是一个不同的网页速度工具，但它是以不同的方式看待它很有帮助。
使用这个工具的一个好方法是按加载时间或页面浏览量排序。然后，您可以查看哪些页面最需要帮助，或者查看访问次数高的页面可能需要改进。分析高访问量的页面可以快速地向您展示如何在加快加载时间的同时提高转化率。
好的，你已经用网站速度工具测量了你的页面速度。你甚至发现了一些需要改进的地方。是时候采取实际行动了，把你的手弄脏了。下一组工具将帮助您做到这一点，具体取决于您所从事的工作。我们将触及可能需要改进的常见（更容易）领域以及实现这一目标所需的工具。
图像优化工具
通过浏览上述工具提出的各种建议，您可能很快就会了解到，图像是一个巨大的时间吸吮。有一些技术细节涉及，但一般的规则是保持图像文件尽可能小。
一般来说，你不希望你的网站加载一个巨大的图像，只希望它被HTML缩小。这会导致不必要的高页面速度！优化图像是提高页面时间的好方法，这可以通过多种方式实现。工具8-18会有帮助！
图像大小调整工具
对于这一重要步骤，我们不能只选择一种工具。基本上，您希望图像的宽度和高度与站点上所需的宽度和高度完全相同。这意味着你不想拥有1200像素宽的图像，但在你的博客上显示为300像素。您需要将实际图像文件的大小调整为300像素。这将减少图像的大小并显著减少加载时间。
以下是您可以使用的工具和教程列表：
8.在Photoshop中调整图像大小
9在Paint中调整图像大小
10在Microsoft Picture Manager中调整图像大小
11Pixlr
12网络调整
13缩小图片
14图片大小调整
图像压缩工具
同样，也有同样多的压缩工具！图像压缩会将相似的颜色组合在一起，并去除许多图像不需要的多余垃圾。这听起来很残酷，但你通常无法区分压缩和未压缩的图像！
你也可以在Photoshop中这样做，但我们在网上找到了一些更容易使用的批量压缩工具:
15海怪（上图）
16蒂尼蓬
17另一种方法是使用PageSpeed Insights工具在谷歌Chrome扩展．在优化图片部分，“查看优化内容”链接将出现在每个建议旁边。你可以打开这些，然后保存它们在你的网站上使用!
18延迟加载图像
您可以进一步加快图像的速度。事实上，你根本无法加载它们…也就是说，直到访问者需要去看他们。
在特定事件发生之前，通过JavaScript阻止延迟加载的图像加载。此事件可以是基于时间的，也可以是基于访问者正在查看的位置。例如，直到用户在页面上向下滚动足够长的距离才能加载图像。这就避免了页面必须等待图像加载，直到几秒钟（甚至几分钟）之后才能看到图像。
延迟加载可能是一个复杂的主题，但也有很多延迟加载WordPress插件和jQuery插件如果您熟悉HTML和JavaScript，那么设置它并不太困难。
CSS精灵工具
您的站点可能有一些您在网上制作或找到的图像和图标，可以在整个站点中使用。节省空间的一个好方法是将这些图像合并到CSS精灵中（不，不是饮料）。
CSS精灵允许您将多个图像组合成一个，从而节省浏览器与服务器对话的时间。然后，一些简单的CSS将图像划分为多个部分，以显示站点上需要的正确部分。
组合图像并为每个部分找到正确的尺寸可能是一个恼人的过程。然而，一些很酷的人制作了一些工具来帮助简化这个过程!
技术优化工具
好的，如果你对技术不感兴趣，你可能想跳过这部分。不过，这并不太先进，你可以从中学习！
在优化你为你的网站创建的内容之后，可能是时候看看你的框架中包含的内容的区域，以便进行改进。
22W3总缓存
如果你使用WordPress，你会非常感激这个免费插件。W3总缓存将采取几乎每一个幕后的场景细节，并为您优化它。这包括缓存控制、CDN管理和代码缩减。
有一个大量W3 Total Cache可以做到，而且它是目前最强大的插件之一。话虽如此，最好还是遵循它一些关于如何使用它的深入教程！
23CloudFlare CDN
CDN将缩短网站托管服务器与试图访问它的用户之间的距离。这一后勤改进将加快您的网站，因为它通过最短的路线向世界各地的任何人动态提供您的网站。
有几个CDN，但是CloudFlare是最好的之一。它也恰好有一个免费的计划供任何人使用！
CloudFlare是一种很容易吓唬用户的工具，因为它是另一种超级强大的网站管理工具。但是不要害怕：有很多关于正确设置的教程！
缩小站点代码的工具
网站中包含的文件中有很多不必要的空间。浏览器并不真正关心实际正文副本之外的空间，这使得所有易于阅读的代码只是浪费了空间。缩小代码将去掉所有多余的空白。这会压缩文件大小，使其极难读取，但仍能正常工作。
24YUI Compressor可用于缩小CSS和JavaScript。
25您还可以使用Google PageSpeed Insights缩小HTML。只需单击上面描述的相应区域中的“查看优化内容”即可优化图像。
26.如果你使用WordPress，有几个插件来减少你的代码包括…在内W3总缓存．
这是列表!
我相信除了这26个工具之外，还有更多的东西可以加速你的网站，但我希望你能发现这对你的整体页面速度有很大的帮助！许多人已经竭尽全力提高他们的页面速度，因为这会显著影响他们的在线业务。希望这些工具能让你朝着更快的网站和更好的加载时间的正确方向前进。
如果您有兴趣了解有关提高网站速度的更多信息，请参考以下宝贵资源：
- 金斯塔的网站速度优化初学者指南
- Mashable的列表18个图像压缩器可加速您的网站
- 我们之前对Feed-the-Bot工具的回顾
- 为什么更快的网站赚更多的钱
你有想推荐的提高页面速度的工具吗?非常欢迎你在评论中提出来。我们很乐意和你一起讨论!
图片/照片来源：CloudFlare，弗利斯
