什么是页面速度？
页面速度是网页加载所需的时间。一个网页的加载速度由几个不同的因素决定，包括网站服务器、页面文件大小和图片压缩。
页面速度并不像看起来那么简单。
这是因为衡量页面速度有很多不同的方法。以下是最常见的三种:
页面完全加载: 这是一个页面上所有的资源加载出来所需的时间。它是确定页面加载速度最直接的方法。
第一个字节加载时间（TTFB）: 这是衡量页面开始加载过程所需的时间。
如果你曾经在一个页面上盯着一个白色的屏幕看了几秒钟，那就是 TTFB 在工作。
首次内容绘制（FCP）: 一个页面加载足够的资源以便用户能够阅读该页面上的内容所需的时间。
例如，假设你有一篇博客文章，完全加载需要10秒钟。
如果你只看整个页面加载所需的时间，这是一个很长的时间… 。
另一方面，关注第一个有意义的画图渲染有时更能代表用户在加载页面时与页面的实际交互方式。
例如，让我们再次查看加载所有页面资源需要10秒钟的页面。
尽管加载整个页面需要一段时间，但当用户第一次访问页面时，他们会在1.5秒后得到“第一个有意义的画面”。
这意味着他们可以立即与你的页面进行互动，所以对于用户来说，你的页面速度很快。
测量页面速度有很多不同的方法。没有一个“正确”的标准比其他标准更好。它们都有利有弊。
你应该专注于提高所有页面速度指标。
为什么页面速度对搜索引擎优化很重要？
从2010年，谷歌一直将页面速度作为排名因素。
2018年，谷歌通过“速度”更新提高了页面速度的重要性。
简而言之:
一个加载缓慢的网站会影响你的谷歌排名。
问题是: 谷歌如何决定你的网站的加载速度？他们是否考虑过100% 加载页面需要多长时间？还是TTFB？
他们还没有对此发表任何官方声明。但是考虑到他们在PageSpeed Insights 工具中报告了所有这些指标，告诉可能使用了不同的页面速度指标的组合:
下面我们探讨下：
如何提高网站加载速度？
最佳实践
压缩图片
之所以把压缩图片放在第一位，是因为，把这项优化好了，会大大提升你网页的加载速度。
因为，图片通常占据50-90%的页面大小和加载时间 。
例如，从埃克森数字营销网站的一个页面看这个页面速度报告:
正如你所看到的，66.7% 的页面大小是来自图片:
它会自动压缩你上传到 WordPress 媒体库的任何图片。至少根据这个插件的创建者的说法，这样可以减少14.2% 的图像文件大小。
如果你没有使用wordpress网站，你还可以使用工具：tinypng.com。
与过去不同的是，现在大多数压缩工具要么使用无损数据压缩，要么是把图像质量降低到几乎看不出来的程度。
例如埃克森数字营销本篇文章的特色图片，我们压缩了98%，但它依然很清晰。
清理和压缩代码
就是: 减少页面上的资源。
这包括：
- HTML
- CSS
- JavaScript
- 以及你页面上的其他代码
你的第一步应该是清理页面上臃肿的代码。这些额外的代码你的页面运行并不需要。
无论哪种方式: 代码越干净，加载速度就越快。
然后，使用 GZip 之类的程序压缩代码。
升级主机
很多人在为网站提速中经常忽略升级主机这个因素。
虽然清理代码、压缩图片这些可以提升一定的速度，但是如果你仍在使用非常低廉价格的主机服务。你的网站加载速度通常不会很快。
因为这类低廉价格的主机是和成千上万个网站共享一个服务器。
所以如果你想你的网站真正的快起来，换一个合适的主机将起到非常大的作用。
当然这会设计到你的经济预算支出。
不过考虑到速度提升后对网站SEO的帮助，以及用户体验的提升，这应该是值得的。
激活浏览器缓存
这允许用户将页面的一部分存储在他们的浏览器缓存中。
这样下次他们访问你的网站时，加载速度会快很多。
使用CDN
内容传递网络(CDN)是提高网站加载速度最简单的方法之一。 CDN的工作原理是找出你的访问者的实际位置，然后从他们附近的服务器提供你网站的资源。
使用页面速度测试工具进行测试
现在你已经对网站进行了一系列的速度优化。现在改看一下你的优化效果如何了。 埃克森数字营销建议使用两种不同的工具来测试你的页面速度。 第一个是 Google page peed Insights。
谷歌工具扫描你的页面的代码，并找出问题、给出提升建议… ..。
他们最近还增加了一个功能，可以向实际用户报告网站加载所需的时间(使用谷歌 Chrome 浏览器的数据)。
这非常有用。
一个警告: 你有时会发现这个工具的推荐对你的网站来说没有意义。
例如，谷歌的工具推荐我们“提供下一代格式的图片”。
WebPageTest 的优势在于它可以在真正的浏览器中载入你的页面。让你了解页面中需要多长时间才能加载的特定部分。
了解更多
移动端加载案例研究-成就更快的页面加载: 3个深入的案例研究，显示如何通过提高速度来获得更高的排名和更多的有机流量。
