揭开 SEO 的秘密：介绍网站速度的终极指南
已发表: 2018-08-07速度对用户和搜索引擎优化都很重要：没有人愿意等待几秒钟来加载网站。 用户宁愿离开你的网站去竞争对手那里也不愿花时间等待。 “时间就是金钱”这句话现在和本杰明富兰克林几个世纪前所说的一样真实。 时间对谷歌也很重要。 速度是谷歌的排名因素之一。 在所有条件相同的情况下，网站越快，排名就越高。 没有人会争辩说，如今拥有一个快速的网站并不是必需品。 问题是：如何让你的网站更快？ 我们在《揭开SEO 的秘密》中的客座作者是Tomek Rudzki，他是 Elephate 研发团队的负责人，他是 2018 年欧洲搜索奖“最佳小型 SEO 机构”的获得者。 Rudzi 提供有关加快您的网站速度和获胜的建议。
这本全面的网站速度指南包含三篇文章。 在此处阅读以下帖子：网站速度终极指南 - 第 2 部分和网站速度终极指南 - 第 3 部分。
免费页面速度研究
1.时间就是金钱
有大量研究表明，更快的网站等于更多的收入。
- Pinterest 意识到减少感知等待时间会导致注册数量增加 15% 。
- BBC 注意到，他们的网站每加载一秒，就会有 10% 的用户离开。
- Google 的 DoubleClick调查发现，将页面加载时间从 19 秒（极端！）减少到 5 秒会导致跳出率降低 35%，会话时间延长 70%。
- 亚马逊的研究表明，仅一秒钟的网站加载速度下降就可能导致每年 16 亿的销售额下降。
你可能会说，“好吧，但我不关心 Pinterest、BBC 或亚马逊； 跟我谈谈我的业务。'”Google 创造了一个很好的工具，可以计算速度对潜在收入的影响。 我用示例数据填充工具：平均每月访问者 1,000,000，转化率 3.26%，平均订单价值 82 美元。
你可能会问，“Tomek，你为什么选择这个数据：3.26 的转化率，而不是 1% 或 4%，甚至 10%？” 好的，我从 Statista 获得了数据。 根据他们的报告，2017年第四季度美国网购订单的平均值（美元）为82，平均转化率为3.26。
似乎将页面加载速度从 5s 降低到 2.8s 可能会导致每年增加 197 万美元的收入。 听起来不错！
当然，它只是一个计算器。 但是计算器是基于真实数据的。 我不认为谷歌在计算值的末尾添加了几个零来让它看起来很严肃。
2. 始终为移动用户着想
根据 Statcounter 的数据，2018 年 2 月，超过 55% 的用户通过手机或平板电脑连接到互联网——令人印象深刻的统计数据！
如今，如果您想满足您的移动用户，您应该：
- 确保您的网站在移动设备上运行良好（即，如果它是响应式的）
- 使网站真正快速。
您必须记住，移动用户通常连接不良并使用低端设备，因此在“线路”上发送的每一千字节真的很重要。 您的网站在个人电脑上运行速度可能很快，并且具备所有附加功能，但在移动设备上运行速度可能真的很慢。 你得到前者的可能性不再对你有利。
3.使用GTMetrix
有一个很棒的工具可以告诉您可以改进哪些内容以使您的网站更快。 您可以免费审核任何网站。 您不必是网站所有者即可开始审核（即我审核了 Giphy.com）。 该工具结合了来自 Google PageSpeed Insights 和 Yahoo Slow 的数据和提示。
值得您花时间访问https://gtmetrix.com/并输入您网站的 URL。
您可以通过单击“PageSpeed”或“YSlow”选项卡查看有关如何提高网站速度的建议列表。
目前，这些选项卡上的许多信息可能无法理解，因为它太技术性了。 没关系。 罗马不是一天建成的。 我会尽我所能让你开始。 有一个有趣的部分称为“瀑布”，它会准确显示资源（JS 和 CSS 文件、图像文件）的下载和加载时间。
我强烈建议您获得一个 GTMetrix 帐户（它是免费的！）。 注册用户可以自定义测试并更改浏览器和服务器位置。 此外，登录后，您可以启用“创建视频”选项。 视频选项很棒。 它向您显示用户必须等待多长时间才能看到您网站上的视觉变化。
但不要对 GTMetrix 发疯
尽管 GTMetrix 是一个很棒的工具，但有时它的建议会让你大吃一惊。 GTMetrix 没有任何问题。 只是在优化速度时没有“一刀切”的规则——GTMetrix 很清楚这一点：
例如，GTMetrix 建议您为存储在 Google Analytics 或 Facebook 服务器上的资源设置浏览器缓存。 说实话，这些资源是你无法控制的——你无能为力。 Google 和 Facebook 的开发人员决定，无论出于何种原因，这些资源都不应该被长时间缓存。
当然，还有很多类似GTMetrix的工具，比如WebPageTest，（比GTMetrix强大很多）。 但是，我决定向您介绍 GTMetrix 有两个原因：
- GTMetrix 更人性化
- WebPageTest 没有为您提供明确的建议。
我想提一下另一个有趣的工具——Google Lighthouse（如果你使用 Chrome，你已经安装了它）。 来自 Elephate 的 Kamila Spodymek 写了一篇关于SEO 如何从 Google Lighthouse 的性能指标中受益的精彩文章。 绝对是一本好书！
4. 使用 GZIP 压缩
有一个规则你应该知道：如果一个资源的重量较小，浏览器可以更快地下载它，这将导致更快的页面加载。 您的移动用户将真正从中受益。
您可以通过实施 GZIP 压缩来减小文本文件（如 HTML、SVG、CSS 和 JS）的大小。 GZIP 压缩在不丢失任何信息的情况下节省 70-80% 的资源大小是很常见的。 这真的是一件大事！
访问https://checkgzipcompression.com/以检查通过实施 GZIP 可以节省（或已经保存！）多少千字节。 对于 Searchmetrics.com，启用了 GZIP（它可以节省 83% 的页面大小）。 听起来不错！
不过要小心！ 有时，网站管理员会出错并压缩所有静态文件，包括 JPEG、PNG 图像和 PDF。 让我引用Yahoo Developer Network 文档：“图像和 PDF 文件不应该被 gzip 压缩，因为它们已经被压缩了。 尝试对它们进行 gzip 压缩不仅会浪费 CPU，而且可能会增加文件大小”。
如果您想节省额外的千字节，缩小 HTML、JS 和 CSS 文件也是一个好主意。
5. 提供缩放图像
事实上，由于大量图片，网站的加载速度会非常缓慢（尤其是在手机上！）。
因此，有时减少图像数量可能是个好主意。 但与其限制它们，我建议优化现有的。 也就是说，提供给用户的图像应该被缩放和压缩（无损或有损）。
首先，让我们谈谈缩放图像。 假设每页有十个 220×220 的缩略图，但您将 800×800 的图像上传到服务器。 您应该将已经缩放的图像提供给用户，还是强制浏览器“即时”缩放它？
答案很简单。 如果您不在服务器端缩放图像，那么浏览器必须下载比所需更多的千字节。 什么都没有，因为无论如何图像都会被缩放。 此外，它是客户端 GPU 的一项额外工作。 更不用说页面加载速度会受到影响。
6.压缩你的图片
现在，让我们谈谈压缩图像。 这是现代网络必备的另一种技术。
通常，有两种类型的图像压缩：
- 无损（做得非常好，您可以确定质量不会受到影响）。
- 有损（通常使图像更轻巧，但是，顾名思义：您会损失一些质量）。
问题出现了：哪种类型的压缩更好：无损还是有损？
- 这真的取决于情况。 如果您的网站提供外太空图像，那么每个细节都很重要。 但是如果你做一个个人博客，你可能会接受有损压缩，即使压缩率很高。 我建议您进行试验，看看哪些设置最适合您的网站。
7. 不要强迫您的移动访问者下载全高清照片！
移动用户的屏幕要小得多，他们根本不会从您的高清照片中受益。 相反，如果你强迫他们下载大图像，他们会生气。
让我们看看Elephate.com的例子。 我们的主页（522kb）顶部有一张我们公司成员的超大照片（2600×1463像素）
对于台式机来说完全没问题——他们可以非常快速地下载它。 但是，对于移动用户，我们使用 HTML 的“srcset”参数。 由于实现了这一点，移动用户只需下载一张小得多的图片（他们不需要更大的图片），这对页面加载时间有积极影响。
桌面用户不会受到影响，因为他们会看到全高清照片。 但移动用户将真正从中受益。