某科技公司內(nèi)部ppt企劃方案搜搜前端架構(gòu)與優(yōu)化-文庫吧在線文庫
【正文】 塊化拆分、合并? 動態(tài)載入壓縮數(shù)據(jù)量Minify:CSS JS? 工具– YUICompressor– Google Closure Compiler– Google PageSpeed? 去掉無用的樣式? 規(guī)劃、優(yōu)化 cookie? 依然會節(jié)省，即使有 gzipMinify html優(yōu)化圖片? 去掉額外的空白區(qū)域? 使用最優(yōu)的文件格式– JPG, 60 quality 32K – PNG8, 256 colors 37K – GIF, 256 colors 42K – PNG24 146K ? 使用 CSS代替圖片mozborderradius:4px。? 經(jīng)優(yōu)化的 PNG一般要比 GIF要小? 使用 Cache? 減少請求? 瀏覽器檢查是否是最新的? 通過 HTTP頭控制– Expires: Sat, 1 Jan 2023 20:00:00 GMT– CacheControl: maxage=31536000? 設(shè)置過期時間為未來的某個時刻Cache : 減少請求數(shù)加速請求? 無阻塞加載 JS? 分段輸出（搜索前、中、后）? 預(yù)加載（圖片、樣式、腳本，頁面片）? 按需加載腳本? 指定圖片尺寸，以免 reflow? Browscap / js / 條件注釋 /css hack架構(gòu)優(yōu)化心得體會? 毫秒必爭的心態(tài)? 不是聰明就
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1