如果加載時間超過 3 秒，多達 56% 的用戶會離開網站！如今，良好的頁面加載速度對于贏得用戶的心并在 SERP 中取得高成效至關重要。谷歌通過添加新指標來強調這一點，這些指標將幫助您測試網站的加載速度，包括其移動版本。您如何檢查頁面加載時間以及最佳結果是什么？如何提高移動設備上的網站速度？繼續(xù)閱讀以找到這些問題的答案！

在我們討論提高網站加載時間的方法之前，最好先了解如何檢查頁面的加載速度。您可以在下面看到最受歡迎的工具列表。

PageSpeed 見解

PageSpeed Insights 是 Google 提供的工具。它經常用于衡量網站加載時間。它允許您在桌面和移動設備上檢查網站的速度。

執(zhí)行測試唯一需要的是您粘貼到框中的網站地址 (1)，然后單擊“分析”(2)。

結果是在兩個選項卡中提供了介于 0 和 100 之間的分數（第一個選項卡是指移動設備上的網站加載時間，第二個選項卡包含有關計算機和平板電腦上的網站加載時間的信息）。

您可以在下面看到有關內容渲染的詳細評論，以及如何提高移動網站速度的提示。這將使您能夠找出您網站上的哪些元素存在問題以及如何改進它們。

GTmetrix

GTmetrix 是另一個有用的工具。它的工作原理類似于 PageSpeed Insights。您需要做的就是輸入您要分析的網站的 URL 地址，然后單擊“測試您的網站”。

處理后，您將獲得報告。

它包含有關該站點的所有必要信息和提示，可以幫助您減少其加載時間。

移動友好測試

移動友好測試也值得記住。它的工作原理與上述工具類似。為了分析網站，您需要提供其地址，然后按“測試 URL”按鈕。

幾秒鐘后，您將收到一份報告，告知您您的網站是否適合移動設備、呈現頁面的視圖以及有關潛在錯誤的信息。

與谷歌一起思考

Think with Google 是另一個有趣的工具，可以測量網站加載速度。為了檢查您的頁面加載時間，您需要提供其 URL 地址。

過了一會兒，你會得到一個報告：

該工具還為您提供以下選項：

• 請參閱討論可以采取哪些措施來改善網站加載時間的提示，

• 將您的網站與市場競爭對手的網站并列，

• 估計如果您的網站加載速度更快，您的業(yè)務可以實現的效果，

• 使用您的網站分析生成免費報告

Chrome 開發(fā)者工具

如果您使用 Chrome 瀏覽器，則可以從此工具中受益。為此，只需轉到您的網站，從頁面頂部的菜單中選擇“開發(fā)者工具”，選擇“燈塔”部分，搜索“設備”部分，選擇“移動”，然后單擊“生成”報告”按鈕。

如您所見，所有可用的工具都直觀且易于使用。現在，是時候檢查您的頁面性能了。你應該得到什么結果？

不言而喻，網站應該盡快加載。但是，您應該瞄準的推薦結果少于 2-3 秒。如果您的網站加載時間更長，那么隨后的每一秒等待都會增加用戶離開它的可能性。這將轉化為更高的跳出率。

來源：https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/

你的分數不滿意？不用擔心！聯系我們的技術 SEO 顧問 – 我們將確保您的網站快速并根據您的用戶需求進行調整！

你想自己照顧它嗎？繼續(xù)閱讀以發(fā)現在移動設備上提高網站速度的15 個技巧！

如何讓您的移動網站加載更快？

1. 檢查 Core Web Vitals & PSI

Core Web Vitals 是評估網站速度和性能的指標。CWV 是 2021 年 8 月底宣布的排名因素之一。除了響應能力、安全性、加密連接和無侵入性廣告外，Core Web Vitals 將成為決定網站位置的重要組成部分。

我們?yōu)槭裁匆務撨@個？

引入 Core Web Vitals 作為一個額外的排名因素與用戶體驗的作用越來越大有關。谷歌明確指出，搜索引擎優(yōu)化應該旨在提高用戶對搜索結果的滿意度。只有這樣，才有可能在自然搜索結果中達到高位。

如果您使用PageSpeed Insights (PSI) 分析您的網站，您將收到以下信息：

• LCP（最大內容繪制）——這是一個顯示網站加載速度的指標。它測量瀏覽器加載頁面上最大元素所需的時間，
• FID（首次輸入延遲）——它是指示網站交互性的指標。這是從頁面開始加載到完全交互的時間，
• CLS（累積布局偏移）——它是衡量頁面布局視覺穩(wěn)定性的指標。它被計算為頁面加載期間可見的移位總和。這包括意想不到的轉變，即那些與用戶交互無關的轉變。

