頁面速度優化：如何提高加載時間

已發表: 2022-02-19

緩慢的網站會惹惱訪問者，也會給 Google 帶來負面指標。 在本文中，我們將解釋您應該針對哪些基準測試、可以使用哪些工具來衡量您的頁面速度，並提供 24 種優化加載時間的方法。

網站加載時間之所以重要，原因很簡單：它們對用戶的整體體驗有很大影響。 因此，提高網站性能的最重要考慮因素之一是如何優化頁面速度。

在這份綜合指南中，您將了解如何測量頁面速度（使用免費和付費工具）、導致用戶速度變慢的原因，並發現 26 種優化加載時間的方法。 讓我們開始。

內容

1.關於頁面速度你需要知道的一切
2.您應該使用哪些工具來測量頁面速度
3.網站加載需要多長時間
4.優化頁面速度的方法
5. 快速網站的 OnPage 措施
6.自動頁面速度優化

您需要了解的有關頁面速度的所有信息

為什麼網站加載時間很重要？

快速加載時間非常重要的原因有很多：

1. 積極的用戶體驗：谷歌認為較長的加載時間會對跳出率產生嚴重影響。 事實上，將加載時間從 1 秒增加到 6 秒可以將跳出率提高 106%，這就是為什麼它現在是性能的核心 Web Vitals 之一（見下文）。

2、SEO排名因素：對於谷歌等搜索引擎來說，積極的用戶體驗是決定一個網站質量的重要因素。 這就是為什麼谷歌現在將頁面速度作為核心網絡生命力之一。 因此，您的網站加載速度越快，您獲得高排名的機會就越大。

3. 轉化率優化：根據這項研究，加載時間延遲一秒可以將轉化率降低多達 7%。 起初這聽起來可能不那麼重要，但如果您的網店每天產生 1,000 歐元的營業額，加載時間延遲一秒鐘可能導致每天損失 70 歐元，每月大約 2,100 歐元。 如果您每年計算一次，頁面速度慢是真正的營業額殺手。

4、爬取：加載慢的網站爬得慢，爬得不那麼密集，因為Googlebot只有有限的爬取預算。 因此，更快的加載時間可能意味著您的網站被更頻繁地抓取，這意味著您在 Google 索引中的內容也將更加相關。

頁面速度是如何測量的？

一般來說，網站的加載時間是從網站被調用到完全顯示在瀏覽器中的時間，以秒為單位。 術語“加載時間”和“頁面速度”可以互換使用。 如果您在網絡上搜索該主題，您會發現這兩種變體。 網站的加載時間也可以分為 4 種不同的度量：

  • Time to First Byte (TTFB) ：從網站被調用到網絡服務器加載第一個字節之間的時間。
  • First Contentful Paint (FCP) ：顯示元素第一次在瀏覽器中顯示的時間。
  • 首次有意義的繪製 (FMP) ：用戶認為網站已加載的時間。
  • 交互時間 (TTI) ：網站已呈現並準備好供用戶輸入的時間。

在本文中，您可以準確了解如何測量頁面速度。

您應該使用哪些工具來測量頁面速度

有許多工具可用於分析和優化加載時間。 還有其他方法可以確定您網站的加載時間，例如使用日誌文件分析。

PageSpeed 見解

這個用於測量加載時間的 Google 工具會不斷更新和改進。 最新版本的 Pagespeed Insights 基於 Lighthouse，這是一種網站優化工具，也可作為 Chrome 瀏覽器中的擴展程序使用。 它使用來自 Chrome 用戶體驗報告 CrUX 的數據。

進入您的域後，該工具會計算 0 到 100 之間的速度分數。PageSpeed Insights 會區分移動設備的分數和桌面設備的分數。 移動分數被用作標準，並且通常非常低，因為谷歌希望激勵網站運營商專門針對移動版本優化他們的網站。 在速度得分下方，會顯示各個測量值。 它們的顏色編碼可用於確定問題的嚴重性。

page-speed-insights StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

圖 1： Google PageSpeed Insights 的起始頁

谷歌分析

如果您使用 Google Analytics 分析您的網站，您將在“性能”區域找到有關加載時間的統計信息。 點擊“網站速度”。 如果您安裝了電子商務跟踪，則可以直接評估加載速度如何影響轉化。

谷歌搜索控制台

