規則3——新增expires頭
在設計web頁面的時候，首次訪問的響應時間並不是唯一需要考慮的。如果是這樣的話，我們可以將規則1發揮到極致，並且不再頁面上放置任何、指令碼和樣式表。然而，我們都知道，、指令碼和樣式表能夠加強使用者體驗，儘管這意味著頁面需要花更長的時間進行載入。這一章介紹的規則3展示了如何配置元件，使其能夠最大化的利用瀏覽器的快取能力來改善頁面的效能。
現在的web頁面都包含了大量元件，並且數量在不斷增長。頁面的初訪者會進行很多http請求，但通過使用乙個長久的expires頭，使這些元件可以被快取。這會在後續的頁面瀏覽中避免不必要的http請求。長久的expires頭最常用於，但應該將其用在所有元件上，包括指令碼、樣式表和flash。很多頂級**現在都還沒有做到這一點。
expires頭
瀏覽器（和**）使用快取來減少http請求的數量，並減小http響應的大小，使web頁面載入的更快。web伺服器使用expires頭來告訴web客戶端它可以使用乙個元件的當前副本，直到指定的時間為止。http規範中簡要的稱該頭為「在這一日期/時間之後，響應將被認為是無效的」。
max-age和mod_expires
在解釋快取如何很好地改善傳輸效能之前，需要提及除了expires頭之外的另一種選擇。http1.1引入了cache-control頭來克服expires頭限制。因為expires頭使用乙個特定的時間，它要求伺服器和客戶端的時鐘樣同步。另外，過期日期需要經產後檢查，並且一旦未來這一天到來了，還需要在伺服器配置中提供乙個新的日期。
換一種方式，cache-control使用max-age指令指定元件被快取多久。它以秒為單位定義了乙個更新窗。如從元件被請求開始過去的秒數少於max-age，瀏覽器就使用快取的版本，這就避免了額外的http請求。
使用帶有max-age的cache-control可以消除expires的限制，但對於不支援http1.1的瀏覽器（儘管這只佔你的訪問量的1%以內），你可能仍然希望提供expires頭，你可以同時指定這兩個響應頭——expires和cache-control max-age。如果你很盡職盡責，你仍然需要擔心expires帶來的時鐘同步和配置維護問題。
效能提公升的14條規則（九）
規則9 減少dns查詢 internet是通過ip位址來查詢伺服器的。由於ip位址很難記憶，通常使用包含主機名的urllai 來取代它，但當瀏覽器傳送其請求時，ip位址仍然是必需的。這就是domain name system dns 所處的角色。dns將主機名對映到ip位址上，就像 本將人名對映到他...
前端效能優化 14 條規則
前端優化的 準則指導著前端頁面的優化策略 只有10 20 的終端使用者響應時間花在接受請求的html文件上，剩下的80 90 時間花在為html文件所引用的所有元件 指令碼 樣式表等 進行的http請求上。因此，改善響應時間的最簡單途徑就是減少元件的數量，並由此減少http請求的數量。當然很多人就會...
Web前端效能優化的14條規則
部落格分類 web前端測試 1.減少http請求 條件get請求每次都會產生乙個304的請求 4.壓縮元件 在server端對response資源進行壓縮再傳給瀏覽器,一般使用gzip 5.將css放再頂部 能加快頁面內容顯示,並且能避免頁面產生白屏 6.將js放在底部 7.避免css表示式 8.將...