Hexometer Website Analyzer 分析網站使用那些第三方服務或工具(Chrome、Firefox)

最後更新於 2020 年 07 月 07 日

通常一個網站背後是由許多的技術和服務組成,舉例來說,使用 WordPress 做為內容管理系統,再以 Cloudflare 加速並保護網站、對圖片進行分流,透過 Google Analytics 分析流量等資訊,搭配 Google AdSense 和 Google DFP 管理廣告和營利等等,雖然可以直接從原始碼得知網站可能使用那些技術,但也有更快速的查詢工具,像是 SimilarTechWhatRuns 都能立即顯示某個網站使用的第三方服務或程式庫。

本文要介紹的「Hexometer Website Analyzer」來自 Hexometer,是一個相當知名且獲得好評的網站分析服務,整合像是頁面分析、失效鏈結掃描、Meta 標籤分析、IP 及網域名稱查詢、網頁速度掃描、SSL 監測等等工具,Hexometer Website Analyzer & Ranker Tool 則是免費的瀏覽器擴充功能,支援 Google Chrome、Firefox,可以快速查詢某個網站評分(HX Rank)、使用的技術和服務、網域名稱和頁面元件。

當然像是 Hexometer Website Analyzer 這類工具主要都是想吸引使用者去使用他們的服務,但在不用付費的情況下依然可以透過 Hexometer 取得不少資訊,值得一提的是 Hexometer 除了會告訴你某個網站使用那些技術,也能知道該技術或服務被多少網站使用,市佔率也是考慮的因素之一,我認為對於網站管理者來說相當有用。此外,它可以分析頁面大小及相關檔案(CSS、JavaScript 和圖片)比例,若要最佳化網頁也會很有幫助。

Hexometer Website Analyzer & Ranker Tool
https://hexometer.com/

使用教學

STEP 1

Hexometer Website Analyzer & Ranker Tool 是瀏覽器外掛功能,可以從 Hexometer 官方網站找到下載鏈結,或是直接點選 Google ChromeFirefox 下載,安裝方式和一般外掛相同,不用註冊或登入帳戶就能使用外掛上的完整功能。

STEP 2

開啟要查詢的網站,點選右上角 Hexometer 圖示會開啟相關功能,第一個畫面是 HX Rank,也就是透過 Hexometer 演算法為每個網站計算出的數值,從幾個主要的分析參數得到的結果,不過數字通常是幫助我們最快看到成效的方法,實際上還是得從細節來探討有沒有任何的最佳化空間,有興趣可以在 Hexometer 網站獲得更多資訊。

STEP 3

切換到「Tech Stack」也就是網站使用那些技術或服務堆疊而成,會出現該頁面偵測到的第三方服務或技術,例如 Facebook、Cloudflare、Google Analytics 或 WordPress 等等。

點選某個服務或技術下方的鏈結後會回到 Hexometer 網站,在這裡會直接告訴你某個服務的市佔率高低,舉例來說,內容傳遞網路(CDN)佔比最高的是 Cloudflare,其次才是 Amazon Cloudfront 和 Fastly,當然這可以做為要選擇或更換服務的參考,使用人口比例越高,可能可以獲得更好的價格或技術支援,不過還是得評估自己的需求。

STEP 4

另外,在「Assets」部分會顯示該網頁目前的頁面大小、載入多少元件,還有 CSS、JavaScript 和圖片等等檔案分別有幾個,網站速度已經是目前搜尋引擎排序的重要指標,Google 也不斷提倡加快網站載入速度,在網頁檔案上就要嚴格控制,盡量讓網頁更輕巧就能有更好的速度表現。

在 Assets 最底下有個鏈結會回到 Hexometer,當然也是透過這家公司的查詢工具得出更多更細部的資訊,對於使用自適應網頁設計(RWD)的網站來說,Hexometer 會顯示在桌上型電腦、筆記型電腦和行動裝置的網頁呈現樣貌,而下方還會有開啟該網頁時會載入的相關檔案,這對於要降低頁面大小、加快網頁載入速度和找出用不到(或無法使用)的檔案來說很有用。