在 Google Search Console 中，您會在菜單點“Crawling”下找到加載時間。 在那裡，您將看到每天下載了多少千字節，以及 Googlebot 需要多長時間才能下載您的一個網站（以毫秒為單位）。 這可以幫助您輕鬆發現網站加載時間的問題。

雷特

Ryte-Load-Times-report StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

在 Ryte 平台的Web Performance下，您將在“加載時間”報告中看到您的網頁得分情況的概覽。 在此概覽下方，您還將獲得有關各個頁面在“連接時間”、“第一個字節的時間”和“加載時間”方面如何得分的詳細信息。

還有一份單獨的“Core Web Vitals”報告，顯示您的網站在 Google 的關鍵體驗指標方面的得分情況，其中包括加載速度（通過“最大內容繪製”衡量）以及交互性（“首次輸入延遲”）和視覺穩定性（'Cumulative Layout Shift'）。

慢

Yslow 是由 Yahoo! 開發的。 您可以將其用作書籤、命令中心工具或瀏覽器擴展。 速度規則基於 Yahoo! 的規範。 由於命令行功能，該工具對於高級用戶也很有趣。 請注意，還必須安裝插件 Firebug 才能通過 Firefox 使用該插件。

2-1 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

圖 2： Yslow

王國

您必須註冊才能使用 Pingdom.com。 它通過圖表和統計數據向您顯示加載時間，從而簡化了評估。 您可以輕鬆查看哪些元素。

3-1 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

圖 3： Pingdom

WebPageTest.org

使用 WebPageTest.org，您可以模擬各種瀏覽器的加載時間。 您還可以從不同的位置進行測試，以測試網站為其他國家/地區的訪問者加載的速度。

哪個加載更快

哪個加載更快比較兩個站點的加載時間。 網站速度排名器一次最多可以比較四個網站，其功能類似。

網站加載需要多長時間？

一般來說，一個網站應該在不到兩秒的時間內加載，以獲得令人滿意的用戶體驗。 加載時間越短越好。 理想情況下，加載時間應該少於一秒。 您的網站加載速度取決於各種因素。 有些，您可以通過頁面優化來改進； 其他你無法影響的人。

您對這些因素沒有影響：

  • 帶寬：您網站的加載時間受可用 Internet 帶寬的影響。 使用 3G 連接和智能手機，網站的加載速度將比使用快速 DSL 連接更慢。
  • 瀏覽器緩存：如果用戶使用的瀏覽器緩存長期沒有被清空，網站加載速度會明顯變慢，因為計算機的內存無法處理海量數據。
  • 客戶端處理能力：較舊的台式計算機和智能手機可能會遇到頁面加載延遲，因為內存和處理能力不足會減慢 DOM 結構和腳本的執行速度。

您可以影響以下因素：

  • 文件大小：文件的大小決定了網站的加載速度。 這不僅包括 HTML 代碼本身，還包括樣式表、腳本文件和圖像。 文件越小，頁面加載速度就越快。
  • 服務器連接：當一個網頁被調用時，網絡服務器處理請求。 如果要處理的數據較少，它可以處理得更快。 如果在網站流量大的情況下同時發出許多請求，則主內存和處理器容量可能會被使用過多，從而成為加載時間的瓶頸。 在這種情況下，應該增加容量。

優化頁面速度的 24 種方法

好的，既然您知道為什麼加載時間很重要，以及如何為您的網站測量它們，讓我們看看可以嘗試優化頁面速度的各種方法：

1. 創建快速連接時間

必須先建立 Web 服務器和用戶之間的連接，然後 Web 服務器才能處理網頁請求。 在此花費的時間稱為連接時間、延遲或 ping。 您可以在 Ryte 平台上的Web Performance下對此進行測量。 理想情況下，延遲小於 100 毫秒。 如果連接設置需要更多時間，則可以採取優化措施。

2. 使用 CDN 實現全球覆蓋

如果您的在線業務擁有全球影響力很重要，您會很快注意到連接時間可能會因訪問網站的位置而有很大差異。 這是因為節點在地理上會增加到您的 Web 服務器所在的數據中心。

內容交付網絡，簡稱 CDN，可以在這裡提供幫助。 CDN 確保您的網站緩存在全球服務器網絡中，以便在用戶的計算機和 CDN 中的下一個服務器之間始終存在少量節點。 這項服務與高成本相關，對於主要針對德語地區的網站的運營商而言，這並不一定能帶來回報。

