讀書筆記-高效能網站建設指南（2007）

標籤：http   影響   不同的   使用   資料   適合   idt   程式猿   額外   

人的思維往往會進入一種誤區，認為“後面的”，“背後的”東西都是神秘的，偉大的影響力非凡的。所以很多書以“某某內幕”為題，很多程式猿以精通“底層開發”或“後端開發”為榮；同樣的當網站出現問題時，我們第一時間想到的也是如何最佳化“後端”。但這並不一定就是正確的，也許從前端入手，改善效能，將事半功倍。

緒言A：前端效能的重要性

在請求指令碼時不會發生並行請求。這是因為在多數情況下，瀏覽器在下載指令碼時會阻塞額外的HTTP請求。

效能黃金法則：只有10%~20%的終端使用者回應時間花在了下載HTML文檔上，其餘的80%~90%時間花在了下載頁面中的所有組件上。

緒言B：HTTP概述

第一章：減少HTTP請求

使用圖片地圖（Image Map）在一個圖片上關聯多個URL，從而減少HTTP請求次數（缺點需要手工定義圖片上的地區座標）
CSS Spirites：將多付圖片合并為一副單獨的圖片。

<div style="background-image: url(‘a_lot_of_sprites.gif‘); background-position: -260px -90px; width: 26px; height: 24px;"></div>

圖片地圖的圖片必須是連續的，而CSS Sprites則沒有這個限制。（合并的圖片會比分離的圖片的綜合要小，因為它降低了圖片本身的開銷（顏色表，格式資訊等等））
內聯圖片：data：URL模式，將資料內聯在其URL自身之中，適合小塊資料。data: URL是內聯在頁面中的，在跨越不同的頁面時不會被緩衝。聰明的做法是使用CSS
並將內聯圖片作為背景。將該CSS規則放在外部的樣式表中，這意味著資料可以緩衝在樣式表內部。
TBC

讀書筆記-高效能網站建設指南（2007）