1.壓縮
這個給個超級壓縮**質量基本不變，能少一半大小。
可以通過減少 quality的方式，比如100%的quality與80%的quality,使用者感觀上基本一樣，但是體積卻可以減少30%以上
2. 延遲載入 lazyload。其次是延遲載入，特別是內容站建議不要一次性載入所有，載入顯示區域必要的即可。這裡我使用的是lazyload。
$("img.lazy").lazyload();
3.合併資源
合併資源包括和css、js，如果是wordpress，可以使用autoptimize外掛程式自動合併css成乙個，其他框架請執行尋找，4. **靜態化關於合併推薦乙個texture packer工具，這個工具本來是遊戲合併的，也有css合併功能，請自己去嘗試！合併好的也可以使用以上**去壓縮。
動靜分離，靜態使用mod_rewrite 快取模式，速度更快，還要選擇壓縮html檔案
5. cdn
網頁站點加速守則
簡述 如何讓我們站點更快速呢 原文出處 這裡做一下筆記先不做深入1.never expire cache control 如果使用永不過期，那在每一次更新元件時，都需要變更檔名稱 比如原來是a 1.0.0.js,更新之後變為a 1.0.1.js 2.使用gzip 在scripts 和styleshe...
網頁加速系列（六） 網頁加速之高階下篇
網頁加速系列 六 網頁加速之高階下篇 本文可參考以下 六 網頁加速之高階下篇 很明顯，上面的 中缺少三個結束標記。但是這並不妨礙它的正確執行。在html中，這樣的標記還有一些，例如frame img和p。可是請不要偷懶，請將結束標記寫完整，這樣做不僅使html 格式規範，更可以加速頁面的顯示速度。因...
網頁寬度自動調整響應式網頁
1.允許網頁寬度自動調整 自適應網頁設計 到底是怎麼做到的？其實並不難。首先，在網頁 的頭部，加入一行viewport元標籤。viewport是網頁預設的寬度和高度，上面這行 的意思是，網頁寬度預設等於螢幕寬度 width device width 原始縮放比例 initial scale 1 為1...