要使用 CDN，您必須向提供商註冊。 Cloudflare 有一些免費計劃，但您應該準確檢查該優惠在哪些條件下是免費的。 收費提供商通常按每月通過網絡使用的數據量收費。

已知的供應商是：

  • 亞馬遜雲前
  • Cloudflare
  • 堆棧路徑
  • 哇哦

3.優化您的網絡服務器以提高頁面速度

建立與 Web 服務器的連接後，此請求將處理並提供所請求的文件。 服務器端腳本也被調用，例如，它從數據庫中讀取內容並使其可用於輸出。

4. 檢測基礎設施中的瓶頸

當網頁加載緩慢時，可能是因為 Web 服務器及其底層基礎設施過載。 這可能有多種原因，例如，如果主機出現錯誤或因為 Web 服務器必須一次回答太多請求。

重要的是要認識到這些瓶頸能夠快速做出反應。 許多託管解決方案提供了監控服務器利用率的指標。 在上面介紹的測量中，可以使用 Ryte 平台在Web Performance下測量的“第一個字節的時間”也很有幫助。 如果顯著增加，則 Web 服務器可能存在問題。

5.使用服務器端緩存

頻繁請求的內容（例如數據庫查詢）可以緩存在服務器上，這樣就不必一次又一次地執行請求。 這對於想要閱讀多篇文章或查看產品的用戶尤其重要——即在他們的會話中調用多個頁面。 因此可以減少調用第一頁後的加載時間。

在 Web 服務器軟件的設置中——最常用的 Apache HTTP Server 和 Nginx——可以激活和設置服務器端緩存。 如果您沒有必要的知識，您可以詢問您的託管服務提供商或讓自動雲服務執行緩存和其他 PageSpeed 措施（見下文）。

6.使用瀏覽器緩存

使用瀏覽器緩存，您網站的元素由 Web 瀏覽器緩存，而不是 Web 服務器的服務器緩存。 因此，在訪問您網站上的新 URL 時，並非所有元素都需要重新加載。 這提高了加載速度。
許多 CMS 可以通過插件或擴展程序激活瀏覽器緩存。

使用 WordPress 進行瀏覽器緩存的可能插件有，例如：

  • WP火箭
  • W3 總緩存
  • WP 最快的緩存

通過調整 .htaccess 文件可以手動激活瀏覽器緩存。 因此，您可以打開 Apache 服務器的兩個模塊：mod_headers 和 mod_expires。

如果您使用 mod_headers，.htaccess 必須使用以下代碼完成（來源 - GitHub）：

<FilesMatch ".(css|js|gif|pdf|jpg|jpeg|png)$">
標頭集 Cache-Control "max-age=2592000, public"
</文件匹配>

圓括號與要放置在緩存中的文件格式有關。 同時，緩存的持續時間要與“年齡”一起給出。 單位是秒。 在本例中，緩存由瀏覽器保存 30 天。

如果您想使用 mod_expires 進行瀏覽器緩存，請使用以下行擴展 .htaccess 文件：

##緩存過期##
<IfModule mod_expires.c>
過期活動在
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType 圖像/jpeg“訪問加 1 年”
ExpiresByType image/gif "訪問加 1 年"
ExpiresByType image/png "訪問加 1 年"
ExpiresByType text/css "訪問加 1 個月"
ExpiresByType text/html "訪問加 1 個月"
ExpiresByType 申請/pdf “訪問加 1 個月”
ExpiresByType text/x-javascript "訪問加 1 個月"
ExpiresByType application/x-shockwave-flash "訪問加 1 個月"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "訪問加 1 個月"
</IfModule>
## 緩存過期

此方法允許為每種文件類型單獨確定唯一的時間範圍。

7.使用GZip壓縮

如果文件盡可能小，則可以最快地處理和發送文件。 這也適用於在用戶瀏覽器中顯示網站的代碼。 與 zip 文件一樣，此代碼可以壓縮，從而減小大小。 然後在瀏覽器中解壓縮壓縮數據。

長期以來，這種方法一直受到懷疑，因為需要Web服務器的計算能力，這也需要時間。 但是，利大於弊，因此您絕對應該使用它。 閱讀我們壓縮網站代碼的完整指南。

如何使用 gzip 壓縮文件？

Apache 服務器是最常用於網站的，因此以下示例適用於 Apache。

使用了兩個不同的模塊：mod_deflate 和 mod_gzip。

1. mod_deflate 模塊通常是預裝的。 使用以下控制台命令，您可以檢查它是否已存在：