最近谷歌增加了 2 個額外的指標來確保更快的頁面加載速度：

• INP (Interaction to Next Paint) – 這是一個顯示與整個頁面交互需要多長時間的指標，
• TTFB（第一個字節(jié)的時間）——它是衡量服務器響應資源請求的速度的指標。

PageSpeed Insight 中的完整核心 Web Vitals 評估目前看起來像這樣：

這兩個指標是實驗性的，一切都可能會發(fā)生變化，所以最好密切關注！

除此之外，您將收到一套可以遵循的現成指南。這使得處理在移動設備上加載緩慢的網站變得更加容易。

Core Web Vitals 非常重要，我們?yōu)樗鼈兲峁┝送暾姆眨?/span>看看我們如何通過 Core Web Vitals Audit 幫助您改進您的網站！

2.壓縮和優(yōu)化圖像

不正確的優(yōu)化和圖像壓縮是移動和桌面設備上網站加載速度不足的一些最常見原因。那么如何防止圖形對頁面加載時間產生負面影響的情況呢？

首先，在將圖像上傳到網站之前壓縮圖像（減小它們的大小）。您可以使用 Adob??e Photoshop 等專業(yè)編輯程序或 jpegmini.com 等免費且簡單的在線工具來完成。

上傳到您網站的圖片的最佳重量不應超過 150-200 KB。

我們有一個額外的提示給你！

如果你使用 WordPress，你可以安裝 WP Smush 插件，它會自動壓縮上傳到服務器的照片。該插件及其基本功能是免費的，但是，您需要購買 PRO 版本的訪問權限才能充分受益于可用功能。

來源：https://pl.wordpress.org/plugins/wp-smushit/#description

如果您想了解有關圖像優(yōu)化的更多信息，請查看我們的一篇文章：圖像與 SEO。如何開始？

3.保持重定向

當您想通知搜索引擎您的網站可以在不同的地址找到，或者如果您想消除子頁面和鏈接無法正常工作的問題時，重定向是必須的。

但是，過多的重定向會對網站加載速度產生負面影響，因為服務器需要時間來找到原始 URL。

因此，您應該將它們的數量減少到最低限度，以確保它們不會影響頁面加載并且不會阻止用戶。

4.讓你的網頁設計更簡單

雖然額外的橫幅和彈出窗口應該吸引用戶的注意力并增加他們的興趣，但這些元素過多可能會對網站加載時間產生負面影響。

在設計網站時，您應該分析哪些元素和功能是必不可少的。放棄一些額外的功能以提高頁面加載速度是值得的。

雖然復雜的頁面設計看起來令人印象深刻，但過多的額外元素不僅會減慢網站的加載速度，還會阻礙用戶留在網站上。設計這樣一個頁面所必需的代碼可能會不必要地超載它。

在創(chuàng)建網站時，您應該選擇簡單而新穎的解決方案，既能吸引用戶的注意力，又不會讓您的網站超載或減慢速度。

5.不要使用自定義字體

如何讓移動網站加載更快？不要使用自定義字體！

為什么？因為如果您選擇它們??，服務器將首先需要下載它們，然后再將它們顯示給用戶。這意味著網站加載可能需要更多時間。

此外，始終存在無法正確顯示字體的風險。因此，建議使用系統字體。

6.使用網站緩存

移動瀏覽器能夠記住頁面并將數據保存在平板電腦或智能手機上，以便以后使用。這會對頁面加載時間產生顯著影響。

網站緩存將簡化頁面加載過程，反過來，這將積極影響用戶對您網站的看法。

7. 縮小你的代碼

代碼縮小意味著簡化代碼并去掉任何不必要的字符。它不會影響或修改功能和網站運行。

通過刪除代碼的額外部分，您可以減少頁面重量。這會加快網站的加載時間。

8.減少購買步驟

您還能做些什么來提高移動速度？您可以分析潛在客戶必須采取的所有步驟來完成交易、注冊新聞通訊或執(zhí)行對您的業(yè)務很重要的任何其他活動。

如果這個過程很耗時并且涉及 5、6 或更多步驟，請考慮如何加快速度。刪除一些不必要的元素將使您擺脫代碼并改善頁面加載時間。

9.使用延遲加載

延遲加載可能是提高頁面加載時間的關鍵。

簡而言之，它是關于使用特殊腳本來延遲加載圖像、視頻或圖形的過程，這些圖像、視頻或圖形在用戶進入網站時不會立即顯示給用戶。

