如果加載時(shí)間超過 3 秒，多達(dá) 56% 的用戶會(huì)離開網(wǎng)站！如今，良好的頁面加載速度對(duì)于贏得用戶的心并在 SERP 中取得高成效至關(guān)重要。谷歌通過添加新指標(biāo)來強(qiáng)調(diào)這一點(diǎn)，這些指標(biāo)將幫助您測(cè)試網(wǎng)站的加載速度，包括其移動(dòng)版本。您如何檢查頁面加載時(shí)間以及最佳結(jié)果是什么？如何提高移動(dòng)設(shè)備上的網(wǎng)站速度？繼續(xù)閱讀以找到這些問題的答案！
在我們討論提高網(wǎng)站加載時(shí)間的方法之前，最好先了解如何檢查頁面的加載速度。您可以在下面看到最受歡迎的工具列表。
PageSpeed 見解
PageSpeed Insights 是 Google 提供的工具。它經(jīng)常用于衡量網(wǎng)站加載時(shí)間。它允許您在桌面和移動(dòng)設(shè)備上檢查網(wǎng)站的速度。
執(zhí)行測(cè)試唯一需要的是您粘貼到框中的網(wǎng)站地址 (1)，然后單擊“分析”(2)。
結(jié)果是在兩個(gè)選項(xiàng)卡中提供了介于 0 和 100 之間的分?jǐn)?shù)（第一個(gè)選項(xiàng)卡是指移動(dòng)設(shè)備上的網(wǎng)站加載時(shí)間，第二個(gè)選項(xiàng)卡包含有關(guān)計(jì)算機(jī)和平板電腦上的網(wǎng)站加載時(shí)間的信息）。
您可以在下面看到有關(guān)內(nèi)容渲染的詳細(xì)評(píng)論，以及如何提高移動(dòng)網(wǎng)站速度的提示。這將使您能夠找出您網(wǎng)站上的哪些元素存在問題以及如何改進(jìn)它們。
GTmetrix
GTmetrix 是另一個(gè)有用的工具。它的工作原理類似于 PageSpeed Insights。您需要做的就是輸入您要分析的網(wǎng)站的 URL 地址，然后單擊“測(cè)試您的網(wǎng)站”。
處理后，您將獲得報(bào)告。
它包含有關(guān)該站點(diǎn)的所有必要信息和提示，可以幫助您減少其加載時(shí)間。
移動(dòng)友好測(cè)試
移動(dòng)友好測(cè)試也值得記住。它的工作原理與上述工具類似。為了分析網(wǎng)站，您需要提供其地址，然后按“測(cè)試 URL”按鈕。
幾秒鐘后，您將收到一份報(bào)告，告知您您的網(wǎng)站是否適合移動(dòng)設(shè)備、呈現(xiàn)頁面的視圖以及有關(guān)潛在錯(cuò)誤的信息。
與谷歌一起思考
Think with Google 是另一個(gè)有趣的工具，可以測(cè)量網(wǎng)站加載速度。為了檢查您的頁面加載時(shí)間，您需要提供其 URL 地址。
過了一會(huì)兒，你會(huì)得到一個(gè)報(bào)告：
該工具還為您提供以下選項(xiàng)：
- 請(qǐng)參閱討論可以采取哪些措施來改善網(wǎng)站加載時(shí)間的提示，
- 將您的網(wǎng)站與市場(chǎng)競(jìng)爭(zhēng)對(duì)手的網(wǎng)站并列，
- 估計(jì)如果您的網(wǎng)站加載速度更快，您的業(yè)務(wù)可以實(shí)現(xiàn)的效果，
- 使用您的網(wǎng)站分析生成免費(fèi)報(bào)告
Chrome 開發(fā)者工具
如果您使用 Chrome 瀏覽器，則可以從此工具中受益。為此，只需轉(zhuǎn)到您的網(wǎng)站，從頁面頂部的菜單中選擇“開發(fā)者工具”，選擇“燈塔”部分，搜索“設(shè)備”部分，選擇“移動(dòng)”，然后單擊“生成”報(bào)告”按鈕。
如您所見，所有可用的工具都直觀且易于使用。現(xiàn)在，是時(shí)候檢查您的頁面性能了。你應(yīng)該得到什么結(jié)果？
不言而喻，網(wǎng)站應(yīng)該盡快加載。但是，您應(yīng)該瞄準(zhǔn)的推薦結(jié)果少于 2-3 秒。如果您的網(wǎng)站加載時(shí)間更長(zhǎng)，那么隨后的每一秒等待都會(huì)增加用戶離開它的可能性。這將轉(zhuǎn)化為更高的跳出率。
來源：https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/
你的分?jǐn)?shù)不滿意？不用擔(dān)心！聯(lián)系我們的技術(shù) SEO 顧問 – 我們將確保您的網(wǎng)站快速并根據(jù)您的用戶需求進(jìn)行調(diào)整！
你想自己照顧它嗎？繼續(xù)閱讀以發(fā)現(xiàn)在移動(dòng)設(shè)備上提高網(wǎng)站速度的15 個(gè)技巧！
如何讓您的移動(dòng)網(wǎng)站加載更快？
1. 檢查 Core Web Vitals & PSI
Core Web Vitals 是評(píng)估網(wǎng)站速度和性能的指標(biāo)。CWV 是 2021 年 8 月底宣布的排名因素之一。除了響應(yīng)能力、安全性、加密連接和無侵入性廣告外，Core Web Vitals 將成為決定網(wǎng)站位置的重要組成部分。
我們?yōu)槭裁匆務(wù)撨@個(gè)？
引入 Core Web Vitals 作為一個(gè)額外的排名因素與用戶體驗(yàn)的作用越來越大有關(guān)。谷歌明確指出，搜索引擎優(yōu)化應(yīng)該旨在提高用戶對(duì)搜索結(jié)果的滿意度。只有這樣，才有可能在自然搜索結(jié)果中達(dá)到高位。
如果您使用PageSpeed Insights (PSI) 分析您的網(wǎng)站，您將收到以下信息：
- LCP（最大內(nèi)容繪制）——這是一個(gè)顯示網(wǎng)站加載速度的指標(biāo)。它測(cè)量瀏覽器加載頁面上最大元素所需的時(shí)間，
- FID（首次輸入延遲）——它是指示網(wǎng)站交互性的指標(biāo)。這是從頁面開始加載到完全交互的時(shí)間，
- CLS（累積布局偏移）——它是衡量頁面布局視覺穩(wěn)定性的指標(biāo)。它被計(jì)算為頁面加載期間可見的移位總和。這包括意想不到的轉(zhuǎn)變，即那些與用戶交互無關(guān)的轉(zhuǎn)變。
最近谷歌增加了 2 個(gè)額外的指標(biāo)來確保更快的頁面加載速度：
- INP (Interaction to Next Paint) – 這是一個(gè)顯示與整個(gè)頁面交互需要多長(zhǎng)時(shí)間的指標(biāo)，
- TTFB（第一個(gè)字節(jié)的時(shí)間）——它是衡量服務(wù)器響應(yīng)資源請(qǐng)求的速度的指標(biāo)。
PageSpeed Insight 中的完整核心 Web Vitals 評(píng)估目前看起來像這樣：
這兩個(gè)指標(biāo)是實(shí)驗(yàn)性的，一切都可能會(huì)發(fā)生變化，所以最好密切關(guān)注！
除此之外，您將收到一套可以遵循的現(xiàn)成指南。這使得處理在移動(dòng)設(shè)備上加載緩慢的網(wǎng)站變得更加容易。
Core Web Vitals 非常重要，我們?yōu)樗鼈兲峁┝送暾姆?wù)！看看我們?nèi)绾瓮ㄟ^ Core Web Vitals Audit 幫助您改進(jìn)您的網(wǎng)站！
2.壓縮和優(yōu)化圖像
不正確的優(yōu)化和圖像壓縮是移動(dòng)和桌面設(shè)備上網(wǎng)站加載速度不足的一些最常見原因。那么如何防止圖形對(duì)頁面加載時(shí)間產(chǎn)生負(fù)面影響的情況呢？
首先，在將圖像上傳到網(wǎng)站之前壓縮圖像（減小它們的大?。?/span>。您可以使用 Adob??e Photoshop 等專業(yè)編輯程序或 jpegmini.com 等免費(fèi)且簡(jiǎn)單的在線工具來完成。
上傳到您網(wǎng)站的圖片的最佳重量不應(yīng)超過 150-200 KB。
我們有一個(gè)額外的提示給你！
如果你使用 WordPress，你可以安裝 WP Smush 插件，它會(huì)自動(dòng)壓縮上傳到服務(wù)器的照片。該插件及其基本功能是免費(fèi)的，但是，您需要購(gòu)買 PRO 版本的訪問權(quán)限才能充分受益于可用功能。
來源：https://pl.wordpress.org/plugins/wp-smushit/#description
如果您想了解有關(guān)圖像優(yōu)化的更多信息，請(qǐng)查看我們的一篇文章：圖像與 SEO。如何開始？
3.保持重定向
當(dāng)您想通知搜索引擎您的網(wǎng)站可以在不同的地址找到，或者如果您想消除子頁面和鏈接無法正常工作的問題時(shí)，重定向是必須的。
但是，過多的重定向會(huì)對(duì)網(wǎng)站加載速度產(chǎn)生負(fù)面影響，因?yàn)榉?wù)器需要時(shí)間來找到原始 URL。
因此，您應(yīng)該將它們的數(shù)量減少到最低限度，以確保它們不會(huì)影響頁面加載并且不會(huì)阻止用戶。
4.讓你的網(wǎng)頁設(shè)計(jì)更簡(jiǎn)單
雖然額外的橫幅和彈出窗口應(yīng)該吸引用戶的注意力并增加他們的興趣，但這些元素過多可能會(huì)對(duì)網(wǎng)站加載時(shí)間產(chǎn)生負(fù)面影響。
在設(shè)計(jì)網(wǎng)站時(shí)，您應(yīng)該分析哪些元素和功能是必不可少的。放棄一些額外的功能以提高頁面加載速度是值得的。
雖然復(fù)雜的頁面設(shè)計(jì)看起來令人印象深刻，但過多的額外元素不僅會(huì)減慢網(wǎng)站的加載速度，還會(huì)阻礙用戶留在網(wǎng)站上。設(shè)計(jì)這樣一個(gè)頁面所必需的代碼可能會(huì)不必要地超載它。
在創(chuàng)建網(wǎng)站時(shí)，您應(yīng)該選擇簡(jiǎn)單而新穎的解決方案，既能吸引用戶的注意力，又不會(huì)讓您的網(wǎng)站超載或減慢速度。
5.不要使用自定義字體
如何讓移動(dòng)網(wǎng)站加載更快？不要使用自定義字體！
為什么？因?yàn)槿绻x擇它們??，服務(wù)器將首先需要下載它們，然后再將它們顯示給用戶。這意味著網(wǎng)站加載可能需要更多時(shí)間。
此外，始終存在無法正確顯示字體的風(fēng)險(xiǎn)。因此，建議使用系統(tǒng)字體。
6.使用網(wǎng)站緩存
移動(dòng)瀏覽器能夠記住頁面并將數(shù)據(jù)保存在平板電腦或智能手機(jī)上，以便以后使用。這會(huì)對(duì)頁面加載時(shí)間產(chǎn)生顯著影響。
網(wǎng)站緩存將簡(jiǎn)化頁面加載過程，反過來，這將積極影響用戶對(duì)您網(wǎng)站的看法。
7. 縮小你的代碼
代碼縮小意味著簡(jiǎn)化代碼并去掉任何不必要的字符。它不會(huì)影響或修改功能和網(wǎng)站運(yùn)行。
通過刪除代碼的額外部分，您可以減少頁面重量。這會(huì)加快網(wǎng)站的加載時(shí)間。
8.減少購(gòu)買步驟
您還能做些什么來提高移動(dòng)速度？您可以分析潛在客戶必須采取的所有步驟來完成交易、注冊(cè)新聞通訊或執(zhí)行對(duì)您的業(yè)務(wù)很重要的任何其他活動(dòng)。
如果這個(gè)過程很耗時(shí)并且涉及 5、6 或更多步驟，請(qǐng)考慮如何加快速度。刪除一些不必要的元素將使您擺脫代碼并改善頁面加載時(shí)間。
9.使用延遲加載
延遲加載可能是提高頁面加載時(shí)間的關(guān)鍵。
簡(jiǎn)而言之，它是關(guān)于使用特殊腳本來延遲加載圖像、視頻或圖形的過程，這些圖像、視頻或圖形在用戶進(jìn)入網(wǎng)站時(shí)不會(huì)立即顯示給用戶。
這有助于防止您的網(wǎng)站僅加載 10 秒，因?yàn)樵谟脩粝蛳聺L動(dòng)頁面 2 分鐘之前不會(huì)向用戶顯示一兩張大圖片。
要實(shí)現(xiàn)延遲加載，您可以從免費(fèi)插件中受益：WP Rocket 的 Lazy Load。
10. 選擇合適的主機(jī)和服務(wù)器
選擇合適的主機(jī)和服務(wù)器是影響網(wǎng)站加載速度的一個(gè)極其重要的問題。在這種情況下，您應(yīng)該避免使用免費(fèi)的解決方案，因?yàn)樗鼈冃实颓宜俣嚷?/span>
此外，它們經(jīng)常顯示大量廣告，并且很容易使頁面超載。分析您的業(yè)務(wù)和網(wǎng)站需求，以確定對(duì)您最重要的功能和特性。在做出決定之前，請(qǐng)檢查服務(wù)器的可靠性。
11. 使用移動(dòng) CDN
Cloudflare 是一個(gè)內(nèi)容交付網(wǎng)絡(luò)，可幫助您確保用戶始終靠近您的服務(wù)器，無論他們?cè)谑澜绲哪膫€(gè)位置。這意味著對(duì)于在日本的人和坐在倫敦咖啡館的人來說，您的網(wǎng)站的加載速度都一樣快。
如果您打算走向國(guó)際，使用移動(dòng) CDN 尤其重要。
請(qǐng)記住，第一印象很重要。如果您的目標(biāo)國(guó)家/地區(qū)的人看到您的頁面需要很長(zhǎng)時(shí)間才能加載，他們可能會(huì)離開它并且不會(huì)再次訪問它。
12. 更新到最新版本的 PHP
超文本預(yù)處理器也稱為 PHP，是一種可以創(chuàng)建動(dòng)態(tài)網(wǎng)站內(nèi)容的編程語言。多虧了它，您可以輕松地使您的頁面更具吸引力、互動(dòng)性和引人注目。
正確使用 PHP 可以對(duì)頁面加載時(shí)間和 SEO 產(chǎn)生積極影響。
這怎么可能？您的網(wǎng)站對(duì)用戶來說變得更有趣，并提高了其整體加載速度。要更新您的 PHP 版本，請(qǐng)進(jìn)入服務(wù)器的設(shè)置面板，然后查找與 PHP 設(shè)置相關(guān)的部分。
您有 WordPress 網(wǎng)站嗎？我們可以為您加快速度！自己檢查一下 – WordPress 網(wǎng)站加速
13. 只使用你需要的插件
安裝太多插件會(huì)對(duì)您的網(wǎng)站加載速度產(chǎn)生負(fù)面影響。
這是因?yàn)椴寮l(fā)送了額外的 HTTP 請(qǐng)求和數(shù)據(jù)庫(kù)查詢。此外，一些可用的解決方案需要使用自定義腳本。所有這些都轉(zhuǎn)化為額外的 JS 文件，并且需要更多時(shí)間來加載所有這些文件。
請(qǐng)記住，簡(jiǎn)單是成功的關(guān)鍵。保持你的頁面功能，但盡量不要鍍金。
14.減少服務(wù)器使用
當(dāng)用戶訪問給定網(wǎng)站時(shí)，其所有內(nèi)容，包括文本、圖形和源代碼，都由服務(wù)器處理。這會(huì)增加您網(wǎng)站的加載時(shí)間。
那么，如何提高手機(jī)網(wǎng)站的速度呢？
首先打開壓縮文件的 GZIP 功能。多虧了它，您可以減輕網(wǎng)站的重量，從而改善其加載時(shí)間。
在哪里可以找到它？雖然一些托管公司默認(rèn)啟用此功能，但在其他情況下需要手動(dòng)激活。
如果您希望減少服務(wù)器使用量，您還可以利用專門的插件來縮短網(wǎng)站加載時(shí)間。如果您使用 WordPress，則可以訪問以下插件之一：
- W3 總緩存，
- WP超級(jí)緩存，
- WP 最快的緩存。
但是，在配置插件時(shí)，您應(yīng)該閱讀詳細(xì)說明和教程或向更有經(jīng)驗(yàn)的人尋求幫助。請(qǐng)記住，不正確的配置可能會(huì)導(dǎo)致網(wǎng)站出錯(cuò)或阻止網(wǎng)站加載。
15. 將 JavaScript 放在 HTML 文件的底部，將 CSS 放在 HTML 文件的頂部
確保 CSS 位于 HTML 文件的頂部。
為什么？
因?yàn)殇秩揪€程可以訪問有關(guān)渲染網(wǎng)站內(nèi)容所需的樣式的所有信息。如果你把 JavaScript 放在首位，它需要在繼續(xù)之前分析所有元素。
因此，渲染線程將無法完全顯示頁面，因?yàn)樗緹o法訪問所有必要的樣式信息。
為什么網(wǎng)站加載時(shí)間很重要？外賣
您網(wǎng)站的加載時(shí)間非常重要，因?yàn)樗苯佑绊懩W(wǎng)站訪問者的興趣。根據(jù) Google 進(jìn)行的研究，如果頁面加載時(shí)間超過 3 秒，53% 的用戶會(huì)決定離開頁面。這會(huì)增加跳出率，從而降低您的轉(zhuǎn)化率。
考慮到越來越多的人使用移動(dòng)設(shè)備瀏覽網(wǎng)絡(luò)這一事實(shí)，加載需要幾秒鐘的頁面可能會(huì)對(duì)您的業(yè)務(wù)產(chǎn)生負(fù)面影響。
值得一提的是，網(wǎng)站加載時(shí)間（在移動(dòng)設(shè)備和桌面設(shè)備上）是 Google 排名因素之一。這意味著加載速度更快的頁面不僅受到用戶的贊賞，而且受到 Google 算法的贊賞。
快速加載的網(wǎng)站在搜索結(jié)果中排名更高！
如果您想擴(kuò)展業(yè)務(wù)并接觸廣泛的潛在客戶，您應(yīng)該確保您的網(wǎng)站針對(duì)移動(dòng)設(shè)備進(jìn)行了優(yōu)化并盡快加載。這個(gè)任務(wù)需要幫助嗎？聯(lián)系我們的專家！
這是2019年發(fā)表的文章的更新。?