sudo apachectl -t -D DUMP_MODULES | grep 放氣

如果您得到輸出“deflate_module (shared)”，那麼 mod_deflate 已經安裝。 否則請聯繫您的房東。

2.現在打開“httpd.conf”，Apache 配置文件。 您通常可以在“/etc/httpd/conf/”文件夾中找到它。 在那裡添加以下行：

AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript
應用程序/javascript

這表明文本和 HTML、CSS 和 JavaScript 代碼是用 GZip 壓縮的。 保存文件並重新啟動 Apache Web 服務器。 從現在開始，數據將由 Apache 壓縮。

8. 啟用 HTTP/2

默認情況下，所有網頁文件（例如圖像和腳本）都使用 HTTP/1.1 協議加載。 這些文件通過單獨的連接一個接一個地下載。

這會減慢加載過程。 使用 SSL 證書，Web 服務器可以切換到 HTTP/2 協議。 通過 HTTP/2，所有文件都通過一個連接下載。 他們也被優先考慮。 所有常見的瀏覽器都支持該協議，因此您可以毫不猶豫地使用它。

在本文中了解更多信息：如何使用 HTTP/2 提高網頁加載速度：初學者指南。

9.壓縮圖像

網站下載量的最大比例是由圖像組成的。 對於擁有許多產品和投資組合網站的在線商店，尤其是攝影師的網站來說，更是如此。

如果您設法顯著減小圖像的文件大小，則可以顯著提高頁面速度。 我們已經在 Ryte 上寫了一篇關於圖像壓縮的詳盡文章。 這是一個總結。

10.優化所有圖片

圖像對於使網站清晰且對用戶有吸引力很重要。 但是圖像也可能會大大增加您網站的文件大小並減慢加載時間。 因此，您應該只使用針對 Web 使用進行了優化的圖像。

通常，應將照片和高質量圖形視為 JPEG 文件，而應將較小的圖形和具有少量顏色或透明度的圖形視為 PNG 文件。

進一步的步驟：

  • 使用圖像處理程序（例如 Gimp 或 Adob​​e Photoshop）在將圖像上傳到您的網站之前對其進行壓縮。 這兩個程序都為初學者提供了“為網絡保存”功能。 這樣，文件大小將自動優化。 使用 kraken.io 或 PNGGauntlet 等工具，您可以通過刪除附加信息來減小文件大小。
  • 源代碼中給出了相應的圖片尺寸： 如果瀏覽器必須自己計算圖片的尺寸，可以增加加載時間。 給定的大小應與存儲在服務器上的圖像的原始大小相對應。 您還可以通過 CSS 定義有關圖像大小的信息。
  • 刪除元標籤和 EXIF 數據：例如，如果您使用自己相機或智能手機中的圖像，它們會包含許多附加信息，例如位置、使用的相機和其他數據。 使用 tinypng 之類的工具，您可以刪除這些並節省存儲空間。

11.使用WebP圖片格式

借助 WebP，谷歌創建了一種新的圖像格式，可以壓縮無損（類似於 PNG）和有損（類似於 JPEG）的圖像。 它甚至比舊格式更有效。

並非所有瀏覽器都支持 WebP。 因此，在源代碼中存儲 WebP 文件的替代項並安裝開關是有意義的，例如：

<圖片>
<source type="圖片/webp">
<source type="圖片/jpeg">
<img src="img/testbild2.jpg" alt="Fallback-Bild">
</圖片>

12. 區分桌面網站和移動網站

未來，超過一半的用戶將通過移動設備而不是台式電腦訪問網站。 兩種輸出媒體對圖像的要求非常不同。 在台式機上，通常有良好的互聯網連接，而在大型高清顯示器上，用戶需要相應的高分辨率圖像和最佳質量。

另一方面，在移動終端設備上，網站通常是在移動中訪問的，因此帶寬不是最高的。 小顯示器也意味著質量要求較低。

此外，由於屏幕格式的原因，圖像以與桌面不同的分辨率顯示。 因此，區分輸出媒體並創建圖像的兩種變體是有意義的。

與前面的 WebP 示例類似，開關也可以為此目的存儲在網站的代碼中。 例如，使用 CSS 可以查詢屏幕分辨率，從而使顯示適應輸出介質。

13.設置延遲加載

