網頁/瀏覽器效能常見名詞整理

這些名詞不止在 PageSpeed Insights, Lighthouse 等網頁速度分析工具常常看到。在 TCP、UDP與TLS協定、即時串流處理如視訊會議、直播等技術研究上都是很基本常用到的名次唷!

常見技術名詞

兩種不同的網頁呈現技術

  1. CSR(client-side rendering): 在瀏覽器端渲染。容易造成較慢的 LCP
  2. SSR(server-side rendering): 在服務器(server)端渲染。較快的 LCP 但是較快的 TTFB

每個階段的名詞,大致依時間順序排列

  1. REA(Request for Engineering Actions): 用戶請求瀏覽頁面的時間
  2. TTFB(Time to First Byte): 用戶發出 HTTP 請求到用戶端瀏覽器接收到頁面的第一個字節的持續時間
  3. FCP(First Contentful Paint): 用戶導航到頁面後瀏覽器呈現第一個元素(DOM)的時間
  4. LCP(Largest Contentful Paint): 顯示最大內容渲染所需時間,可反應出網站的讀取速度
  5. FID (First Input Delay):是指使用者與網頁頁面互動所需要的時間。 像是點擊連結、按鈕或是自定義的JavaScript控制元件等,反應網站互動體驗與速度的關係

其他:

  1. RTT(Round Trip Times): 從瀏覽器請求數據到拿到數據的時間
  2. TTL(Time To Live),指一個封包在經過一個路由器時還有多少「生存時間」,其實就是還可以被轉發處理多少次。 每個路由器在轉發ICMP 封包時,都會把IP Header 的TTL值會減1,如果TTL值已經到0,就代表TTL 已經到期,接著就會傳送錯誤訊息給原本發送的網路設備。

 

延伸閱讀

台灣電商適合用Shopify嗎?2021台灣品牌Shopify開店成功案例 

利用 Shopify 開啟你的全球商店 — 2021最新更新

可能適合您的服務

訂閱制維護服務 - 基礎版

推薦閱讀

Shopify 讓商家可以接受比特幣支付,這能為品牌商帶來什麼好處?
Shopify 讓商家可以接受比特幣支付,這能為品牌商帶來什麼好處?
比特幣是什麼? 比特幣(Bitcoin)是最早推出的虛擬貨幣(也稱加密貨幣),也是目前市值排名第一的虛擬貨幣。 這種虛擬貨幣不由中央銀行、政府機構所發行,只能使用電子(網路)方式進行交易、轉移、儲存,它只是一串代碼,並沒有實體,比特幣...
繼續閱讀
2022 年用 Shopify 建立一間網路商店/官網要多少錢?隱藏成本?開店費用總整理(上篇)
2022 年用 Shopify 建立一間網路商店/官網要多少錢?隱藏成本?開店費用總整理(上篇)
今年很多台灣電商品牌想以 Shopify 建站,Shopify 眾所周知的特色就是在設計及開發上有高度的自由、擴展性強,有成千上萬應用程式和佈景主題可以一鍵安裝到商店。但就像堆積木一樣,安裝越多功能就需要越高的費用,那 Shopify...
繼續閱讀
重點分享包:2021 台灣企業跨境關鍵報告發表會 - 貿易數據
重點分享包:2021 台灣企業跨境關鍵報告發表會 - 貿易數據
洞察海外潛力市場 如果您有經營跨境的數位電商、 平台或商務,那麼學習全球貿易數據的洞查將會是成功的關鍵之一。尤其以現況來說,在變種病毒的籠罩下,國際情勢每年每季每月都在變動中,也就是說各國的進口數據的變動會影響出口廠商的拓銷及行銷決策...
繼續閱讀