提高網站速度:您需要知道的一切

已發表: 2022-04-08

網站速度並不是一個迷人的話題,所以如果你一直避免考慮太多,我不會責怪你。

但現實並不總是很方便——網站速度變得越來越重要,互聯網用戶的注意力肯定不會再長了。

也許更重要的是,谷歌正在關注這個特殊問題,無論你喜歡與否,8 秒的加載時間都會影響你的排名。

越來越多的網站所有者開始明白,網站速度是任何好的 SEO 策略的一部分。 所以戴上你的學習帽,讓我們深入研究。

它到底有多重要?

讓我在那兒阻止你。

這不是您可以忽略並說“這只是為了完美主義者”或“我沒有足夠的流量來解決這個問題”的事情之一。

網站速度對每個網站都很重要,這樣做的原因有很多。 你最好不要解僱他們。

首先,考慮您的訪問者及其瀏覽習慣。 幾個事實:

提高站點速度:您需要知道的一切 |今日社交媒體

圖片由 Kissmetrics 提供

好像這些還不足以說服你,我會繼續讓你知道谷歌也很關心 - 這應該是合理的吧?

歸根結底,Google 的目標是為用戶改善互聯網,不斷鼓勵網站所有者進行良好行為並使網絡成為更安全、更愉快的體驗符合他們的最大利益。 由於有如此多的互聯網用戶認為網站速度很重要,谷歌自然會在其算法中考慮到這一點。

事實上,這不是新聞——谷歌早在 2010 年就宣布,網站速度確實是一個排名因素,所以你可以打賭,考慮到第三方數據一次又一次地證實了這一點,這並沒有改變。

如何測量網站速度

首先,您需要測量網站的速度,以評估它是否需要任何愛。

有許多工具可供您使用,並且所有工具都可以免費使用。

您可能最終會得到一個最喜歡的,但我建議您在完成整個過程時使用所有這些。 我這樣說是因為每個工具都有一個獨特的呈現方式,有些工具顯示的信息與其他工具略有不同。

最後(這是一個很大的警告),請記住分數絕對不是這裡唯一重要的事情。 分數是一個基準,在不同工具之間也會有所不同 - 頁面速度評分沒有通用指標。

您需要記住的是,每種情況都是獨一無二的。 您的特定實現可能無法很好地反映 YSlow 分數,但這並不意味著 Google 會懲罰您的網站或您的加載時間會過長。

底線是分數是一個指導方針 - 不要設定任意目標並試圖達到特定數字。 如果您確實採用了這種方法,您可能很快就會發現自己做出了不必要的犧牲並從您的站點中削減了有用的資源,以達到該基準。

只要保持開放的心態,你會沒事的。 我推薦使用的工具是:

谷歌 PageSpeed 見解

提高站點速度:您需要知道的一切 |今日社交媒體 當然,谷歌有它自己的工具,你應該從這裡開始你的旅程。

它絕對不是最強大的——事實上,它很容易成為我們要討論的所有工具中最簡單的。 但話雖如此,它仍然是您開始旅程的好地方。

看看它為您的網站推薦的內容,您應該對應該改進哪些領域有一個不錯的想法。

GTmetrix

提高站點速度:您需要知道的一切 |今日社交媒體 這個工具很容易成為我的最愛。

首先,它提供了兩個不同的分數和一個“瀑布圖”。 瀑布圖可能有點技術性,但如果你開始深入研究,你會發現它是一種非常寶貴的資源。

正如你所看到的,IGN 的人顯然已經為他們完成了工作。 話雖如此,他們已經擁有大量忠實的追隨者(也許他們已經進行了實驗,發現他們的返回流量不受可怕的加載時間的影響)。

無論如何,您可以在 GTmetrix 上創建一個免費帳戶並讓它在您的頁面上運行每日報告也很棒。 然後,您可以查看一段時間內的進度,或比較任何兩個(或更多)報告,以查看您改進了哪些項目以及它們在性能方面的累積影響。

網頁測試

提高站點速度:您需要知道的一切 |今日社交媒體 儘管外觀超級過時,但這個工具仍然很有用。 我會說它的實用性介於 GTmetrix 和 Google PageSpeed Insights 之間。

它還提供了瀑布圖和多個不同的分數。 使用這些報告,您將獲得關於需要改進的地方和問題所在的非常具體和詳細的數據。

一個非常好的(和獨特的)功能在於它能夠同時顯示第一次和重複觀看分數。 這些因緩存設置和其他一些因素而異。 絕對是很好的信息。

Pingdom 網站速度測試

提高站點速度:您需要知道的一切 |今日社交媒體 Pingdom 是另一個強大的產品,它擁有所有工具中“最漂亮”的展示。