在產品概覽和照片庫中，會同時顯示許多圖片——這大大減慢了加載時間。 這對於商店經營者和攝影師來說尤其是一個問題，對於在線商店來說尤其煩人，因為它通常是主頁或產品類別的第一頁。

但是，以這種方式加載的許多圖像只有在用戶向下滾動頁面時才對用戶可見。 因此，當用戶查看“首屏”部分時，它們沒有必要已經加載。

使用一種稱為“延遲加載”的方法，您可以確保文件夾下的圖像僅在它們實際出現在視口上時才被加載。

14.清理源代碼

當調用網站 URL 時，客戶端或瀏覽器會逐行跟踪 HTML 文檔的源代碼。 讀取所有空字符或換行符。 一個多餘的空字符不會對您網站的性能產生負面影響。

但是因為一個網站，根據它的大小，可能包含一百多行源代碼，大量多餘的空字符或評論會明顯影響加載時間。

因此，您應該最小化您的源代碼：

  • 刪除所有不必要的評論。
  • 刪除所有多餘的空字符。
  • 刪除不必要的格式，例如，如果在源代碼中發現沒有內容的格式，例如“<strong></strong>”

為避免多餘的源代碼，您應該始終在網站中插入格式化為 HTML 的文本，使用 CMS 編輯器，或者插入文本，然後將其格式化為純文本。 如果您將 Word 或其他 Office 程序中的文本直接集成到 CMS 中，這將導致多餘的源代碼。

此外，還有一些程序可以從源代碼中刪除所有空格和註釋。 如果您想使用這些程序，您應該始終保留一份副本以供編輯，因為縮小後的文件很難讀取。

15.減少外部腳本

無論是共享按鈕還是跟踪代碼，外部腳本都可以以不同的方式和不同的目的集成到您的網站中。 這使您依賴於來自其他來源的這些腳本的可用性。

如果從中檢索腳本的 Web 服務器特別慢，這也會減慢您網站的加載時間。 所以檢查你是否真的需要這些腳本。

更多提示：

  • 僅使用異步跟踪代碼。 它們在網站被渲染後才會加載，並且不會阻礙網站加載。
  • 使用 Google 跟踪代碼管理器等工具。 這意味著只需將一個代碼片段集成到多個跟踪代碼的源代碼中，加載時間不會受到顯著影響。
  • 如果可能，您應該將腳本存儲在您的 Web 服務器上，而不是從外部集成它們。
  • 減少 iFrame 的數量。

16. 外包 JavaScript 和 CSS

JavaScript 是一種腳本語言，使用它可以在瀏覽器中執行功能，從而在客戶端計算機上執行。 CSS（層疊樣式表）可用於定義網站的格式和表示。 這些元素需要大量源代碼，每次請求 URL 時都必須重新加載。 這需要時間。

為了減少源代碼，您可以外包 CSS 和 JavaScript 文件。 然後將它們合併到一個文檔中。 只需要一次檢索。 如果瀏覽器將文件加載到緩存中，則可以再次減少加載時間。

如何外包 JavaScript：

使用編輯器顯示您網站的源代碼。 接下來，剪切所有 JS 文件並創建一個新的文本文件，在其中插入所有代碼片段。 將文件另存為 main.js 並將其存儲在您的服務器上的所有其他 HTML 文件所在的文件夾中。

在網站的 HTML 代碼中，刪除以下命令：

code6 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

和

code7 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

用以下命令交換已刪除的命令：

code8 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

17. 最小化 CSS 和 JavaScript 文件

您可以通過刪除不必要的空字符來減小 CSS 和 JavaScript 的大小。 這些也稱為“空白”。 通過這種方式，例如，源代碼可以減少到只有一行。

具有可用空字符的代碼段：

Code1 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

CSS 代碼和空字符：

code2 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

刪除空白和註釋會大大降低可讀性。 理想情況下，您應該使用兩個版本：一個包含所有可以編輯的空格和註釋的版本，以及一個用於在網站上顯示的版本。

因此，您不必重複所做的每一個更改，例如，您還可以使用程序來“縮小”它。 您還可以使用特殊工具來最小化 JavaScript 和 CSS。 推薦的工具包括：

  • 用於 CSS 文件的 YUI Compressor 或 cssmin.js
  • JavaScript 閉包編譯器

18. 最後加載 JavaScript 和 CSS

在加載所有 JavaScript 和 CSS 文件之前，您的網站不會完全顯示。 為了方便加載過程，您可以在 HTML 代碼的末尾插入 JavaScript 和 CSS。 即使服務器速度很慢，您的網站開發也不會受到影響。

