在過去的 20 年里,人類的平均注意力從 12 秒下降到 8 秒,比金魚的9秒還要短。雖然這個隨機的瑣事是有爭議的,但它有很多含義,其中之一與您的商業網站有關。您會看到——在當今快節奏的世界中, 53%的網絡用戶在加載時間超過 3 秒時會離開網站。想象一下——您獲得了一次點擊,然后因為您的網站加載速度不夠快而失去了轉化機會。
那很痛,不是嗎?據谷歌稱,雖然頁面相關性和頁面排名仍然是網站要遵守的重要指標,但網站加載時間也是一個重要的可用性指標。該指標不僅考慮了頁面排名,而且對轉換率以及訪問者是否會留在網站上產生巨大影響。
因此,很明顯您不能承受加載緩慢的網站。有太多的激勵措施!但是你怎么做呢?您必須實施哪些技巧才能使您的網站以閃電般的速度加載?
以下是一些快速獲勝的技巧:
1、啟用瀏覽器緩存
這可能是改善網頁加載時間的最常見技巧。當用戶第一次訪問您的網站時,網頁的主要組成部分會保存在臨時存儲器或硬盤上。這意味著他們的瀏覽器可以輕松訪問您的網站,而無需向服務器發送另一個 HTTP 請求,并且用戶可以在下次訪問您的網站時輕松打開它——幾乎是即時的。
為了實現同樣的目的,Nginx 緩存或 WordPress 驅動的W3 Total Cache和WP Rocket等服務可以方便地為網站啟用瀏覽器緩存。
2、限制和刪除插件
插件被“插入”以改進網站的特定功能,其中可能包括添加額外信息、在您的網站和外部工具之間提供更順暢的集成,或更改視覺元素。
但是,越來越多的插件需要更長的時間來加載。舉個例子——眾所周知,“Facebook like box”會通過增加高達 700 KB 的總頁面重量來減慢網站的速度!同樣,質量較低的插件也會增加加載時間。關鍵是保留您網站實際需要的高質量插件,并刪除不必要的插件。這個建議不僅適用于 WP 網站,也適用于其他網站,例如 Joomla 中的擴展、前端庫等。
3、優化你的 CSS 代碼
不久前,理想的網頁大小只有 30KB。請注意——包括內容、圖像、代碼和圖形。很快,CSS 腳本越來越流行,因為它可以提供增強的 Web 用戶體驗。
然而,這也有其不利之處。您網站上的 CSS 文件越多,它被迫發出的 HTTP 請求就越多,從而降低了網站速度。以下是三個最佳實踐:
- 通過使用更少的運算符和聲明使代碼盡可能短。更少的 CSS 腳本行意味著更少的處理周期和更短的頁面加載時間。
- 確保您的 CMS 已經優化了您的 CSS。如果沒有,建議使用諸如CSS Minifier之類的外部工具來最小化資源文件。這樣,網站的加載速度會更快。
- 避免在 HTML 中使用 CSS,例如 DIV 和 H1 標簽。
您可以使用更多工具來優化和格式化 CSS。
4、限制您的 301 重定向
改變網站結構是不可避免的。這意味著您的頁面 URL 也會更改。但是,由于您不想用不同的 URL 混淆您的網絡訪問者,或者降低任何這些頁面的排名,您可以將點擊從舊 URL 重定向到新 URL。
301 重定向確保舊URL 仍然有效,即使它在技術上不存在。但是,這個簡單的解決方案減少了頁面加載時間,因為該過程會創建一個鏈接,您的瀏覽器必須通過這些鏈接才能到達新的 URL。因此,請限制您的 301 重定向。
5、縮小圖像尺寸
人類已經進化為視覺生物。人腦處理視覺的速度比文本快60,000 倍也就不足為奇了。說到網站,沒有人喜歡花時間在一個單調乏味、信息太多、沒有任何視覺表現的網站上。難怪任何稱職的網站都擁有相當多的視覺內容——從圖片和幻燈片到 GIF 和視頻,從而將其轉化率提高了7 倍。
然而,盡管有積極作用,但圖像會特別增加網頁的加載時間。應對這一挑戰的唯一方法是重新縮放圖像。這并不意味著裁剪它們,因為頁面仍然需要加載整個圖像并以比原始圖像更小的尺寸顯示。
這里的解決方案是調整圖片大小并壓縮它們。據谷歌稱,25% 的網頁可以節省超過 250KB,其中大約 10% 的網頁僅通過壓縮大文件就可以節省超過 1MB 。查看在不影響質量的情況下壓縮圖像的工具數量。因此,優化您的網絡圖像并減少頁面加載時間。
6、使用第三方托管
如果您的網站包含包含圖像和視頻的大文件,則頁面加載時間將顯著增加。此外,如果您使用共享服務器來托管文件,尤其是視頻,則加載時間會增加更多。
要解決此問題,請在 YouTube 或Vimeo等外部托管平臺上共享視頻文件。然后可以使用簡單的代碼將視頻嵌入網站,從而大大提高網站加載速度。如果使用 WordPress,那么您還應該考慮使用高級托管以獲得一致的可靠頁面加載時間和安全性。
7、壓縮和緩存
一項 Machmetrics 研究表明,這些網站的平均頁面加載時間約為 8-11 秒。這似乎是一個很小的數字,但如前所述,網站訪問者等待網頁打開的時間不會超過三秒鐘。
這就是壓縮站點的所有靜態內容派上用場的地方。通常,壓縮更多的是服務器設置。但是,如果這不是一個選項,請使用文件格式和 Gzip 等其他應用程序,它們可以識別文本文件中相同代碼的字符串。
大多數托管平臺在他們的計劃中提供多層緩存。與您的托管服務提供商聯系,了解哪些是可用的以及如何在您的網站上啟用。例如,SiteGround 提供靜態、動態、Memcached 和 HHVM 緩存解決方案。對于 WP 站點,Kinsta提供服務器端緩存和強大的內部開發插件來管理站點緩存。這樣做會顯著減少網站頁面加載時間。
包起來
網站速度很重要。這是您給初次訪問者的第一印象。是的,糟糕的頁面加載時間會對您的搜索排名、用戶體驗和轉換產生不利影響。當問題可以通過我們的七個技巧輕松解決時,為什么還要讓這種情況發生呢?