Web Ping: Difference between revisions

Jump to navigation Jump to search
2,201 bytes removed ,  20 December 2023
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回應狀態代碼) ===
Anonymous user

Navigation menu