因此，CSS 文件的理想位置是網站的 <head> 區域。 但是，您應該將 JavaScript 合併到網站的頁腳中。

文件的可能集成可以顯示為：

code3 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

19. 使用 CSS3 作為背景

您網站上使用的每張圖片都需要幾行代碼。 調用網站時會逐行讀取此代碼。 如果您將按鈕、圖標或背景存儲為圖形，瀏覽器將需要大量時間來加載您的網站。

解決方案在於通過 CSS3 生成除照片之外的所有圖形元素。 這樣，您將減少源代碼。 同時，文件在所有終端設備上都以相同的高質量顯示。

20.使用預取和預渲染

如果您使用預取技術，您的瀏覽器會在緩存中存儲網站的某些元素，甚至在網站完全加載之前。 通過這種方式，可以加載圖像、圖形或 JavaScript 和 CSS，而不會妨礙網站的呈現。

您必須調整源代碼以允許預取文件。 在這種情況下，所需元素以屬性 rel=”prefetch” 開頭。

一個例子：

<link rel="prefetch" href="//mysite.com/example-image.jpg">

在這裡，甚至在加載另一個站點之前就重新加載了示例。 因此縮短了新站點視圖中的加載時間。

如果使用預渲染的方式，會提前從瀏覽器中下載一個完整的網站，並暫時存儲在緩存中。 其中包含完整渲染所需的所有文件。 預先渲染的網站在調用時幾乎可以毫無延遲地加載。 加載時間因此減少到少於 50 毫秒。

為了實現預渲染，您必須在要訪問的網站的源代碼中插入以下行：

<link rel="prerender" href="//prerendering-site.com/index">

21. 減少 301 重定向

301 重定向非常適合避免重複內容或在重新啟動後將舊 URL 重定向到新 URL。 然而，每次重定向都會增加加載時間——並不顯著，但每次瀏覽器遇到重定向時，都必須檢索新的 URL，並且瀏覽器必須等待返回 http 請求。 如果多個 310 重定向相互跟隨，加載時間會顯著增加。

>> 重定向：適合初學者的指南 <<

為避免過多的重定向，您應該記錄 URL 結構或新 URL 的開發。 已建立的 301 重定向也是如此。 如果在分析您的網站時發現了多個轉發，您應該將第一個轉發直接引導到實際鏈接目標，而不要繞道一個或多個重定向。

22. 避免錯誤請求

如果客戶端（例如 Web 瀏覽器）訪問您的站點，則會對每個資源發出請求，以便能夠顯示該文件。 如果仍然沒有以圖像或 JavaScript 文件的形式找到這些資源，這可能會導致浪費加載時間的反應鏈。

您可以通過更正錯誤文件並提供正確路徑或轉發到新文件來輕鬆避免錯誤請求。

23. 使用 AMP

谷歌通過 Accelerated Mobile Pages 為網站管理員提供了幾乎沒有延遲加載移動網站的機會。 為此，網站必須滿足某些要求，才能在移動設備上顯示。

許多 CMS（例如 WordPress）允許在插件的幫助下使用 AMP。 到目前為止，AMP 還不能用於在線商店。 但是，這是開發人員設想的。

更多資源：

  • AMP項目主頁
  • WordPress-AMP 插件

24.嘗試自動頁面速度優化

在本指南中，您學習了許多提高頁面速度的措施。 但是，這些措施中的大多數都需要您具備技術知識和實施它們的時間。

如果這兩件事之一對您來說是一個障礙，您可以將頁面速度優化留給自動化服務。

用於自動優化頁面速度的雲服務 wao.io 的工作原理如下： wao.io 就像內容交付網絡一樣，臨時存儲網站，並執行您可以通過菜單定義的措施。 除了智能圖像壓縮和代碼最小化之外，這還包括延遲加載等高級措施。

wao.io 還可以防止安全攻擊，並提供網站監控和用戶數量的指標。

結論

網站有許多可能的調整螺釘，您可以使用它們來改善頁面的加載時間。

在本文中，您發現了一些可能性。 有些方法對於初學者和 SEO 新手來說也很容易實施。

即使您只嘗試其中的幾個，我們相信您可以讓您的網站更快，讓您的用戶更快樂，並獲得更好的搜索排名。

使用 Ryte FREE 分析和優化您的頁面速度

現在開始！