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