Difference between revisions of "Web Ping"

From LemonWiki共筆
Jump to navigation Jump to search
m (Reverted edits by 172.70.98.68 (talk) to last revision by Planetoid)
Tag: Rollback
Line 17: Line 17:
 
Thanks, Sara Alvarado
 
Thanks, Sara Alvarado
  
Hello
+
=== 分析網頁連線下載速度 ===
+
* {{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, 然後切換到「網路」標籤
YOU NEED QUALITY VISITORS FOR YOUR: planetoid.info ?
+
: http://farm3.static.flickr.com/2083/1776124036_800ff3441d_o.jpg
+
: Image hosted by [http://www.flickr.com/photos/planetoid/1776124036/ Flickr]
We Provide Website Traffic 100% safe for your site,  from Search Engines or Social Media Sites from any country you want.
+
 
With this traffic, you can boost ranking in SERP, SEO, profit from CPM
+
* [http://www.fiddler2.com/fiddler2/ Fiddler Web Debugger - A free web debugging tool]
+
: http://farm6.static.flickr.com/5213/5457161299_6410ae7c01.jpg
CLAIM YOUR 24 HOURS FREE TEST HERE=> [email protected].com
+
: Image hosted by [http://www.flickr.com/photos/planetoid/5457161299/in/photostream/ flickr]
+
 
Thanks, Kellie Sheil
+
* [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 ====
 +
追蹤瀏覽器提出的網站網址要求(ex: URL of AJAX JSON)
 +
* [http://www.fiddler2.com/fiddler2/ Fiddler Web Debugger - A free web debugging tool] for {{Win}}
 +
* [http://getfirebug.com/logging Firebug] for {{Fx}}
 +
* [http://www.httpwatch.com/ HttpWatch 8.5: Seamless HTTP monitoring for IE and Firefox] for {{IE}} & {{Fx}}
 +
* {{Chrome}} 工具 -> 開發人員工具 -> Network
 +
 
 +
==== 分析網頁連線下載速度,並提供網站開發者建議的服務或軟體 ====
 +
 
 +
* {{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#performance_issue:_compression_tools.2C_using_CDN | javascript 檔案壓縮或使用 CDN]]
 +
* [[CSS_tools#CSS_.E6.AA.94.E6.A1.88.E5.A3.93.E7.B8.AE | CSS 檔案壓縮]]
  
 
=== 觀察HTTP response status code(HTTP回應狀態代碼) ===
 
=== 觀察HTTP response status code(HTTP回應狀態代碼) ===

Revision as of 18:50, 23 August 2021

網站監測與網站連線測試,當網站臨時無法連線時,可以檢查是否是個別 ISP 或 網路環境造成的網路連線問題。 (Back to Network problem)

網站連線測試

Hello

YOU NEED HELP TO BUILD SEO LINKS FOR: planetoid.info ?

I just checked out your website, and wanted to find out if you need help for SEO Link Building ?

WE OFFER YOU THE BEST SEO STRATEGY FOR 2021.

Build an unlimited number of Backlinks and increase Traffic to your websites which will lead to a higher number of customers and much more sales for you.

If You Are Interested, I'm waiting for your response here => [email protected]


Thanks, Sara Alvarado

分析網頁連線下載速度

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

Monitor HTTP request

追蹤瀏覽器提出的網站網址要求(ex: URL of AJAX JSON)

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

相關頁面

觀察HTTP response status code(HTTP回應狀態代碼)

瀏覽網頁時,可以觀察該網頁或網頁內元件(例如嵌入圖檔或聲音)的HTTP response status code(HTTP回應狀態代碼)[1],例如404代表沒有該檔案。

  • Mozilla Firefox Firefox browser_firefox.png 內建的工具 -> 網頁開發者 -> 網頁主控台。快速鍵: Ctrl+Shift+k
    • filter: available
    • example as follows:
[23:14:47.836] GET https://www.google.com/ [HTTP/1.1 200 OK 10763ms]
[23:14:59.707] GET https://www.google.com/ig/cp/get?hl=zh-TW&gl=&authuser=0&bundleJs=0 [HTTP/1.1 304 Not Modified 1593ms]
  • Firebug for Firefox browser_firefox.png : 切換到「網路」標籤。快速鍵: F12
  • Google Chrome Browser chrome.png 內建的工具 -> 開發人員工具 -> 切換到「network」標籤。快速鍵: Ctrl+Shift+i
  • Live HTTP Headers for Firefox browser_firefox.png
  • curl on Linux Os linux.png or Mac icon_os_mac.png e.g. curl -v -o /dev/null https://www.slideshare.net [2]

DNS檢查

websites

other web ping: fifi(ping, tracert... tools.), lookup

tools

反查IP或網域

偵測使用的 CDN

偵測使用的 CDN (內容傳遞網路, Content Delivery Network或Content Distribution Network)

references

無法網路連線

  1. ping local IP
  2. ping Gateway
  3. check DNS...
  4. (optional) ping the IP of external website (有些機器會關閉ICMP ECHO,讓我們無法Ping到它)

distinguish which section met trouble

無法連線到網路的測試步驟

  • 檢查網站服務 for Linux Os linux.png
    • /etc/init.d/httpd status
    • /etc/init.d/mysqld status
  • 檢查本機端網站網頁是否能讀取
    • lynx 127.0.0.1
  • 檢查網站伺服器log
  • 從瀏覽器直接瀏覽網站網址
    • 透過命令列模擬瀏覽器瀏覽網站 e.g. curl -v -o /dev/null https://www.slideshare.net

網路連線發生不穩

如何看出哪一段線路慢了?

  • Windows: 開始 -> 執行 -> 輸入cmd (進入"命令提示字元")
  • (會顯示C:\某資料夾>)
請在閃爍游標處輸入 tracert web.domain.com (web.domain.com 改成想檢查的網站網址)
就可以看出是哪一段慢了,大家先作這個動作會有助於解決問題及增加回覆的速度喔

或者

請在閃爍游標處輸入 tracert web.domain.com > c:\result.txt
  • 當出現第二次C:\某資料夾> (如果網路連線不穩定, 會花費相當多時間)
代表已經將連線過程紀錄成功在 c:\result.txt
  • 請將這個文字檔寄給合適的網路管理員


參考資料

類似工具

GeoIP服務

Blog


伺服器主機資訊或採用的技術

20398159845_e4d74885dd_n.jpg
(image hosted by flickr)
  • Netcraft - Search Web by Domain 可查詢伺服器主機的OS、IP及上線時間(uptime)、採用的技術等資訊。
    • 使用方式: 線上輸入網址查詢或直接使用 bookmarklet
      javascript:location%20=%20'http://toolbar.netcraft.com/site_report?url='+escape(location);%20void%200
    • 介紹:
    • 查詢結果: e.g. Site report for techcrunch.com
  • https://beta.shodan.io/host/IP lists general information, web technologies & open ports of specificed IP e.g. https://beta.shodan.io/host/127.0.0.1
    • 使用方式: 修改上方網址 IP 處

伺服器主機上線時間(uptime)

伺服器啟用 HTTP 壓縮 (HTTP Compression)

檢查伺服器是否啟用 HTTP 壓縮 的服務

Benchmark

  • HTTP Archive 從 Alexa 取得前 100萬名的網站網址清單,分析其網頁載入時間、使用的JS、圖片、字型所需載入檔案大小。[Last visited: 2016-04-24]

伺服器啟用 HTTP/2

檢查伺服器是否啟用 HTTP/2

SSL Server Test

SSL 憑證測試

顯示 SSL 憑證資訊


追蹤網站內容更新或變化

追蹤網站內容更新的線上服務

references

further reading


Web site design and development process