Optimize webpage speed: Difference between revisions
Jump to navigation
Jump to search
no edit summary
mNo edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
分析工具：分析網頁連線下載速度，並提供網站開發者建議的服務或軟體]] | |||
* {{Gd}} [http://code.google.com/speed/page-speed/ Page Speed Home] for {{Fx}} | |||
* [https://developers.google.com/speed/pagespeed/insights PageSpeed Insights — Google Developers] offered by Google: [https://developers.google.com/speed/pagespeed/insights#url=www.google.com.tw&mobile=false Sample report] {{access | date= 2012-08-14}} | |||
** 教學: [http://briian.com/?p=6315 Google Page Speed 網站最佳化建議工具，讓網站更快、更省流量！] | |||
* Google chrome -> 工具 -> 開發人員工具 -> Audit。 提供網站開發者 Network utilzation, web page performance建議。 | |||
* [http://www.slowcop.com Slowcop] {{access | date = 2011-03-17}} 教學: [http://www.freegroup.org/2011/03/slowcop/ Slowcop 網站測速工具，找出如何使網站開啟速度更快] | |||
* [http://gtmetrix.com/ GTmetrix] "Website Speed and Performance Optimization" {{access | date= 2012-08-14}} | |||
** 介紹: [http://freegroup.org/2010/07/gtmetrix/ GTmetrix 線上網頁速度檢測、分析工具，協助改善用戶經驗] | |||
* [http://www.webpagetest.org/ WebPagetest - Website Performance and Optimization Test] 介紹: [http://briian.com/?p=9069 WebPagetest 網頁連線、載入速度測試工具（支援 30 測試點、16 種瀏覽器、測試手機版與桌面版網頁） | 重灌狂人] | |||
* [https://www.dareboost.com/en/home DareBoost - Website Performance and Quality Test Tool] 輸入網址可以測試網頁效能與內容品質。看摘要內容不需要註冊會員，關掉它的提示還是可以進行測試。{{access | date = 2015-04-11}} | |||
* Google 的 [https://web.dev/ web.dev] 服務提供效能、最佳實務建議、網頁親和力 ([[Accessibility]])、SEO (搜尋引擎最佳化) 等的評分與建議。範例報表: [https://lighthouse-dot-webdotdevsite.appspot.com/lh/html?url=https://www.google.com Lighthouse Report] {{access | date = 2018-11-15}} | |||
檔案壓縮 | 檔案壓縮 | ||
* [[Javascript]]: [http://jscompress.com/ JSCompress: Minify Javascript Online / Online JavaScript Compression] | * [[Javascript]]: [http://jscompress.com/ JSCompress: Minify Javascript Online / Online JavaScript Compression] | ||
* CSS: [https://cssminifier.com/ CSS Minifier], [http://csscompressor.com/ CSS Compressor] | * [[CSS_tools#CSS_.E6.AA.94.E6.A1.88.E5.A3.93.E7.B8.AE | CSS 檔案壓縮]]: [https://cssminifier.com/ CSS Minifier], [http://csscompressor.com/ CSS Compressor] | ||
* 圖檔: [http://optimizilla.com/zh/ 在线图片优化器] | * 圖檔: [http://optimizilla.com/zh/ 在线图片优化器] | ||
相關頁面 | |||
* [[Javascript#performance_issue:_compression_tools.2C_using_CDN | javascript 檔案壓縮或使用 CDN]] | |||
相關資料 | 相關資料 | ||
* [https://developers.google.com/speed/pagespeed/ PageSpeed Tools | Google Developers] | * [https://developers.google.com/speed/pagespeed/ PageSpeed Tools | Google Developers] | ||
[[Category:Web_Dev]] | [[Category:Web_Dev]] [[Category:Tool]] | ||