Back-End
- 使用Nignx做轉(zhuǎn)發(fā)
- 負載均衡
- 限制對于資源路徑的訪問
- 對靜態(tài)資源自啟動開啟GZip壓縮
- 配合分布式服務(wù)器架構(gòu)
- Redis皮璧，Vamish做緩存
- 減少對數(shù)據(jù)庫層面的讀寫操作
- 緩存靜態(tài)數(shù)據(jù)笼平，配置，資源
- 并發(fā)量大時豆巨，減少服務(wù)器壓力
- 字段加密，字段壓縮
- 靜態(tài)資源分離，發(fā)布自動化
Front-End
- JS CSS文件極簡化哄辣，減少文件大小
- 真正意義上將樣式吐根，配置邏輯embed到頁面中正歼，從而減少http請求
- 圖片的壓縮，靜態(tài)資源CDN化
- WebP格式（Web圖片格式的未來趨勢）
- 視圖層使用js模板拷橘，或者完整的View框架（React）局义，以Lazyload的形式分塊加載
- CSS JS選擇器ID化
- PC站點和移動端完全分開，拒絕響應(yīng)式
- 基本沒有大公司選擇用響應(yīng)式
- 多余的HTML結(jié)構(gòu)和CSS樣式
- 同樣的圖片需要兩套
- 沒人閑的蛋疼去縮放屏幕
- 兩套事件綁定
- 資源體積文件過大冗疮，不利于優(yōu)化
- 使用LocalStorage萄唇，存儲用戶狀態(tài)，組件狀態(tài)赌厅，非JS或者模板
- 給視圖根本元素定義固定的Height和Width
- DNS網(wǎng)絡(luò)解析加速穷绵，利用好站長工具
