進入一個網站之後,感覺就像是要花很長時間才能載入。您會怎麼做呢?您會耐心地等待網頁全部載入嗎?還是關閉瀏覽器標籤,進入下一個網站呢?事實上,頁面載入時間不僅會對使用者體驗產生巨大的影響,而且也會極大地影響轉換率,以及搜索引擎的優化。無論您擁有什麼型別的網站,無論是 WordPress 博客、 WooCommerce 電子商務商店、線上論壇還是會員登入頁面,提供最快的網站速度和效能都符合最大利益。但是您該怎麼辦呢?這裏有七個提示,您可以使用它們來減少這些載入時間,並在 2019 年提高您網站上的使用者體驗。
1. 使用內容交付網絡
當然,您可以根據網站上的實際內容採取許多步驟。您可以縮小圖片和優化 JavaScript 。但是您還必須考慮站羣服務器相對於訪問站羣服務器的使用者的位置。互聯網並不完全是虛擬的,因為仍然需要穿越物理空間。對於位於洛杉磯的人來説,訪問舊金山的站羣服務器要比訪問倫敦甚至芝加哥的站羣服務器要快得多。內容交付網絡(簡稱 CDN)的目標是通過選擇最靠近終端使用者的站羣服務器來提高網站的效能。
我們建議您瞭解一下 CDN 的工作方式,不僅要更好地瞭解這個概念是如何工作的,還要了解為什麼今天大多數互聯網頂級網站都在使用它。這就是有一個完整的網絡來交付這些內容的地方。最好的 CDN 通過提供更高速的儲存、優化工具、智慧和動態加速緩存以及安全功能來進一步優化效能。您將需要一個具有良好全球網絡覆蓋範圍和高可用性解決方案的 CDN 。 Incapsula 的專業計劃起價為每月五十九美元,而商業計劃起價為每月兩百九十九美元。
2019 年提升網站速度和效能的七個技巧
2. 壓縮影象
從網站速度和效能的角度來看,載入圖片可能是最繁重的活動之一,這可能不會讓您感到驚訝。這部分與解析度有關,但也與影象壓縮水平和其他因素有關。如果您只想調整圖片大小並將其顯示為只有兩百畫素寬的縮圖,那麼上傳和顯示一張兩千萬畫素的大照片是沒有真正理由的。首先,您可以從實際上傳到站羣服務器的影象開始。一般來説,您不需要幾兆位元組大小的影象。根據具體情況,可以在不損失大部分使用者可識別的質量損失的情況下使用 200 KB 或更小的記憶體。另一個很好的方法是叫做 Smush 的 WordPress 插件外掛。其目標是減少 “所有不必要的資料,而不影響網站速度。”
3. 壓縮 JavaScript 和 CSS
在提高頁面載入時間方面,首先也是最容易看到的地方之一是解決站點代碼中不必要的低效問題。更具體地説,JavaScript(JS)和級聯樣式表(CSS)的預設代碼效率可能非常低。對於初學者來説,有很多空白,並且可以將幾行冗餘代碼縮減到更短的長度。可以想象,瀏覽器(和站羣服務器)執行的代碼越少,頁面的載入速度就越快。如果您有一個 WordPress 站點,那麼使用類似 WP Super Minify 的插件外掛為您做這件事是最簡單的。當然,在這之前,您需要進行完整的網站備份。正如許多頂級 CSS 站點推薦的那樣,如果您有不同型別的站點,或者您更願意手動操作,那麼有幾個線上工具可以做到。 Minifier 就是這樣一個例子。該工具的工作原理是刪除空白、剝離註釋、組合檔案以及優化或縮短一些常見的程式設計模式。
4. 減少 HTTP 請求
所有其他的都保持不變,最簡單的網站將是載入速度最快的網站。如果您有一個簡單的純 HTML 頁面,其中包含純文字和最少的影象,那麼它可能會非常快。如果有一個動態頁面呼叫了許多其他因素和內容型別,那麼您將會遇到麻煩。通過減少 HTTP 請求的數量,您可以顯著提高站點的速度。代碼越乾淨越好。 Perfmatters 是 WordPress 的一個面向效能的插件外掛,它可以為您實現大部分自動化。一個網站的起價為每年 19.95 美元,無限網站的起價為每年 99.95 美元。儘管許多網站所有者和博主可能不瞭解這些設置或命令的實際內容,但該工具使您可以非常容易地檢查或關閉您希望啓用的效能選項。
5. 升級到獨立站羣服務器
大多數剛開始建立自己的第一個網站的人,實際上也有很多老手,通常會選擇共享主機,因為這通常是最具成本效益的選擇。然而,這意味著您正在與其他客户共享資源(站羣服務器和頻寬),並且您無法控制他們如何使用這些資源。如果同一個站羣服務器上的另一個網站突然湧入大量流量,其他網站的速度和效能就會受到影響。有許多變數超出了控制範圍。為了避免這個問題,您可以考慮使用高階獨立站羣服務器。他們有託管和非託管的解決方案,但無論如何,您得到的服務資源器都是您一個人使用。如果您願意的話,這允許更大程度的自定義。更重要的是,您可以獲得獨立的硬體和更穩定的效能。這意味著整體速度更快,尤其是當您選擇配備了更好硬體的獨立站羣服務器時。如果是虛擬主機,我們應該在什麼時候升級配置呢,有興趣的朋友可以瞭解一下 什麼時候升級虛擬主機最合適。
6. 啓動延遲載入
一般來説,當有人到達某個網頁時,整個網頁都將嘗試載入。有些元素可以同時載入,而另一些元素必須按順序載入。根據網站的設計和佈局,使用者可能會因為他們還看不到的元素(而且可能永遠看不到)而經歷非常長的載入時間。或者他們會注意到網站仍然在他們的瀏覽器中載入,即使看起來感興趣的內容已經可用。在這兩種情況下,這都會降低使用者體驗,並妨礙網站速度。克服這個問題的一種方法是延遲載入。當啓用延遲載入時,網頁上的元素將根據需要載入。這樣,在使用者向下滾動之前,頁面下方的專案不會載入。這會導致更快的載入時間,因為頁面上方的元素會被優先處理。谷歌開發者網頁基礎部分有一個很好的指南,可以瞭解更多關於這項技術的資訊。
7. 減少外部指令碼
視窗小部件可能很棒。它們可以非常方便,可以用各種動態內容更新網站。也許側邊欄裏有個 Twitter 小部件可以顯示最新推文。也許您用亞馬遜的一個小部件來展示特色產品。這是一個充滿可能性的世界。問題是,當您依賴這些外部指令碼時,您也可以在頁面載入時間內使用這些外部指令碼。如果 Twitter 碰巧因為任何原因掛起,那麼當它等待該小部件正確載入時,站點速度會受到影響。對於頁面上依賴於外部服務的各種 “隱藏” 元素,也是如此。
雖然將所有外部指令碼全部刪除可能並不完全可行。例如,您可能希望保留谷歌分析,例如為謹慎起見,應儘量減少其對頁面載入時間的影響。更好的網站效能有助於提高使用者參與度。在 2019 年落實這些建議。網站訪問者將會感謝您!提升了頁面載入速度,做 SEO 站羣優化也就相對容易很多,有興趣的朋友可以更多瞭解一下 ,提高頁面載入速度,對 SEO 站羣優化排名有什麼幫助。