如何提升網頁的載入速度 - 政府網站營運交流平台

網頁速度代表網頁內容讀取的速度，一般來說，常見的描述方式有「網頁載入時間」與「TTFB (Time to first byte第一個字節的反應時間)」等，網頁載入時間指的是完整讀取 ... 跳到主要內容區塊 手機版選單 search 搜尋 社群媒體 資訊圖像 進階搜尋 分享 Facebook google+ Plurk Twitter line Email 最新消息 網路趨勢與社群應用分享 常見問題 相關連結熱門關鍵字 社群媒體 資訊圖像 上方連結 首頁 網站導覽 English 下方連結 網站導覽 關於本站 相關連結 政府網站資料開放宣告 隱私權及安全政策 客服信箱 :::政府網站營運交流平台 上方連結 首頁 網站導覽 English 字級 小 中 大 search 搜尋 社群媒體 資訊圖像 進階搜尋 熱門關鍵字 社群媒體 資訊圖像 最新消息 網路趨勢與社群應用分享 常見問題 相關連結::: 首頁 網路趨勢與社群應用分享 網路趨勢與社群應用分享 網頁功能 列印內容 分享 Facebook google+ Plurk Twitter line Email 如何提升網頁的載入速度 資訊科技應用蓬勃發展，民眾的日常生活與網際網路的連結越來越密切，民眾對於政府機關提供網路服務的期待也隨之提高，尤其數位原生世代更是以網路為獲取資訊的主要來源。

國家發展委員會「107年個人家戶數位機會調查報告」指出，民眾最常使用智慧型手機上網的比率增為75.3%，最常使用桌上型電腦上網的比率減少至14.9%，曾使用無線或行動上網的比率則增為98.2%。

行動上網已成為臺灣民眾上網主要方式。

另一方面，依據Google於2019年11月的新聞指出，未來Chrome將透過系統標示，告知使用者正要瀏覽的網站速度較慢。

針對載入速度較慢的網站，未來若使用者使用Chrome瀏覽器，會在連線到載入網站資料的過程，顯示「通常下載較慢」，針對較快的網站則顯示綠色的進度指示。

檔案來源：ChromiumBlog:Movingtowardsafasterweb 為了避免民眾在瀏覽政府網站時，被Chrome瀏覽器告知此訊息，機關網站管理人員應定期檢視網站的載入速度，確保網站載入所需的時間維持在適當的水準，避免影響使用體驗，減少等候的時間及提高繼續使用網站的意願。

但要如何提升網站的載入速度？除了加大網站對外線路的頻寬(請注意：越大的頻寬，所需費用越高)，應先從其他方面著手，包括分析網站的網頁載入速度並予以改善。

網頁速度代表網頁內容讀取的速度，一般來說，常見的描述方式有「網頁載入時間」與「TTFB(Timetofirstbyte第一個字節的反應時間)」等，網頁載入時間指的是完整讀取網頁並顯示於瀏覽器所花費的時間，而TTFB則是從用戶端送出請求起，到用戶端瀏覽器收到第一個位元組為止所經過的時間。

為此，Google推出了自家的網頁速度分析工具PageSpeedInsights，該程式會分析網頁內容，並提供如何加快網頁載入速度的建議(如下圖)。

首先連上GooglePageSpeedInsights的服務頁面，然後只要在框內輸入網頁網址，就可以獲得對該頁面的網頁速度評級與最佳化作法建議，是不是很簡單呢？ 檔案來源：PageSpeedInsights 網頁載入速度對於整體使用體驗具極大影響，影響網頁載入的因素包括但不限於下列內容：圖像最佳化、優先處理可見的內容、最佳化CSS傳遞、啟用壓縮及改善伺服器回應時間等。

圖像最佳化：可減少載入圖像所需的資料量及提升效能，網站應依據自身需求，找出最適合的圖像格式及策略，包括編碼類型、檔案格式、預設壓縮率及解析度等。

優先處理可見的內容：為加快網站載入，應減少呈現當前頁面內容所需的資料(例如HTML、圖像、CSS及JavaScript)，並透過HTML屬性改善載入順序，優先載入重要的內容，以免造成顯著的網頁載入延遲。

最佳化CSS傳遞：在瀏覽器呈現網頁內容之前，必須處理當前頁面的所有CSS樣式和配置；因此精簡不必要的原始碼及改善CSS傳遞路徑，亦可加快網頁內容的渲染。

啟用壓縮：啟用網頁伺服器的Gzip壓縮功能，啟用此功能可減少多達90%的資料傳輸量，不但可以有效縮短等候下載的時間，並可加快網頁的呈現。

改善伺服器回應時間：影響伺服器回應時間的潛在因素，可能包括應用程式設計邏輯、資料庫查詢速度、網路環境、硬體資源不足(CPU或記憶體)等。

備註：完整內容請參閱PageSpeedInsightsRules說明 上版日期：108-06-23 回上一頁 回最上面 ::: 下方連結 網站導覽 關於本站 相關連結 政府網站資料開放宣告 隱私權及安全政策 客服信箱 更新日期111-04-29版權所有©2018國家發展委員會 10020臺北市中正區寶慶路3號 如對本站有任何意見，請洽客服專線：02-25533988#361、02-25533988#626 傳真：02-25531319    電子郵件信箱：[email protected] 本網站設計支援IE、Firefox及Chrome，最佳瀏覽解析度為1024x768 backtotopbacktotop