喂！我是 Wei

Front-End Engineer

Be a Problem Solver.

⌘K

導覽

所有文章緣起互動小功能

文章分類

目錄
先看完整流程1. 瀏覽器解析 URL2. 先檢查快取，不一定馬上打 server3. DNS 查詢：把 domain 轉成 IP4. 建立連線：TCP、TLS、HTTP 各自負責不同事5. 發送 HTTP Request6. Server / CDN 回傳 HTTP Response7. 解析 HTML，建立 DOM8. 解析 CSS，建立 CSSOM9. JavaScript 可能阻塞 HTML parsing10. 建立 Render Tree11. Layout：計算位置與大小12. Paint：把外觀畫出來13. Composite：合成最終畫面哪些地方最影響效能？常見追問一般重新整理和強制重新整理差在哪？preload、prefetch、preconnect 差在哪？Reflow、Repaint、Composite 怎麼分？CSS 和 JavaScript 到底誰阻塞誰？面試回答模板總結

相關文章

瀏覽器快取機制：Memory Cache、Disk Cache、Service Worker 與 PWA

2026年6月25日

前端 CI/CD 與正式環境除錯：從 Pull Request 到事故排查

2026年6月24日

即時資料怎麼選？Polling、SSE、WebSocket 比較

2026年6月23日

最新文章
全部 →
瀏覽器快取機制：Memory Cache、Disk Cache、Service Worker 與 PWA
2026-06-25
前端 CI/CD 與正式環境除錯：從 Pull Request 到事故排查
2026-06-24
即時資料怎麼選？Polling、SSE、WebSocket 比較
2026-06-23
前端系統設計：如何拆元件、資料流與大型專案架構？
2026-06-22
無障礙不是加 ARIA：語意化 HTML、鍵盤操作與焦點管理
2026-06-21