Optimize webpage speed

分析工具：分析網頁連線下載速度，並提供網站開發者建議的服務或軟體

線上工具

• PageSpeed Insights — Google Developers offered by Google: Sample report [Last visited: 2012-08-14]
  • 教學: Google Page Speed 網站最佳化建議工具，讓網站更快、更省流量！

• GTmetrix "Website Speed and Performance Optimization" [Last visited: 2012-08-14]
  • 介紹: GTmetrix 線上網頁速度檢測、分析工具，協助改善用戶經驗

• WebPagetest - Website Performance and Optimization Test 介紹: WebPagetest 網頁連線、載入速度測試工具（支援 30 測試點、16 種瀏覽器、測試手機版與桌面版網頁） | 重灌狂人
• DareBoost - Website Performance and Quality Test Tool 輸入網址可以測試網頁效能與內容品質。看摘要內容不需要註冊會員，關掉它的提示還是可以進行測試。[Last visited: 2015-04-11]
• Google 的 web.dev 服務提供效能、最佳實務建議、網頁親和力 (Accessibility)、SEO (搜尋引擎最佳化) 等的評分與建議。範例報表: Lighthouse Report [Last visited: 2018-11-15]

• Pingdom Tools(圖例): (a)測試網頁各元件載入時間(Full page test)，圖形化呈現載入時間長短，藉此觀察網頁效能、 (b)以及從Pingdom Tools網站到目標網站的連線檢查(Ping、trace route)

• WebWait - Benchmark Your Website 網頁下載計時器

• Web Site Optimization: Speed Up Your Site website opion web speed optimize web site performance company --> Web Page Analyzer

• WebPagetest - Website Performance and Optimization Test

• Test & Optimize Website Speed - GiftOfSpeed 可以選擇從荷蘭、美國、英國、新加坡、德國其中一處連線測試。測試結果包含不同網頁元件下載所需時間。[Last visited: 2016-07-28]

軟體

• Page Speed Home for Firefox
• ReActivity for Mac OSX - Easily test your page load speed and size on macOS
• Google chrome -> 工具 -> 開發人員工具 -> Audit。 提供網站開發者 Network utilzation, web page performance建議。
• Google Lighthouse Audit Scores: Lighthouse extension for Chrome

• Yahoo! YSlow + Firebug for Firefox : Firebug and Network Monitoring (說明: Firebug 幫網頁稱重量、測速度，抓出拖慢網站的元兇！　　【重灌狂人】)操作方式: 按F12 啟動Firebug, 然後切換到「網路」標籤

Image hosted by Flickr

• Fiddler Web Debugger - A free web debugging tool

Image hosted by flickr

• HttpWatch: An HTTP Viewer and HTTP Sniffer for IE 6 & 7 & Firefox
  • 介紹: 網頁診斷工具【HttpWatch Basic Edition】即時分析網頁瀏覽數據 for IE、Firefox

• HttpFox[1] An HTTP analyzer addon for Firefox

• Speed Tracer (by Google) for Chrome

檔案壓縮

• Javascript: JSCompress: Minify Javascript Online / Online JavaScript Compression
• CSS 檔案壓縮: CSS Minifier, CSS Compressor
• 圖檔: 在线图片优化器

自訂函數太慢

• 當檔案數增加至萬以上的數量級，透過 PHP 自訂函數處理檔案很慢時，可以考慮改用作業系統原生的檔案命令。

相關頁面

• javascript 檔案壓縮或使用 CDN

相關資料

• PageSpeed Tools  |  Google Developers