什麼是頁面速度？
頁面速度是載入網頁所需的時間。頁面的載入速度由幾個不同的因素決定，包括網站的伺服器、頁面檔案大小和圖片壓縮。
那是說：
「頁面速度」並不像聽起來那麼簡單。
這是因為測量頁面速度的方法有很多。以下是最常見的三種：
完全載入的頁面 完全載入的頁面（FCP）：這是加載頁面上 100% 資源所需的時間。這是確定頁面載入速度的最直接方法。
到第一個字節的時間 第一個位元組的時間（TTFB）：這測量頁面開始載入過程所需的時間。
如果您曾經登陸過某個頁面並盯著白色螢幕幾秒鐘，這就是 TTFB 在起作用。
第一個有意義的繪畫/第一個上下文繪畫 第一次有意義的繪製/第一次情境繪製：頁面會載入足夠的資源以使用戶能夠閱讀該頁面上的內容所需的時間。
例如，假設您有一篇部落格文章需要 10 秒才能完全加載。
這是一個很長的時間……如果你只看整個頁面加載需要多長時間。
另一方面，專注於「首次有意義的繪製」有時可以更好地代表用戶在頁面加載時實際與頁面互動的方式。
例如，讓我們再看一下需要 10 秒才能載入頁面所有資源的頁面。
儘管整個頁面需要一段時間才能加載，但當使用者第一次登陸該頁面時，他們會在 1.5 秒後獲得“第一次有意義的繪製”。
這意味著他們幾乎可以立即開始與您的頁面進行交互。所以對於用戶來說，你的頁面速度很快。
為什麼頁面速度對 SEO 很重要？
自 2010 年起， Google 就以頁面速度作為排名因素。
2018 年，谷歌透過「速度」更新提高了頁面速度的重要性。
簡而言之：
加載緩慢的網站可能會損害您的 Google 排名。
問題是：Google 如何決定您網站的載入速度？他們是否會查看 100% 的頁面加載需要多長時間？還是TTFB？
他們還沒有對此發表任何官方聲明。但考慮到他們在PageSpeed Insights 工具中報告所有這些指標，我知道他們可能使用不同頁面速度測量的組合：
因此，以下是提高網站載入速度的方法。
核心網路生命如何影響頁面速度
Google 的 核心網路生命力 是一組對頁面使用者體驗評分的指標。Google 使用這三個指標來根據實際速度、網頁互動性和視覺穩定性來了解載入速度：
- 最大內容繪製 (液晶聚合物)衡量載入主要內容所需的時間。應為 2.5 秒或更短。
- 首次輸入延遲 (火焰離子化偵測器)衡量使用者可以與頁面互動所需的時間。它應該為 100 毫秒或更短。
- 累積佈局轉變 (CLS)衡量使用者經歷佈局轉變的頻率。您的CLS 分數應為 0.1 或更低。
您需要了解 Core Web Vitals 才能最佳化頁面速度。
您可以使用這些指標來衡量頁面的速度。Google 將您網站的核心網路生命力分類為“良好”、“需要改進”或“較差”。
您可以在Google Search Console的 Core Web Vitals 報告中查看您的分數。
注意：Google表示，其頁面速度更新只會對提供“最慢體驗」的頁面產生負面影響。但他們建議以“良好”閾值為目標，以獲得最佳結果。一旦達到該閾值，您不一定會透過對頁面速度進行幾毫秒的微優化來獲得巨大的收益。
總結一下：
優化效能較差的頁面應該是您的首要任務。因為如果您不這樣做，Google 可能會懲罰您的網站。
最重要的是：
不要將頁面速度置於優質內容之前。因為相關性永遠是第一位的。
載入「稍快一點」的頁面不一定會超過其他較慢的頁面。因為相關性和搜尋意圖更重要。
因此，您應該先優先考慮創建滿足用戶需求的內容。
話雖如此，這些是Google評估頁面核心網路生命力的閾值：
核心網路生命值是稱為網路生命值的更大質量信號集的一部分。此列表不斷發展並包括其他相關指標，例如 TTFB 和 FCP。
要了解更多信息，请阅读我们的 Core Web Vitals 指南以及如何改进它们。
提高页面速度的 5 种方法
压缩图像
图像通常会导致页面变慢。压缩图像是提高页面速度和 SEO 排名的最快解决方案之一。
如果您可以牺牲一点图像质量，则可能可以提高页面速度。
您的目標應該是在不影響品質或使用者體驗的情況下使影像盡可能小。
假設您要上傳一張 1MB、尺寸為 3000 x 2500 像素的影像。
您可以使用免費的圖像調整器（例如PicResize ）調整影像大小。
將您的圖像上傳到該工具。並選擇您希望圖像縮小多少（例如，縮小 50%）。
在不影響品質的情況下使影像盡可能小後，請使用影像優化等影像優化器進一步縮小影像。
只需透過該工具運行您的圖像，它就會發揮其魔力。
在將圖像上傳到網站之前，請務必執行此操作。
專業提示：如果您使用 WordPress 作為內容管理系統 (內容管理系統)，請使用斯馬什等插件优化图像。它可以让您批量优化图像以节省时间。
选择正确的图像格式
不同类型的图像需要不同的图像文件格式。
有些格式比其他格式更轻，因为它们提供更高的压缩级别。为每个图像选择正确的格式以缩短页面的加载时间。
让我们分析一下最常见的格式以及如何使用它们：
- JPEG：适合现实世界的图像，例如照片
- PNG：适合屏幕截图、設計、徽标或具有更高细节级别的图像
- GIF：如果可能，请避免使用这种格式，因为它会减慢您的页面速度。如果您需要动画图像，请考虑将 GIF 转换为视频。
- WebP：这种文件类型变得越来越流行，因为它比 JPEG 和 PNG 轻得多（事实上，小了三倍。）在未来，它可能会成为标准。然而，并非所有浏览器都支持 WebP 图像。所以我们现在建议使用 JPEG 和 PNG。
專業提示：如果您使用 WordPress，EWWW Optimizer等插件会将您的图像转换为 WebP。如果用户使用不支持 WebP 文件的浏览器打开您的网站，该插件将显示 JPEG 或 PNG 版本的图像。
缩小 JavaScript、CSS 和 HTML
最小化 JavaScript、CSS 和 HTML 可以提高页面速度。
事實上，谷歌的 John Mueller 表示缩小“值得研究”，因为它可以减小文件大小。
首先删除代码中的换行符、空格或其他不影响用户体验的不必要元素。
換句話說：缩小页面上的资源。
这包括：
- 超文本标记语言
- CSS
- JavaScript
- 以及您页面上找到的任何其他代码
您的第一步应该是清理页面上所有臃肿的代码。这些额外的代码可能来自您的网站上不再有的功能。或者来自劣质的开发人员工作。
無論哪種方式：代码越干净，加载速度就越快。
您可以使用在线压缩工具来压缩文件。如果您拥有 WordPress 网站，像WP Rocket这样的插件可以帮助您缩小代码。
注意：某些工具结合 CSS 和 JavaScript 文件来提高性能（尽管如果您的站点使用 HTTP/2 或 HTTP/3 则没有必要）。
因此，如果您的网站使用 HTTP/1，则组合 CSS 和 JavaScript 文件仅对提高页面速度有帮助。
要检查您的网站使用哪种 HTTP 协议，请转到 Google Chrome，右键单击页面上的任意位置，然后点击“检查」。然後，转到“网络”選項卡。
检查“协议”栏。您将看到每个内部资源使用的协议。
如果他们使用“h2”或“h3”协议（HTTP/2 和 HTTP/3），则无需合并 CSS 和 JavaScript 文件。
旁注：看不到“协议”列？右键单击图表标签面板，然后选中“协议」。
升级托管
这是一个我没有看到足够多的人谈论的技巧。
您可以整天清理代码并压缩图像。但如果您每月花费 4.99 美元用于托管，您的网站将无法快速加载。
那是因为您与一百万个其他网站共享服务器。
那里有一百万个网络主机。所以我不能特别推荐一个。
但我可以说，作为一般规则：在托管方面，一分錢一分貨。
因此，如果您真的想提高网站的加载速度，那么可能是时候升级到高级主机或专用服务器了。
启用浏览器缓存
这允许用户将页面的部分内容存储在他们的浏览器缓存中。
因此，当他们下次访问您的网站时，加载速度会更快。
不幸的是，这不会帮助首次访问者更快地加载页面。但这对于提高以前访问过您网站的用户的加载速度非常有用。
您可以在 .htaccess 文件中设置浏览器缓存。或者使用 WordPress 插件。要在 WordPress 网站上启用浏览器缓存，您可以使用W3 Total Cache或WP Rocket等插件。
实施 CDN
内容交付网络 ( CDN ) 是提高网站加载速度的最简单方法之一。
CDN 的工作原理是确定访问者的物理位置……然后从靠近他们的服务器提供站点资源。
使用多页面速度测试工具进行测试
现在您已经实施了这些步骤，是时候看看您的表现如何了。
我建議使用兩種不同的工具來測試頁面速度。
第一個是谷歌頁面速度洞察。
Google 的工具會掃描您頁面的程式碼是否有問題…
……和機會。
他們最近添加了一項功能，可以报告您的网站加载给实际人类用户所需的时间（使用 Google Chrome 浏览器数据）。
这是超级有用的。
一句警告：您有时会发现该工具的建议对您的网站没有意义。
例如，谷歌的工具建议我“以下一代格式提供图像”。
然而，大多数浏览器（包括 Safari 和 Firefox）不支持这些“下一代”格式。因此，如果您切换到这些下一代格式，您网站的用户体验将会下降。
也就是說：这个工具中有大量有用的见解。我建议尽可能多地实施。
接下來，我們有WebPageTest.org。
WebPageTest 的一个很酷的地方是它在实际的浏览器中加载您的页面。它可以让您了解页面上需要很长时间加载的特定部分。
最後，请务必尝试网站检查器。
SEO 页面速度常见问题解答
网站速度如何影响 SEO？
网站速度影响搜索引擎优化，因为它是谷歌算法速度更新中宣布的排名因素之一。谷歌在其算法中使用网站速度来对高速网站和加载缓慢的网站进行排名。
SEO 的最佳页面速度是多少？
SEO 的良好页面速度是三秒或更短。快速加载的页面速度将有助于您的 SEO 工作，因为 Google 会奖励快速的网站而不是慢速的网站。在优化工作中还要牢记移动页面速度。
页面加载速度如何影响可见性？
页面加载速度直接影响网站的可见度。由于页面加载速度是 Google 的排名因素，因此如果速度缓慢，您的网站将不会获得太多
自然流量。缓慢的网站也会损害转化率、每次点击费用和搜索引擎优化。谷歌更喜欢快速的网站而不是慢速的网站，因此慢速的网站排名不会很好。
为什么页面加载速度对 SEO 很重要？
页面加载速度对于 SEO 很重要，因为它是 Google 算法的关键决定因素之一。缓慢的网站会让访问者望而却步。快速的网站可以为访问者提供良好的用户体验，并且 Google 会将这些网站的排名高于加载缓慢的网站。
