網易微專業-頁面架構 頁面優化

1、減少請求
圖片合并
CSS文件合并

2、減少文件大小
選擇合適的格式。壓縮圖片。
減小CSS文件大小：CSS值縮寫；省略值為0的數值；顏色值最短。
CSS選擇器合并
文件壓縮

3、頁面性能
加載順序
減少標簽數量
選擇器長度
避免耗性能屬性：如expression。
圖片設置寬高
盡量用CSS來實現表現

4、可讀性，可維護性
規范
語義化
盡量避免Hack
模塊化
注釋

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1贊 92
  • 網站優化離不開前后端的互相協作，但是對于前端工程師來說，在保證后端技術方案不變時，能不能只利用前端技術來優化網站呢...
    留七七閱讀 6,382評論 0贊 31
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,288評論 25贊 708
  • 失敗者本是無緣訴說，今寫一段瞎話，不求有心人引以為傲，應謹記于心明辨是非曲直。 1.軍訓 09年中考結束后，回到家...
    06a74085ad72閱讀 185評論 0贊 0
  • Hi, 好久不見。 其實并沒有好久，不過一周多一點而已。 你過得好不好？ 沒有見到你的原因，是你這周的周三到周五連...
    嫣然去雕飾閱讀 631評論 6贊 2