讓您的網站在兩秒或更短時間內加載的 7 個技巧

已發表: 2019-03-12

十多年前,亞馬遜注意到了一個有趣的趨勢。 他們每加快網站的加載時間 100 毫秒,他們的收入就會增加 1%。 然後,谷歌讓人們知道網站加載時間是在搜索引擎結果頁面中排名更高的關鍵指標。

網站加載時間有多重要?

當談到網站加載時間時,速度很重要。 一秒或更短的加載時間是理想的,並且整個體驗必須快速且響應迅速,以保持客戶瀏覽和購買。 因此,Web 開發人員將盡其所能確保他們的網站靈活是有道理的。

對於那些通過虛擬專用網絡 (VPN) 連接上網的人來說,這個問題會變得更加明顯,因為加密/解密過程本身就比較慢。

在飛輪辦公室的磚牆上使網站加載 2 秒或更短的時鐘

隨著越來越多的人使用 VPN 來保護他們的在線隱私和匿名性,對於網站所有者來說,確保他們的網站閃電般快速變得更加重要。 這意味著任何使用 VPN 瀏覽的人在訪問您的網站時都不會出現如此明顯的速度減慢。

加快網站加載時間的示例

了解頁面加載時間是一個關鍵指標,許多網站所有者正在盡其所能來提高他們網站的性能。 實際上有數百個案例研究支持具有真實世界數字的更快網站的重要性。 一個是 Edmunds.com,它設法將頁面加載時間減少了 7 秒——這是巨大的。 網頁瀏覽量增長了 7%,廣告收入增長了 3%。 這些不是無關緊要的數字!

通過使用以下提示,該網站的所有者能夠將其加載時間縮短至 583 毫秒。 主頁發出的 HTTP 請求數量減少了一半,頁面大小減少到其原始大小的三分之一。 所有這些改進都是在不影響用戶視覺體驗的情況下實現的。

以下是有關如何改善網站加載時間和客戶體驗的一些想法。

1.使用更好的虛擬主機

使網站加載時間不超過 2 秒 兩個飛輪在總部工作
Flywheel 的遠程支持經理 Tyler 和 Daniel!

廉價的網絡主機無處不在,當您剛剛起步並保持較低的費用時,它們似乎是一個不錯的選擇。 但是,網絡主機越便宜,您的網站就越有可能擠在有太多其他網站的服務器上。 這意味著您可以獲得更少的帶寬和更慢的加載時間。

許多網絡主機可以在 600 到 1300 毫秒內加載您的網站。 這非常好,但是有一些主機(例如託管的 WordPress 主機)可以提供更好的性能。 其中之一是 Flywheel,它是一個託管的 WordPress 主機,可提供 293 毫秒的平均頁面加載時間(在 Pingdom 上檢查任何網站的速度)。 無論您怎麼看,這都是卓越的性能。 這可能是減少網站頁面加載時間的最重要方法之一。

2. 利用內容交付網絡

使用內容交付網絡 (CDN) 不是將您網站的所有媒體存儲在一台服務器上,而是將完整的站點副本存儲在分佈在世界各地的多台服務器上。 CDN 通過在網絡邊緣緩存內容,實現了令人難以置信的快速數據傳輸。 CDN 還可以處理更大的流量,因此硬件故障的實例應該更少,並且許多網站管理員發現一旦開始使用 CDN,他們的帶寬成本就會降低。 借助可靠的網絡主機和 CDN,網站加載時間可以顯著減少。

下載此免費指南以提高您的 WordPress 網站的速度和性能!

3.修復斷開的鏈接

斷開的鏈接會給您的帶寬帶來壓力,瀏覽您網站的人即使遇到一個斷開的鏈接也不會長時間停留在那裡。 Ahrefs、Screaming Frog SEO Spider 和 Google Webmaster Tools 等工具可以幫助查找和修復任何導致問題的損壞鏈接。 修復損壞的鏈接後,您一定會看到流量增加,並註意到人們在您的網站上停留的時間更長。 另外,您的網站加載時間將會得到改善。

4. 盡可能使用靜態 HTML 而不是 PHP

使使用筆記本電腦的支持團隊的網站加載時間不超過 2 秒
認識 Flywheel 的幸福工程師 Caleb!

超文本預處理器或 PHP 是一種對 Web 開發很有用的腳本語言。 PHP 中的代碼由服務器執行,從而生成發送給客戶端的 HTML。 PHP 可以是一種有效的解決方案,可以減少一遍又一遍地輸入相同數據的要求。 但是,堅持使用 PHP 意味著您正在使用服務器上寶貴的空間。 如果 PHP 沒有為您節省任何時間,請改用靜態 HTML。

5.優化圖片

圖像可以帶有各種顏色、評論和其他不會增加效果的數據。 如果您想加快網站加載時間,那麼優化圖像至關重要。 建議使用 JPEG 格式。 像 Smush.it 或 WP Smush.it 這樣的工具可以幫助您完成這項工作。

6.使用瀏覽器緩存

如果訪問者不必在每次訪問時下載頁面上的每一個元素,網站加載時間將會得到改善。 瀏覽器緩存可以在用戶的計算機上維護一些數據,這樣他們的設備就不必每次都檢索所有內容。 可以使用各種插件來啟用瀏覽器緩存。

7. 縮小 JavaScript 文件

JavaScript 可能會嚴重臃腫且笨拙,這會直接影響頁面加載時間。 縮小 JS 的一種方法是將所有 JavaScript 文件壓縮到一個文件中。 那些使用 WordPress 的人可能希望使用 WP Super Minify 來簡化工作。

使網站加載 2 秒或更少 兩個飛輪在辦公空間通過計算機交談
Flywheel 的入職策略師 Danny 和幸福工程師 Juan!

最後的想法

除非您不關心您的網站訪問者是閒逛並做一些有建設性的事情,還是因為一切都花費太長時間而沮喪地離開,否則您應該關注減少頁面加載時間。 好消息是,您不必成為技術人員即可在短時間內取得重大進展。 只需按照上面列出的步驟,祝你好運!


本文最初發佈於 2018 年 10 月 12 日。 上次更新時間為 2019 年 3 月 18 日。