什麼是網頁設計?背景
認識網頁設計Q & A

認識網頁設計 - 網站內部SEO (On-Site)

網頁速度 - Page Speed

什麼是網頁速度(Page Speed)?

網頁速度是衡量網頁內容讀取速度的一個指標。

「網頁速度」通常與「網站速度」相混淆,網站速度實際上是網站頁面瀏覽頁面速度,網頁速度可以用「網頁讀取時間」(在特定網頁上完全顯示內容所需的時間)或「第一個文字的時間來描述(從打開網頁時瀏覽器從網絡伺服器讀取第一個文字訊息需要多長時間)。

不管你如何衡量,網頁速度越快當然是越好的,許多人發現,更快的網站排名和轉換率(確實瀏覽轉換率)會更好。

SEO友善方式

Google已經表明網站的速度(亦同網頁速度)是用於排名網頁的演算方式之一,而研究表明,Google可能會專門測量第一個字節的時間,就像它考慮網頁速度時一樣,另外緩慢的網頁速度意味著搜索引擎使用他們可分配的抓取資源來抓取較少的頁面,這可能會對網站索引造成負面影響。

網頁速度對用戶體驗也很重要,讀取時間較長的網頁往往跳出率會比較高與較低的觀看網頁平均時間,較長的讀取時間也被證明會對轉換率(確實瀏覽轉換率)造成負面影響。

以下是一些提高頁面速度的方法:

使用壓縮方式

使用文件壓縮軟件應用程序Gzip來減少大於150字節的CSS,HTML和JavaScript文件的大小。

不要在圖像文件上使用gzip,相反的,在如Photoshop這樣的軟體中壓縮這些圖像,您可以保持對圖像質量的控制,請參閱下面的「優化圖像」

縮小CSS,JavaScript和HTML

通過優化您的程式碼(包括刪除空格,逗號和其他不必要的字符),可以顯著提高您的頁面速度。 同時刪除程式碼解釋,樣式和未使用的程式碼。 Google建議您將YUI Compressor用於CSS和JavaScript。

減少重新定向

每次網頁重定向到另一個網頁,訪問者都需要額外的時間來等待HTTP請求 - 反應程序執行完成時間,例如如果您的移動重新定向模式如下所示:“example.com - > www.example.com - > m.example.com - > m.example.com/home”,這兩個額外的重新定向中的每一個都會讓您的網頁讀取變慢。

利用瀏覽器暫存

瀏覽器會暫存大量訊息(樣式表、圖像、JavaScript文件等等),以便當訪問者回到您的網站時,瀏覽器不必重新讀取整個頁面,使用像YSlow這樣的工具來查看是否已經為暫存設置了過期日期,然後設置你的「expires header」多長時間的訊息被暫存,在很多情況下,除非您的網頁設計部分頻繁更改,否則一年是合理的時間段,Google在【這裡】提供了更多關於利用暫存的信息。

改善伺服器反應時間

您的伺服器反應時間會因為你的網站流量受到影響,每個網頁使用的資源,伺服器使用的軟件以及您使用的代管方案的影響,為了改善伺服器反應時間,必需知道問題在哪裡,如資料庫查詢速度較慢,網頁流量速度慢或缺少足夠的記憶體並將對其進行改善,好的伺服器反應時間應該低於200ms。

內容傳遞網路

內容傳遞網路(CDN)也稱為內容分發網路,是用於分發內容傳遞負載的伺服器網路,本質上,您的網站副本儲存在多個不同地理位置的資料中心,以便用戶可以更快,更可靠地訪問您的網站。

優化圖像

確保你的圖像大小不會大於真的需要的大小,PNG與JPEG是在正確的文件格式(PNGs通常使用於色彩較少的圖像,而JPEG通常使用在照片),他們因為網路便於瀏覽而必須被壓縮容量。

使用CSS精靈為您在網站上頻繁使用的圖像(如按鈕和圖標)創建模板,CSS精靈會把你的圖像合併成一個一次讀取的大圖像(相對的會有更少的HTTP請求),然後只顯示你想要顯示的部分,這意味著您不讓用戶等待讀取一個又一個的圖像。


資料來源:Page Speed

歡迎推廣本文,請務必連結(LINK)本文出處:新視野網頁設計