當你去一個網站的時候,感覺網站永遠都在加載,那麼你會怎麼做呢?

是耐心的等待網頁加載完成?或是立刻的關閉網頁,繼續的瀏覽其他網站?

現在的人對網路的需求非常大,頁面加載時間會對用戶體驗有巨大的影響,也會影響轉化率以及搜尋引擎優化。

無倫是哪種類型的網站,Blog、網路商店、論壇,都需要快速的頁面載入速度,那麼該怎麼提升呢?

以下是您可以使用的7種提升頁面加載速度的7個提示。

1.使用CDN內容傳遞網路

您可以依據網站的內容,採取許多優化的方法,您可以把圖片縮小、可以優化JavaScript。但是這些都限於您的網站,您還需考慮伺服器的位置,網路不是虛擬的,還是要透過線路與伺服器連結。

對於在台灣的某個人來說,訪問台北的伺服器會比訪問在中國伺服器來說要快得多。CDN的目標就是通過選擇最接近最終用的伺服器來提高網站連結的性能。

2019提高網站速度的7個方法 1

2.降低圖片像素

您應該很容易的就會發現,加載圖片可能是是進入網站中最花時間的一個部分。這原因與分辨率有關,也與圖片的壓縮水平有關。如果您的網站只需要約200像素的縮略圖,那麼您就不需要上傳和顯示20萬像素的圖片。

要減少圖片的大小,可以從上傳到Sever的圖片開始。一般來說,您不需要幾萬像素的圖片。依據實際的情況,你可以使用大概200kb或是更少的檔案,大多數的人看不出來圖片在顯示時有什麼問題。

或是您可以使用插件來降低圖片的大小。 Smush WordPress插件可以在保持圖片的質量下減少圖片的大小,增加載入的速度。

2019提高網站速度的7個方法 2

3.縮減您的JavaScript和CSS

在改善頁面加載時間時,最簡單的方式之一就是解決網站中不必要的程式碼。具體的來說,像是JavaScript和CSS,這些程式碼的效率非常低,對某些初學者來說,在寫程式時會有許多空白的區域,可以減少這些多餘的地方來所短程式執行的時間。

我們可以預想的到,當瀏覽器、Sever需要運行的程式碼越少,頁面的加載數度就越快。如果您擁有一個Wordpress網站,最簡單的方法就是使用插件,WP Super Minify 這個插件可以幫您解決這個問題。

4.減少HTTP請求

最簡單的網站,它的載入速度就越快。如果您只有一個單純的Html頁面、文字和很小的圖片,那麼網站的載入速度可能會非常快。單如果您是擁有一個動態頁面,它會一直調用許多程式、資料庫等,那麼載入速度就會增加了。

您可以通過減少HTTP請求的數量來顯著提高站點的速度。
如果圖片或者程式,CSS內容比較固定,不經常被修改,那麼,盡可能利用緩存技術,減少HTTP請求次數或文件下載次數。

5.升級到專用主機

大多數的人剛開始建立網站,通常會選擇免費主機或是共享主機,這些主機的特點就是便宜,也不需維護。但是這樣的主機通常會與其他人共享Sever和頻寬,而且您也無法控制其他人如何使用主機。

如果與您在相同Sever上的另一個網站突然有大量的流量湧入,那麼您的網站速度和效能便會受到影響,如果您已經是一的流量不小的網站,建議您擁有一個專用的Sever。推薦使用SiteGround主機

6.啟用延遲加載

一般來說,當您進入網頁時,整個網頁的內容都會嘗試加載。某些元素可以同時加載,而其他元素必須按順序加載。根據網站的設計和版面的配置,用戶可能會遇到非常長的加載時間,即使他們根本看不到這些元素。

或是他們已經看到了他們想要的內容,但是網站還是一直在加載當中,因為有些他們看步道的部分還在瀏覽器中加載。在這些情況下都會降低用戶體驗以及拖慢網站速度。我們可以使用延遲加載來克服這種摁提。

啟用延遲加載時,會更具你目前能看到的網頁元素進行加載,當你向下滾動頁面時,再才繼續加載新出現的網頁內容。用這樣的方式能部分的載入網頁,而不用整個網頁都下載,增加了網頁載入的效率。

7.外部指令最小化

有許多的網站推出各式各樣的網站小工具,例如Twitter、Amazon等,可以透過外部指令來在您的網頁做動態更新。也許在您的網站側邊欄中就有一個Twitter的小工具,可以顯示您最新的推文。

但是,當您在使用這些外部程式時,您的網頁因為這些程式來增加頁面加載時。如果Twitter因為任何的原因網站掛了,那麼您的網站會因為在等待Twitter的程式載入而受到影響。頁面上的所有外部指令都有可能受到這個因素而影響頁面載入。

所以最明智的遠則就是,最大限度地減少其使用以盡量減少對頁面加載時間的影響。

一個好的網站,需要不斷的進行優化,才能更上這個世代的改變。如果有任何問題或是建議,歡迎在下方留言,與我們共同討論。