001

Google PageSpeed 是一款免費的網站速度分析測試優化的好用檢測工具,它不但能夠分析桌電和筆電瀏覽器的網頁速度與檢測,也能夠分析智慧型裝置 (像是手機和平板電腦) 的網頁速度與檢測。除此之外,這款 Google的網站速度分析工具,還能夠針對網站的問題提出建議與優化方向,讓網站管理者可以對症下藥,解決網站速度讀取很慢的問題,有效加快與提升網頁速度。

以下就是 Google的網站速度分析工具: Google PageSpeed 的介紹與分享。

網站速度分析和測試優化免費工具,google PageSpeed (檢測,網頁,很慢,加快,手機版)

 

Google PageSpeed: 實用快速的網站速度分析和測試優化免費工具

google 這款網站速度分析和測試優化免費工具主要可分為 行動版網頁分析 與 電腦版網頁分析 (尤其前者更為重要,目前智慧裝置像是手機與平板電腦的瀏覽量已經超越了一般電腦瀏覽器)。首先,我們必須將網頁的主頁面 (通常是首頁) 輸入,再按下分析。

002

 

第一個標籤顯示的是 行動版網頁分析。以Google 本身的官網來說,行動版幾乎是沒有問題的,處於優化最完美的狀態 (空無一物通常必定是如此XD)。

003

但 Google PageSpeed 還是會告知使用者它們是使用那些指標項目進行檢測

使用瀏覽器快取功能
您已啟用瀏覽器快取功能。進一步瞭解瀏覽器快取功能建議事項。
優先處理要顯示的內容
您已正確優先處理前幾行內容。進一步瞭解優先處理要顯示的內容的優點。
啟用壓縮功能
您已啟用壓縮功能。進一步瞭解啟用壓縮功能的優點。
壓縮 CSS
您的 CSS 已經過壓縮。進一步瞭解壓縮 CSS 的優點。
壓縮 HTML
您的 HTML 已經過壓縮。進一步瞭解壓縮 HTML 的優點。
壓縮 JavaScript
您的 JavaScript 內容已經過壓縮。進一步瞭解壓縮 JavaScript 的優點。
最佳化圖片
您的圖片已經過最佳化處理。進一步瞭解為圖片進行最佳化處理的優點。
清除前幾行內容中的禁止轉譯 JavaScript 和 CSS
您並未使用禁止轉譯資源。進一步瞭解移除禁止轉譯資源的優點。
減少伺服器回應時間
您的伺服器回應速度相當快。進一步瞭解為伺服器回應速度進行最佳化處理的優點。
禁止到達網頁重新導向
您的網頁不含任何重新導向。進一步瞭解避免使用到達網頁重新導向的優點。

 

第二個標籤顯示的是 電腦版網頁分析。以Google 本身的官網來說,電腦版也幾乎是沒有問題的。

004

 

Google PageSpeed 也會針對電腦版網頁,告知使用者它們是使用那些指標項目進行檢測

建議修正的問題:
優先處理要顯示的內容
您的網頁需要額外的網路來回行程,才能轉譯前幾行內容。如要達到最佳效能,請減少轉譯前幾行內容所需的 HTML 資料量。
整個 HTML 回應不足以轉譯前幾行內容。一般來說,這表示需要在剖析 HTML 之後載入其他資源,才能轉譯前幾行內容。請優先處理顯示內容 (轉譯前幾行所需),直接在 HTML 回應中加入這些內容。
完整 HTML 回應最終只能讓大約 38% 的前幾行內容正確轉譯 顯示螢幕擷取畫面 顯示原始螢幕解取畫面。
隱藏詳細資訊
通過 9 項規則
隱藏詳細資訊
使用瀏覽器快取功能
您已啟用瀏覽器快取功能。進一步瞭解瀏覽器快取功能建議事項。
啟用壓縮功能
您已啟用壓縮功能。進一步瞭解啟用壓縮功能的優點。
壓縮 CSS
您的 CSS 已經過壓縮。進一步瞭解壓縮 CSS 的優點。
壓縮 HTML
您的 HTML 已經過壓縮。進一步瞭解壓縮 HTML 的優點。
壓縮 JavaScript
您的 JavaScript 內容已經過壓縮。進一步瞭解壓縮 JavaScript 的優點。
最佳化圖片
您的圖片已經過最佳化處理。進一步瞭解為圖片進行最佳化處理的優點。
清除前幾行內容中的禁止轉譯 JavaScript 和 CSS
您並未使用禁止轉譯資源。進一步瞭解移除禁止轉譯資源的優點。
減少伺服器回應時間
您的伺服器回應速度相當快。進一步瞭解為伺服器回應速度進行最佳化處理的優點。
禁止到達網頁重新導向
您的網頁不含任何重新導向。進一步瞭解避免使用到達網頁重新導向的優點。

 

像要自行檢測網站速度分析和測試優化,可以 連結這裡去使用 google PageSpeed (Click)

 
 

煩請您不吝幫忙2015.3月剛成立的"粉絲團"與"文章"按 讚分享 謝謝您!
(請不要使用手機版觀 看敝站,煩請使用電腦網頁版,感恩)

 

軟體應用.教學.相關:

[Adobe Illustrator]  [Autodesk 3DSMax]  [Adobe Flash]  [Adobe Premiere]

[Adobe Photoshop]  [數位科技與軟體應用]  [技能.專業證照相關]

設計.多媒體.創新相關:

[設計與創作]  [設計與多媒體討論]  [設計繪畫.表現技法] [設計素材.資源]

網站速度分析和測試優化免費工具,google PageSpeed (檢測,網頁,很慢,加快,手機版)

文章標籤
創作者介紹

[梁又文老師:設計與多媒體達人研究工作室] (Teacher Yo-Wen Liang: Master of Multimedia & Design Research Studio).設計/Art藝術/Research研究/Training教學.訓練.家教/大學授課/研究/統計服務

Yo-Wen Liang 發表在 痞客邦 PIXNET 留言(2) 人氣()


留言列表 (2)

發表留言
  • 訪客
  • o.0 完全看不懂 但感覺很Cool
  • 謝謝留言!

    Yo-Wen Liang 於 2017/02/25 17:55 回覆

  • 訪客
  • 推推!!!!
  • 謝謝留言!

    Yo-Wen Liang 於 2017/05/06 10:24 回覆

找更多相關文章與討論