他們有一個付費版本,提供更多的功能和特權,但我從來沒有嘗試過,所以我不能給它推薦或評估它的真正價值或潛力。

我可以說免費工具很有用,我絕對建議您檢查一下。

如何提高您的網站速度

說實話,在一兩篇專門用於提高站點速度的文章中涵蓋的內容太多了,並且已經存在許多關於這個主題的有用資源。

在本指南中,我們剛剛開始涉足,所以我將保持我的建議易於理解,並儘量不要深入到技術方面。

對於我們中的許多人來說,我們需要聘請網站速度專家才能完全解決上述任何測試工具中發現的問題。 但是我們也可以自己取得進展——如果你幸運的話,這可能足以獲得我們都想要的 <2 秒加載時間。

優化您的圖像

一張圖片值一千字 - 或者就文件大小而言,相當於 100,000 個字。

圖像非常適合保持訪問者的參與度、建立品牌標識和快速傳達大量信息。 話雖如此,它們通常是相當大的文件,隨後會顯著增加頁面加載時間。

幸運的是,優化圖像很容易,並且可以使用插件批量完成。

如果您使用的是 WordPress,只需下載 EWWW Image Optimizer,然後批量編輯您上傳的所有內容。 只需單擊幾下,您就可以在它完成繁重的工作時走開。

提高站點速度:您需要知道的一切 |今日社交媒體 您會驚訝於僅通過優化圖像就能看到多少改進。

主題選擇

如果您在 WordPress 等平台上為您的網站使用主題,您將不會喜歡我接下來要說的內容。

雖然這對您來說可能不是問題,但某些主題的速度優化很差。 這完全取決於您的特定主題。

進行獨立研究,查看論壇和支持主題,並查看主題附帶的文檔。 文檔中可能包含特定建議,或者主題高級配置中的設置,您可以調整這些設置以提高站點速度。

在最壞的情況下,您可能不得不做出艱難的決定,從長遠來看,您需要選擇一個具有更好優化代碼的不同主題。

刪除不必要的插件

當我幫助客戶優化他們的網站時,我做的第一件事(在優化圖像之後)是查看他們安裝並激活了哪些插件。

我經常對我的發現感到驚訝——大量無用的裝飾插件,重複的 Google Analytics 跟踪。 你給它命名。

仔細查看您的插件列表 - 應該刪除您沒有積極使用的任何內容。

您可以通過 GTmetrix 查看哪些插件資源繁重,您應該盡可能優先刪除它們。

頁面大小

.htaccess 或 JavaScript 文件中有太多大圖像、視頻或太多不必要的代碼行都會導致網站變慢。

讓您的開發人員考慮在適當的情況下剝離您網站的代碼。 通常,如果您的網站已有幾年曆史,您將擁有不再使用的功能和絨毛。

此外,關於嵌入式視頻,這些通常是大文件並且包含多個 JavaScript 資源。

人們真的在看你的嵌入式視頻嗎? 檢查您的頁面內分析(有一個插件)以找出答案。 如果人們實際上並沒有與他們互動,請考慮刪除他們或改善他們的位置和曝光率。

GZip 壓縮

Gzip 是一個應用程序,可以減少任何大於 150 字節的資源的大小。 我們說的是 CSS、JavaScript、HTML 等。

網上有很多關於如何開始使用它的文檔,它肯定會對您的頁面速度產生影響。

縮小和連接 CSS 和 JS

這可能會有點複雜,您必須是高級用戶才能理解所有這些內容 - 我自己對所有內容的掌握還不夠,無法為您提供詳細的建議。

但我可以告訴你的是,如果你使用 WordPress,有一些插件可以幫助你解決這個問題。

  • BWPMinify 是一款出色且用戶友好的插件,可能正是您正在尋找的。 它可以在不需要高級用戶知識的情況下進行許多改進。
  • 自動優化是您可能會發現有用的另一種方法。

在這個特定的角度上工作需要一些實驗,所以我絕對建議使用一個登台或測試站點,在那裡你可以在不破壞任何實時和麵向客戶的東西的情況下亂七八糟。

... 這就是全部?

哈,如你所願。

我知道如果您不是特別熟悉該主題,所有這些內容可能會很容易消化,但它確實變得更容易了。

您接觸主題、試驗插件和使用測試工具的次數越多,您就會越了解細節。

最後,您可能仍然需要一位才華橫溢且技術嫻熟的開發人員的幫助——無論是承擔整個項目,還是只是做一些微調並仔細檢查自己工作的安全性和穩定性,但它如果您可以改善用戶體驗,那麼所花的錢將是非常值得的。