優化網站訪問速度：[1]前臺代碼篇?

從前臺代碼入手，優化提高網站的訪問速度。

方法/步驟

使用瀏覽器緩存

在HTTP headers設置有效日期可使瀏覽器優先從本地硬盤而不是從網絡下載資源。

啟用GZIP壓縮

啟用gzip或deflate壓縮資源可以減少網絡傳輸的字節數

將圖片合併為CSS貼圖

使用CSS sprites合併圖片可減少下載資源，從而減少網頁總體積。把多個圖片合成一個圖片，然後利用css取圖片的不同位置。

優化CSS代碼、JavaScript代碼

通過壓縮技術優化CSS代碼、JavaScript代碼可以減少體積，從而減少網絡傳輸的字節數。這個東西說白了就是把css與js文件中無用的空格跟回車等刪除。網上有很多壓縮工具。

優化圖片

使用適當的格式化圖片可以減少圖片的字節數

指定“Vary: Accept-Encoding”標頭

告訴代理服務器緩存兩種版本的資源：壓縮和非壓縮，這有助於避免一些公共代理不能正確地檢測Content-Encoding標頭的問題。

指定字符集

在網頁的頭部分增加字符集，瀏覽器解析的時候會直接按照指定字符集進行解析，加快了網頁的解析速度。如：

合併CSS、JavaScript

減少CSS、javascript請求數可以減少資源連接，從而節省資源下載時間。

避免在 CSS 中使用 @import

在css文件裡內嵌css會在網頁加載時產生額外的延遲。

去除錯誤的請求

錯誤的請求會增加額外的請求時間，應儘量避免。

指定圖片大小

指定圖片大小可以消除不必要的重繪，從而提高傳送速度。