這有助于防止您的網站僅加載 10 秒，因為在用戶向下滾動頁面 2 分鐘之前不會向用戶顯示一兩張大圖片。

要實現延遲加載，您可以從免費插件中受益：WP Rocket 的 Lazy Load。

10. 選擇合適的主機和服務器

選擇合適的主機和服務器是影響網站加載速度的一個極其重要的問題。在這種情況下，您應該避免使用免費的解決方案，因為它們效率低且速度慢。

此外，它們經常顯示大量廣告，并且很容易使頁面超載。分析您的業(yè)務和網站需求，以確定對您最重要的功能和特性。在做出決定之前，請檢查服務器的可靠性。

11. 使用移動 CDN

Cloudflare 是一個內容交付網絡，可幫助您確保用戶始終靠近您的服務器，無論他們在世界的哪個位置。這意味著對于在日本的人和坐在倫敦咖啡館的人來說，您的網站的加載速度都一樣快。

如果您打算走向國際，使用移動 CDN 尤其重要。

請記住，第一印象很重要。如果您的目標國家/地區(qū)的人看到您的頁面需要很長時間才能加載，他們可能會離開它并且不會再次訪問它。

12. 更新到最新版本的 PHP

超文本預處理器也稱為 PHP，是一種可以創(chuàng)建動態(tài)網站內容的編程語言。多虧了它，您可以輕松地使您的頁面更具吸引力、互動性和引人注目。

正確使用 PHP 可以對頁面加載時間和 SEO 產生積極影響。

這怎么可能？您的網站對用戶來說變得更有趣，并提高了其整體加載速度。要更新您的 PHP 版本，請進入服務器的設置面板，然后查找與 PHP 設置相關的部分。

您有 WordPress 網站嗎？我們可以為您加快速度！自己檢查一下 – WordPress 網站加速

13. 只使用你需要的插件

安裝太多插件會對您的網站加載速度產生負面影響。

這是因為插件發(fā)送了額外的 HTTP 請求和數據庫查詢。此外，一些可用的解決方案需要使用自定義腳本。所有這些都轉化為額外的 JS 文件，并且需要更多時間來加載所有這些文件。

請記住，簡單是成功的關鍵。保持你的頁面功能，但盡量不要鍍金。

14.減少服務器使用

當用戶訪問給定網站時，其所有內容，包括文本、圖形和源代碼，都由服務器處理。這會增加您網站的加載時間。

那么，如何提高手機網站的速度呢？

首先打開壓縮文件的 GZIP 功能。多虧了它，您可以減輕網站的重量，從而改善其加載時間。

在哪里可以找到它？雖然一些托管公司默認啟用此功能，但在其他情況下需要手動激活。

如果您希望減少服務器使用量，您還可以利用專門的插件來縮短網站加載時間。如果您使用 WordPress，則可以訪問以下插件之一：

• W3 總緩存，
• WP超級緩存，
• WP 最快的緩存。

但是，在配置插件時，您應該閱讀詳細說明和教程或向更有經驗的人尋求幫助。請記住，不正確的配置可能會導致網站出錯或阻止網站加載。

15. 將 JavaScript 放在 HTML 文件的底部，將 CSS 放在 HTML 文件的頂部

確保 CSS 位于 HTML 文件的頂部。

為什么？

因為渲染線程可以訪問有關渲染網站內容所需的樣式的所有信息。如果你把 JavaScript 放在首位，它需要在繼續(xù)之前分析所有元素。

因此，渲染線程將無法完全顯示頁面，因為它根本無法訪問所有必要的樣式信息。

為什么網站加載時間很重要？外賣

您網站的加載時間非常重要，因為它直接影響您網站訪問者的興趣。根據 Google 進行的研究，如果頁面加載時間超過 3 秒，53% 的用戶會決定離開頁面。這會增加跳出率，從而降低您的轉化率。

考慮到越來越多的人使用移動設備瀏覽網絡這一事實，加載需要幾秒鐘的頁面可能會對您的業(yè)務產生負面影響。

值得一提的是，網站加載時間（在移動設備和桌面設備上）是 Google 排名因素之一。這意味著加載速度更快的頁面不僅受到用戶的贊賞，而且受到 Google 算法的贊賞。

快速加載的網站在搜索結果中排名更高！

如果您想擴展業(yè)務并接觸廣泛的潛在客戶，您應該確保您的網站針對移動設備進行了優(yōu)化并盡快加載。這個任務需要幫助嗎？聯系我們的專家！

這是2019年發(fā)表的文章的更新。?