Tags: Mobile edit Mobile web edit |
|
| Line 89: |
Line 89: |
|
| |
|
| === 分析網頁連線下載速度 === | | === 分析網頁連線下載速度 === |
| * {{Gd}} [http://developer.yahoo.com/yslow/ Yahoo! YSlow] + [http://www.getfirebug.com/ Firebug] for {{Fx}}: [http://www.getfirebug.com/net.html Firebug and Network Monitoring] (說明: [http://briian.com/?p=5526 Firebug 幫網頁稱重量、測速度，抓出拖慢網站的元兇！ 【重灌狂人】])操作方式: 按{{kbd | key=F12}} 啟動Firebug, 然後切換到「網路」標籤
| | 分析網頁連線下載速度，並提供網站開發者建議的服務或軟體 |
| : http://farm3.static.flickr.com/2083/1776124036_800ff3441d_o.jpg
| | [[Optimize webpage speed]] |
| : Image hosted by [http://www.flickr.com/photos/planetoid/1776124036/ Flickr]
| |
| | |
| * [http://www.fiddler2.com/fiddler2/ Fiddler Web Debugger - A free web debugging tool]
| |
| : http://farm6.static.flickr.com/5213/5457161299_6410ae7c01.jpg
| |
| : Image hosted by [http://www.flickr.com/photos/planetoid/5457161299/in/photostream/ flickr]
| |
| | |
| * [http://www.httpwatch.com/ HttpWatch: An HTTP Viewer and HTTP Sniffer] for {{IE}} 6 & 7 & {{Fx}}
| |
| ** 介紹: [http://steachs.com/archives/1450 網頁診斷工具【HttpWatch Basic Edition】即時分析網頁瀏覽數據 for IE、Firefox]
| |
| | |
| * [https://addons.mozilla.org/en-US/firefox/addon/httpfox/ HttpFox][http://code.google.com/p/httpfox/] An HTTP analyzer addon for {{Fx}}
| |
| | |
| * [http://tools.pingdom.com/fpt/ Pingdom Tools]([http://www.flickr.com/photos/planetoid/5096188393/ 圖例]): (a)測試網頁各元件載入時間(Full page test)，圖形化呈現載入時間長短，藉此觀察網頁效能、 (b)以及從Pingdom Tools網站到目標網站的連線檢查(Ping、trace route)
| |
| | |
| * [http://webwait.com/ WebWait - Benchmark Your Website] 網頁下載計時器
| |
| | |
| * [http://www.websiteoptimization.com/ Web Site Optimization: Speed Up Your Site website opion web speed optimize web site performance company] --> Web Page Analyzer
| |
| | |
| * [https://chrome.google.com/extensions/detail/ognampngfcbddbfemdapefohjiobgbdl Speed Tracer (by Google)] for {{Chrome}}
| |
| | |
| * [http://www.webpagetest.org/ WebPagetest - Website Performance and Optimization Test]
| |
| | |
| * [https://www.giftofspeed.com/ Test & Optimize Website Speed - GiftOfSpeed] 可以選擇從荷蘭、美國、英國、新加坡、德國其中一處連線測試。測試結果包含不同網頁元件下載所需時間。{{access | date = 2016-07-28}}
| |
|
| |
|
| ==== Monitor HTTP request ====
| | === Monitor HTTP request === |
| 追蹤瀏覽器提出的網站網址要求(ex: URL of AJAX JSON) | | 追蹤瀏覽器提出的網站網址要求(ex: URL of AJAX JSON) |
| * [http://www.fiddler2.com/fiddler2/ Fiddler Web Debugger - A free web debugging tool] for {{Win}} | | * [http://www.fiddler2.com/fiddler2/ Fiddler Web Debugger - A free web debugging tool] for {{Win}} |
| Line 120: |
Line 98: |
| * [http://www.httpwatch.com/ HttpWatch 8.5: Seamless HTTP monitoring for IE and Firefox] for {{IE}} & {{Fx}} | | * [http://www.httpwatch.com/ HttpWatch 8.5: Seamless HTTP monitoring for IE and Firefox] for {{IE}} & {{Fx}} |
| * {{Chrome}} 工具 -> 開發人員工具 -> Network | | * {{Chrome}} 工具 -> 開發人員工具 -> Network |
|
| |
| ==== 分析網頁連線下載速度，並提供網站開發者建議的服務或軟體 ====
| |
| [[Optimize webpage speed]]
| |
|
| |
|
| === 觀察HTTP response status code(HTTP回應狀態代碼) === | | === 觀察HTTP response status code(HTTP回應狀態代碼) === |