没人喜欢加载缓慢的网站。我们希望内容能尽快加载。如果你和我一样，在谷歌搜索时，网站加载速度太慢，你就会点击“返回”按钮，然后找到另一个结果。 看到并理解这种行为 页面速度及其重要性。
如果您的网站加载速度很慢，那么是时候评估如何提高您的网站性能并有更好的机会留住访问者和排名。
查看统计数据
谷歌最新研究表明，移动设备上页面加载的平均时间为15秒。好消息是，这个数字比去年有所下降。
然而，如果页面加载时间超过3秒，仍有53%的移动用户离开。鉴于超过一半的网络流量来自移动设备，确保页面加载时间不超过3秒是明智之举。
页面速度不仅对用户体验很重要，而且还应该从有机排名的角度来看待。
随着页面速度的提升，跳出率也会上升。当页面加载速度从 1 秒增加到 3 秒时，平均跳出率会增加 32%。而当页面加载时间接近 10 秒时，丹麦 WhatsApp 号码数据 跳出率可能会高达 123%。
让我们加快该网站的速度
您现在已经阅读了关于加载时间的统计数据。这是否让您担心自己网站的速度？您想让用户满意，以便他们留在您的网站并进行购买吗？您想让您的网页排名更高吗？
如果您想在 2019 年提高网站排名，那么您的页面速度必须很快。
每个人都喜欢快速的网站：你的访客、SEO、网站开发者以及谷歌。你应该尽一切努力，让网站加载速度飞快。
首先，使用测试工具检查你的页面速度，并查看详细的报告和改进建议。这是一个很好的初步检查，应该能为你提供一些有价值的信息，帮助你从哪里入手。
在输入框中输入 URL 后，顶部会显示一个总速度分数。这是所有时间指标的加权得分。
速度评分之后，您将看到不同时间点的更详细视图。其中一些内容可能比较专业，流量大幅增加的原因是什么 但我们会在下文中详细介绍。
并进行记录。SpeedMonitor.io 工具可以自动执行此过程，并每晚根据 PageSpeed Insights API 检查您的网站。然后，您可以查看网站速度表现随时间变化的历史趋势。
速度性能指标
让我们来看看这些工具将向您展示的一些速度性能指标：
互动时间
这是页面与用户交互的时间。一旦页面上加载了图片和文本，您就期望能够与页面进行交互。但是，如果还有其他脚本、字体或样式仍在加载中，用户滚动和交互可能会很困难。
为了提高您的交互时间，您应该考虑以下几点：
–当用户向下滚动页面时延迟加载图像。
–首先加载首屏内容，以便用户可以更快地与其进行交互。
速度指数
页面可见部分的显示时间。它应该作为衡量网站整体性能的另一个指标，但不应是唯一需要考虑的因素。速度指数得分越低，网站的运行速度就越快。
为了提高速度指数，您应该考虑查看关键渲染路径，该路径优先显示内容以及浏览器接收页面资源所采取的步骤。
为了使您的网站能够显示元素，在短信中 它必须加载关键资源，例如 HTML、CSS 和 JavaScript 文件。您应该专注于最大限度地减少加载页面所需的关键资源数量。
–延迟加载图片，仅显示首屏上方所需的图片
–仅加载加载时所需的Javascript 文件
–将 CSS 文件合并为一个，以最大限度地减少多次调用
首次内容绘制
浏览器首次渲染任何文本或图像的时间。首次内容绘制 (First Contentful Paint) 非常贴切地描述了用户浏览页面时的感受。当内容（无论是文本还是图像）首次显示在浏览器中时，该时间被称为首次内容绘制 (First Contentful Paint)。这向用户表明页面正在按预期运行并加载中。
为了提高首次内容绘制的效果，您应该考虑以下几点：
–尽量减少CSS 和 Javascript 等渲染阻塞资源
–异步加载第三方脚本，如广告跟踪器、社交分享按钮、视频嵌入等。
–对回访者使用 HTTP 缓存
–删除未使用的 CSS 或 Javascript代码
第一个字节的时间
浏览器从服务器获取第一个字节的时间。较慢的首字节响应时间 (TTFB) 通常超过 200 毫秒。理想情况下，TTFB 应控制在此值以下。如果您的服务器响应的 TTFB 较长，则可能是以下原因之一：
– 网络连接不良
– 服务器响应缓慢
要诊断您的首字节响应时间过长，请先在本地托管您的网站或页面。您的 TTFB 是否仍然过长？如果是，您应该考虑改进响应时间的方法。数据库查询、Web 服务优化、配置设置以及缓存都是诊断 TTFB 过长时需要考虑的因素。
Apache 基金会发布了它可以通过修改页面上的资源来自动提升网站速度。您可以修改 Web 服务器配置文件中的内置过滤器。
例如，如果您想从网站中删除不必要的空白或优化图像，您可以使用众多过滤器之一轻松实现。
什么是关键渲染路径？
关键渲染路径是浏览器将 HTML、CSS 和 JavaScript 处理成有意义的视觉效果所采取的步骤。
作为用户，当你加载页面时，浏览器会获取 HTML 并将其转换为字节。字节随后被转换为标记 (token)。标记随后被转换为对象。这被称为文档对象模型 (DOM)。
然后，CSS 也会发生同样的情况。它会被转换成字节，并最终转换成称为 CSS 对象模型（CSSOM）的树形结构
结论
是时候认真考虑网站性能和页面速度了。如果您想在 2019 年获得排名，您的网站必须运行速度快。希望这些技巧能帮助您走上正确的道路。