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

這些名詞不止在 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最新更新

可能適合您的服務

訂閱制維護服務 - 基礎版

推薦閱讀

使用 Git 進行 Shopify 主題開發
使用 Git 進行 Shopify 主題開發
早期做 Shopify 主題開發(Theme Development)時,用的是 Shopify Admin 提供的 online code editor 來做簡單的業務需求,不過這樣不太適合做整個主題的更動。 然而令人興奮的是,Sh...
繼續閱讀
Shopify 讓商家可以接受比特幣支付,這能為品牌商帶來什麼好處?
Shopify 讓商家可以接受比特幣支付,這能為品牌商帶來什麼好處?
比特幣是什麼? 比特幣(Bitcoin)是最早推出的虛擬貨幣(也稱加密貨幣),也是目前市值排名第一的虛擬貨幣。 這種虛擬貨幣不由中央銀行、政府機構所發行,只能使用電子(網路)方式進行交易、轉移、儲存,它只是一串代碼,並沒有實體,比特幣...
繼續閱讀
2022 年用 Shopify 建立一間網路商店/官網要多少錢?隱藏成本?開店費用總整理(上篇)
2022 年用 Shopify 建立一間網路商店/官網要多少錢?隱藏成本?開店費用總整理(上篇)
今年很多台灣電商品牌想以 Shopify 建站,Shopify 眾所周知的特色就是在設計及開發上有高度的自由、擴展性強,有成千上萬應用程式和佈景主題可以一鍵安裝到商店。但就像堆積木一樣,安裝越多功能就需要越高的費用,那 Shopify...
繼續閱讀