值得一試的三個理由:

  1. 透過 Hexometer 瀏覽器工具快速分析網頁相關資訊
  2. 可查詢網站使用那些第三方服務或技術,包括這些工具的市佔率
  3. 可以檢查頁面載入多少個檔案,例如 CSS、JavaScript 或圖片等等

 

相關的文章

Block Website Notification Requests 自動封鎖網站顯示通知請求(Chrome 擴充功能)

幾年前開始 Google Chrome、Firefox 等瀏覽器就加入「通知」功能,網站可透過使用者同意的權限推播桌面通知,但我一直覺得這個功能很惱人,特別是一進入網站就跳出的提示畫面,如果是線上應用(例如網頁版即時通訊軟體),我想通知有其必要,但大部分都被新聞網站或部落格拿來推送文章鏈結,我想這不應該是通知功能的本意吧!所以我從沒有考慮過在免費資源網路社群加進通知功能,也想幫大家省下點選封鎖通知的那一點時間。

開啟 Google Chrome 分頁凍結功能,自動暫停閒置分頁更節省記憶體

如果聊到大家平常都用那些網頁瀏覽器,答案不外乎是 Google Chrome、Firefox 或 Safari,在我的使用經驗裡 Google Chrome 算是各項表現最好的瀏覽器,Firefox 較節省系統資源,若是使用 macOS 那麼最省電的或許就是 Safari,不過 Safari 不像 Chrome 或 Firefox 有豐富的瀏覽器擴充功能(而且還不允許從第三方安裝外掛),操作上並不是那麼順手。當然 Google Chrome 最為人詬病的就是佔用太多記憶體,若系統資源寬裕的話就可以獲得較好的使用體驗。

Checker Plus for Gmail 網頁版必備外掛,郵件通知不用開網頁就能收發信

平常在桌上型電腦都是使用「郵件」應用程式收發 Email ,但在 MacBook 筆電因為考慮到硬碟容量和電池續航力等問題,就會選擇透過瀏覽器以 Gmail 或其他網頁版服務收信,這麼長時間以來倒也沒什麼狀況發生,唯一不太方便的是無法很即時收到新郵件通知,特別是在一次擁有很多信箱的情況下(我想大家應該都會有工作和私人用的 Email 地址),如果你和我一樣,可以透過擴充功能改善類似情境。

Firefox Private Network 火狐和 Cloudflare 攜手推免費 VPN 無流量限制

無論你是用 Google Chrome 或 Mozilla Firefox 瀏覽器,在擴充功能商店搜尋一下就有無數 VPN 外掛可以下載,對於要在上網時隱藏自己來源 IP、真實身分非常好用,也能輕鬆連上任何國家節點。幾年前 Opera 成為第一個在瀏覽器內建 VPN 功能的瀏覽器,讓使用者一鍵快速開關,選擇要連線的位置,除了強化隱私,也能達到加速甚至是節省流量的效果,更重要的是內建功能不用額外安裝,完全免費而且沒有流量限制。

Hide Likes Everywhere 隱藏臉書、IG 按讚愛心數,回歸最真實的分享(Chrome、Firefox)

最近 Instagram 正在測試一項全新設計,那就是將愛心數隱藏,未來有可能看不到貼文被多少人按過愛心,希望使用者回歸到單純分享的美好,而不是因為競爭而影響心理健康。印象中從很久以前 Facebook 就有討論過要移除按讚(Likes)功能,不過至今依然還是大家關注貼文熱門程度的指標,就我的使用經驗來說,愛心數確實會影響瀏覽貼文的意願,而且使用者之間也很容易互相比較,對於想單純閱讀貼文來說並沒有太多幫助。

回應