> 1. 如何讓網絡請求更快? / 如何讓瀏覽器訪問頁面打開更塊 --- 目的: 優化能夠讓頁面加載得更快、對用戶的操作響應得更及時，能夠給用戶提供更為友好的體驗。減少服務器被訪問的資源, 客觀減少成本 可參考: 雅虎35條軍規:[https://www.cnblogs.com/xianyulaodi/p/5755079.html](https://www.cnblogs.com/xianyulaodi/p/5755079.html) 太多, 而且有的不太用的到的, 我分模塊總結了一下, 包括過時的 1. 文件加載部分 * 使用雪碧圖 和 字體圖標, 代替圖片文件, 減少http請求次數 * 這是錯誤的, 因為現在HTTP協議1.1會復用之前的TCP鏈接, 當然前提需要后臺支持才可以), 不會帶來更多的開銷 具體引用文章: [https://segmentfault.com/a/1190000015665465](https://segmentfault.com/a/1190000015665465) * 假如不支持復用, 合并也不要過分, 因為瀏覽器會并發執行http請求(注意每個瀏覽器并發的http請求數量也是不一樣的) * 圖片盡量采用base64加載, 錯誤, base64會加大圖片的所占體積 * 樣式加載, 盡量和html在同一個文件內, 不要去拆分到不同的網站中, 不要使用iframe 2. 代碼部分 * 預加載/按需加載 -> 大量圖片使用預加載方式, 每次多請求下一頁的圖片, 在內存中, 用戶刷新可以馬上顯示. * 減少DOM的操作 * 公共代碼提取出來, 進行模塊化開發, 避免代碼被重復加載 * 用更少的代碼, 開發出相同的功能 * 代碼壓縮, 語法混淆. * 不要使用系統的彈窗, 阻塞頁面 * 盡量不要使用eval * 如果是框架, 可以考慮路由懶加載 * 減少監聽器, 使用事件委托 * css避免使用過濾器 3. 緩存部分 * 用內存來保存值/cookie/storage, 如果變量值不存在, 再去服務器獲取, 減少服務器壓力, 提高前端頁面加載速度 * CDN加速, 讓用戶就近訪問自己需要的資源, 加快響應速度 * Ajax的get方式, 是可以緩存的 > 2. 什么是CDN? --- 內容分發網絡 CDN（Content Deliver Network）是一組分布在多個不同地理位置的Web服務器，通過將網站的資源發布到最接近用戶的網絡”邊緣“，供用戶就近取得所需內容。CDN可以看作一種緩存代理，主要用于對靜態資源（如圖片，css，js等）的緩存