HTML效能提升第一步:首頁14kb規則
Web效能提升技巧:14kb規則,也稱為首頁14kb規則,首頁html大小不超過14kb。當然如果啟動了伺服器端壓縮,應該是壓縮後的14kb。
當使用者開啟網頁時,收到的HTML的第一個TCP塊為14kb。這是由於TCP慢啟動演算法為平衡傳輸速度所導致的。小的HTML檔案可幫助瀏覽器在接收到第一個塊時就能開始解析。確切地說,在前14kb中包含足夠的資料將使頁面的渲染速度更快。
以下來自mozilla.org官方文件TCP慢啟動/ 14kb規則:
第一個響應資料包將為14Kb。這是TCP慢啟動的一部分,TCP慢啟動是一種平衡網路連線速度的演算法。緩慢啟動會逐漸增加傳輸的資料量,直到可以確定網路的最大頻寬為止。
在TCP慢啟動中,伺服器在收到初始資料包後,將下一個資料包的大小加倍,達到28Kb。後續資料包的大小會增加,直到達到預定閾值或出現擁塞為止。
如果您聽說過初始頁面載入的14Kb規則,則TCP緩慢啟動演算法是導致初始響應必須為14Kb的原因,並且知道:為什麼Web效能最佳化需要在考慮首頁14Kb響應這點上進行重點最佳化,TCP緩慢啟動演算法為了避免擁塞只能逐步建立適合當前網路功能的傳輸速度。
相關文章
- 淺談網頁基本效能優化規則小結網頁優化
- HTML <meter> 顏色規則HTML
- html的巢狀規則HTML巢狀
- 高效能web建站規則(將js放在頁面底部)WebJS
- 網頁設計:淺談網頁基本效能最佳化規則小結網頁
- HTML標籤巢狀規則HTML巢狀
- 網頁效能 CaseStudy:以 PressOne 首頁為例網頁
- 設為首頁程式碼(html原始碼)HTML原始碼
- Html 標籤的巢狀規則HTML巢狀
- html標籤的巢狀規則HTML巢狀
- Vue首頁效能優化之gzipVue優化
- Web 的現狀:網頁效能提升指南Web網頁
- Java開發規範(效能提升)更新中Java
- 網頁設計的80/20規則(二八法則)網頁
- 遵循這些原則,提升Apple Ads效能APP
- HTML5 pattern自定義驗證規則HTML
- HTML網頁基本標籤的塊級、行級元素,特殊字元的巢狀規則HTML網頁字元巢狀
- 提升現代web app中的頁面效能WebAPP
- bootstrap實現的線上教育網站首頁、頻道頁html模板boot網站HTML
- nginx訪問預設index.html首頁跳轉指定頁面NginxIndexHTML
- 京東微信購物首頁效能優化實踐優化
- 編寫高效能HTML網頁應用HTML網頁
- MongoDB 提升效能的18原則(開發設計階段)MongoDB
- jQuery Mobile仿360首頁,jQuery Mobile網格佈局,jQuery Mobile網址大全,HTML5仿360首頁jQueryHTML
- 凶猛的網頁內容抓取規則配置工具網頁
- Oracle11gR2 效能KPI 定義規則OracleKPI
- 使用IPSec策略和規則提升網路安全性(二)
- 【HTML】有利於SEO的DIV+CSS的命名規則HTMLCSS
- React多頁面應用3(webpack效能提升,包括打包效能、提取公共包等)ReactWeb
- OpenGL 4.5規範標準釋出,大大提升API效能!API
- 我對請求做了個效能小最佳化,提升了50%的頁面效能
- HTML基本語法和語義寫法規則與例項HTML
- 提升html訪問速度HTML
- 用HTML+CSS編寫一個計科院網站首頁的靜態網頁HTMLCSS網站網頁
- 再談雅虎關於效能優化的 N 條規則優化
- 再談Yahoo關於效能優化的N條規則優化
- 【java規則引擎】之規則引擎解釋Java
- 正則匹配規則2