網頁速度- Page Speed-新視野網頁設計
文章推薦指數: 80 %
網頁速度是衡量網頁內容讀取速度的一個指標。
「網頁速度」通常與「網站速度」相混淆,網站速度實際上是網站頁面瀏覽頁面速度,網頁速度可以用「網頁讀取時間」(在 ...
Home
>SEO教學-
網頁速度-PageSpeed
SEO教學teaching
搜尋
SEO初學者指南
網站內部SEO(On-Site)
連結與建立連結
搜尋引擎在做什麼,如何有效的控制它
Google相關資訊
全部
SEO教學-
網站內部SEO(On-Site)
網頁速度-PageSpeed
什麼是網頁速度(PageSpeed)?
網頁速度是衡量網頁內容讀取速度的一個指標。
「網頁速度」通常與「網站速度」相混淆,網站速度實際上是網站頁面瀏覽頁面速度,網頁速度可以用「網頁讀取時間」(在特定網頁上完全顯示內容所需的時間)或「第一個文字的時間來描述(從打開網頁時瀏覽器從網絡伺服器讀取第一個文字訊息需要多長時間)。
不管你如何衡量,網頁速度越快當然是越好的,許多人發現,更快的網站排名和轉換率(確實瀏覽轉換率)會更好。
SEO友善方式
Google已經表明網站的速度(亦同網頁速度)是用於排名網頁的演算方式之一,而研究表明,Google可能會專門測量第一個字節的時間,就像它考慮網頁速度時一樣,另外緩慢的網頁速度意味著搜索引擎使用他們可分配的抓取資源來抓取較少的頁面,這可能會對網站索引造成負面影響。
網頁速度對用戶體驗也很重要,讀取時間較長的網頁往往跳出率會比較高與較低的觀看網頁平均時間,較長的讀取時間也被證明會對轉換率(確實瀏覽轉換率)造成負面影響。
以下是一些提高頁面速度的方法:
使用壓縮方式
使用文件壓縮軟件應用程序Gzip來減少大於150字節的CSS,HTML和JavaScript文件的大小。
不要在圖像文件上使用gzip,相反的,在如Photoshop這樣的軟體中壓縮這些圖像,您可以保持對圖像質量的控制,請參閱下面的「優化圖像」
縮小CSS,JavaScript和HTML
通過優化您的程式碼(包括刪除空格,逗號和其他不必要的字符),可以顯著提高您的頁面速度。
同時刪除程式碼解釋,樣式和未使用的程式碼。
Google建議您將YUICompressor用於CSS和JavaScript。
減少重新定向
每次網頁重定向到另一個網頁,訪問者都需要額外的時間來等待HTTP請求-反應程序執行完成時間,例如如果您的移動重新定向模式如下所示:“example.com->www.example.com->m.example.com->m.example.com/home”,這兩個額外的重新定向中的每一個都會讓您的網頁讀取變慢。
利用瀏覽器暫存
瀏覽器會暫存大量訊息(樣式表、圖像、JavaScript文件等等),以便當訪問者回到您的網站時,瀏覽器不必重新讀取整個頁面,使用像YSlow這樣的工具來查看是否已經為暫存設置了過期日期,然後設置你的「expiresheader」多長時間的訊息被暫存,在很多情況下,除非您的網頁設計部分頻繁更改,否則一年是合理的時間段,Google在【這裡】提供了更多關於利用暫存的信息。
改善伺服器反應時間
您的伺服器反應時間會因為你的網站流量受到影響,每個網頁使用的資源,伺服器使用的軟件以及您使用的代管方案的影響,為了改善伺服器反應時間,必需知道問題在哪裡,如資料庫查詢速度較慢,網頁流量速度慢或缺少足夠的記憶體並將對其進行改善,好的伺服器反應時間應該低於200ms。
內容傳遞網路
內容傳遞網路(CDN)也稱為內容分發網路,是用於分發內容傳遞負載的伺服器網路,本質上,您的網站副本儲存在多個不同地理位置的資料中心,以便用戶可以更快,更可靠地訪問您的網站。
優化圖像
確保你的圖像大小不會大於真的需要的大小,PNG與JPEG是在正確的文件格式(PNGs通常使用於色彩較少的圖像,而JPEG通常使用在照片),他們因為網路便於瀏覽而必須被壓縮容量。
使用CSS精靈為您在網站上頻繁使用的圖像(如按鈕和圖標)創建模板,CSS精靈會把你的圖像合併成一個一次讀取的大圖像(相對的會有更少的HTTP請求),然後只顯示你想要顯示的部分,這意味著您不讓用戶等待讀取一個又一個的圖像。
資料來源:PageSpeed
歡迎推廣本文,請務必連結(LINK)本文出處:新視野網頁設計
分類列表(
網站內部SEO(On-Site))全部列表
gotop
延伸文章資訊
- 1技術SEO小教室:網頁速度PageSpeed,瀏覽量增幅97.9%的 ...
PageSpeed網頁讀取速度是什麼?
- 2越來越重要的SEO優化項目:『網站速度』優化 - Harris先生
尤其自從Google發布了網頁體驗訊號(Page Experience)之後,網站速度顯然只會越來 ... 從『排名訊號』的角度以及從SEO技術優化的『爬取』角度來看,網站速度都是至關 ...
- 3網站速度檢測工具,快速找出網站緩慢的致命原因 - 創億學堂
這裡我特別解釋讀取時間所代表的意涵:. 0-1秒:優秀。 1-2秒:很好。 2-4秒:馬馬虎虎。 5秒以上:不太樂觀。 網站載入速度對於網站優化或SEO 而言, ...
- 4網頁速度Page speed 如何優化?10 個網站速度優化項目!教學
網頁速度的英文叫做Page speed,網頁速度也是SEO 優化中的一環,因為網頁 ... 檔案因為放在</body>標籤前面,所以是頁面渲染快結束的時候再進行讀取。
- 5網頁速度- Page Speed-新視野網頁設計
網頁速度是衡量網頁內容讀取速度的一個指標。 「網頁速度」通常與「網站速度」相混淆,網站速度實際上是網站頁面瀏覽頁面速度,網頁速度可以用「網頁讀取時間」(在 ...