揭開 SEO 的秘密：介紹網站速度的終極指南
已發表: 2018-08-07速度對用戶和搜索引擎優化都很重要：沒有人願意等待幾秒鐘來加載網站。 用戶寧願離開你的網站去競爭對手那裡也不願花時間等待。 “時間就是金錢”這句話現在和本傑明富蘭克林幾個世紀前所說的一樣真實。 時間對谷歌也很重要。 速度是谷歌的排名因素之一。 在所有條件相同的情況下，網站越快，排名就越高。 沒有人會爭辯說，如今擁有一個快速的網站並不是必需品。 問題是：如何讓你的網站更快？ 我們在《揭開SEO 的秘密》中的客座作者是Tomek Rudzki，他是 Elephate 研發團隊的負責人，他是 2018 年歐洲搜索獎“最佳小型 SEO 機構”的獲得者。 Rudzi 提供有關加快您的網站速度和獲勝的建議。
這本全面的網站速度指南包含三篇文章。 在此處閱讀以下帖子：網站速度終極指南 - 第 2 部分和網站速度終極指南 - 第 3 部分。
免費頁面速度研究
1.時間就是金錢
有大量研究表明，更快的網站等於更多的收入。
- Pinterest 意識到減少感知等待時間會導致註冊數量增加 15% 。
- BBC 注意到，他們的網站每加載一秒，就會有 10% 的用戶離開。
- Google 的 DoubleClick調查發現，將頁面加載時間從 19 秒（極端！）減少到 5 秒會導致跳出率降低 35%，會話時間延長 70%。
- 亞馬遜的研究表明，僅一秒鐘的網站加載速度下降就可能導致每年 16 億的銷售額下降。
你可能會說，“好吧，但我不關心 Pinterest、BBC 或亞馬遜； 跟我談談我的業務。'”Google 創造了一個很好的工具，可以計算速度對潛在收入的影響。 我用示例數據填充工具：平均每月訪問者 1,000,000，轉化率 3.26%，平均訂單價值 82 美元。
你可能會問，“Tomek，你為什麼選擇這個數據：3.26 的轉化率，而不是 1% 或 4%，甚至 10%？” 好的，我從 Statista 獲得了數據。 根據他們的報告，2017年第四季度美國網購訂單的平均值（美元）為82，平均轉化率為3.26。
似乎將頁面加載速度從 5s 降低到 2.8s 可能會導致每年增加 197 萬美元的收入。 聽起來不錯！
當然，它只是一個計算器。 但是計算器是基於真實數據的。 我不認為谷歌在計算值的末尾添加了幾個零來讓它看起來很嚴肅。
2. 始終為移動用戶著想
根據 Statcounter 的數據，2018 年 2 月，超過 55% 的用戶通過手機或平板電腦連接到互聯網——令人印象深刻的統計數據！
如今，如果您想滿足您的移動用戶，您應該：
- 確保您的網站在移動設備上運行良好（即，如果它是響應式的）
- 使網站真正快速。
您必須記住，移動用戶通常連接不良並使用低端設備，因此在“線路”上發送的每一千字節真的很重要。 您的網站在個人電腦上運行速度可能很快，並且具備所有附加功能，但在移動設備上運行速度可能真的很慢。 你得到前者的可能性不再對你有利。
3.使用GTMetrix
有一個很棒的工具可以告訴您可以改進哪些內容以使您的網站更快。 您可以免費審核任何網站。 您不必是網站所有者即可開始審核（即我審核了 Giphy.com）。 該工具結合了來自 Google PageSpeed Insights 和 Yahoo Slow 的數據和提示。
值得您花時間訪問https://gtmetrix.com/並輸入您網站的 URL。
您可以通過單擊“PageSpeed”或“YSlow”選項卡查看有關如何提高網站速度的建議列表。
目前，這些選項卡上的許多信息可能無法理解，因為它太技術性了。 沒關係。 羅馬不是一天建成的。 我會盡我所能讓你開始。 有一個有趣的部分稱為“瀑布”，它會準確顯示資源（JS 和 CSS 文件、圖像文件）的下載和加載時間。
我強烈建議您獲得一個 GTMetrix 帳戶（它是免費的！）。 註冊用戶可以自定義測試並更改瀏覽器和服務器位置。 此外，登錄後，您可以啟用“創建視頻”選項。 視頻選項很棒。 它向您顯示用戶必須等待多長時間才能看到您網站上的視覺變化。
但不要對 GTMetrix 發瘋
儘管 GTMetrix 是一個很棒的工具，但有時它的建議會讓你大吃一驚。 GTMetrix 沒有任何問題。 只是在優化速度時沒有“一刀切”的規則——GTMetrix 很清楚這一點：
例如，GTMetrix 建議您為存儲在 Google Analytics 或 Facebook 服務器上的資源設置瀏覽器緩存。 說實話，這些資源是你無法控制的——你無能為力。 Google 和 Facebook 的開發人員決定，無論出於何種原因，這些資源都不應該被長時間緩存。
當然，還有很多類似GTMetrix的工具，比如WebPageTest，（比GTMetrix強大很多）。 但是，我決定向您介紹 GTMetrix 有兩個原因：
- GTMetrix 更人性化
- WebPageTest 沒有為您提供明確的建議。
我想提一下另一個有趣的工具——Google Lighthouse（如果你使用 Chrome，你已經安裝了它）。 來自 Elephate 的 Kamila Spodymek 寫了一篇關於SEO 如何從 Google Lighthouse 的性能指標中受益的精彩文章。 絕對是一本好書！
4. 使用 GZIP 壓縮
有一個規則你應該知道：如果一個資源的重量較小，瀏覽器可以更快地下載它，這將導致更快的頁面加載。 您的移動用戶將真正從中受益。
您可以通過實施 GZIP 壓縮來減小文本文件（如 HTML、SVG、CSS 和 JS）的大小。 GZIP 壓縮在不丟失任何信息的情況下節省 70-80% 的資源大小是很常見的。 這真的是一件大事！
訪問https://checkgzipcompression.com/以檢查通過實施 GZIP 可以節省（或已經保存！）多少千字節。 對於 Searchmetrics.com，啟用了 GZIP（它可以節省 83% 的頁面大小）。 聽起來不錯！
不過要小心！ 有時，網站管理員會出錯並壓縮所有靜態文件，包括 JPEG、PNG 圖像和 PDF。 讓我引用Yahoo Developer Network 文檔：“圖像和 PDF 文件不應該被 gzip 壓縮，因為它們已經被壓縮了。 嘗試對它們進行 gzip 壓縮不僅會浪費 CPU，而且可能會增加文件大小”。
如果您想節省額外的千字節，縮小 HTML、JS 和 CSS 文件也是一個好主意。
5. 提供縮放圖像
事實上，由於大量圖片，網站的加載速度會非常緩慢（尤其是在手機上！）。
因此，有時減少圖像數量可能是個好主意。 但與其限制它們，我建議優化現有的。 也就是說，提供給用戶的圖像應該被縮放和壓縮（無損或有損）。
首先，讓我們談談縮放圖像。 假設每頁有十個 220×220 的縮略圖，但您將 800×800 的圖像上傳到服務器。 您應該將已經縮放的圖像提供給用戶，還是強制瀏覽器“即時”縮放它？
答案很簡單。 如果您不在服務器端縮放圖像，那麼瀏覽器必須下載比所需更多的千字節。 什麼都沒有，因為無論如何圖像都會被縮放。 此外，它是客戶端 GPU 的一項額外工作。 更不用說頁面加載速度會受到影響。
6.壓縮你的圖片
現在，讓我們談談壓縮圖像。 這是現代網絡必備的另一種技術。
通常，有兩種類型的圖像壓縮：
- 無損（做得非常好，您可以確定質量不會受到影響）。
- 有損（通常使圖像更輕巧，但是，顧名思義：您會損失一些質量）。
問題出現了：哪種類型的壓縮更好：無損還是有損？
- 這真的取決於情況。 如果您的網站提供外太空圖像，那麼每個細節都很重要。 但是如果你做一個個人博客，你可能會接受有損壓縮，即使壓縮率很高。 我建議您進行試驗，看看哪些設置最適合您的網站。
7. 不要強迫您的移動訪問者下載全高清照片！
移動用戶的屏幕要小得多，他們根本不會從您的高清照片中受益。 相反，如果你強迫他們下載大圖像，他們會生氣。
讓我們看看Elephate.com的例子。 我們的主頁（522kb）頂部有我們公司成員的一張非常大的照片（2600×1463像素）
對於台式機來說完全沒問題——他們可以非常快速地下載它。 但是，對於移動用戶，我們使用 HTML 的“srcset”參數。 由於實現了這一點，移動用戶只需下載一張小得多的圖片（他們不需要更大的圖片），這對頁面加載時間有積極影響。
桌面用戶不會受到影響，因為他們會看到全高清照片。 但移動用戶將真正從中受益。