前段優化

avoid empty image Src

避免將img的src屬性設置爲空白
Make favicon.ico Small and Cacheable
用更小的而且可緩存的 favicon.ico

keep Components under 25k
 保持單個內容小於25K

Pack Components into a Multipart Document
打包組件成複合文本

Make Fewer Http Requests
儘量減小HTTP請求數

CDN
使用CDN

Add Expires or  Cache-Control Header
增長Expires Header  Add an Expires Header

Reduce DNS Lookups
減小DNS查詢 DNS域名解析系統

Put Stylesheets at Top
在頂部放置樣式定義

Put Scripts at Bottom
在文檔底部放置腳本定義或引用

Avoid CSS Expressions
避免使用CSS中的Expressions

Make JavaScript and CSS External
將腳本文件和樣式表做爲外部文件引用

Avoid Redirects
避免重定向
Minify JavaScript and CSS
最小化JAVASCRIPT和CSS
Remove Duplicate Scripts
除重複的腳本,不光是文件,甚至是同功能的函數

Configure ETags
配置ETags

Make Ajax Cacheable
使AJAX調用盡量利用緩存特性

Flush the Buffer early
儘量早地發送緩衝區內容

User Get for AJAX Requests
爲AJAX請求使用GET方法
Post-load Components
延遲或按需加載內容

Preload Components
預加載組件

No 404s
不要出現404頁面

Reduce the Number of Dom Elements
減小DOM元素數量

Spilt Components Acorss Domains
跨域分離組件

Minimize the Number of iframes
減小iframe數量 須要更有效的利用ifames

Reduce Cookie Size
減少Cookie Cookie

Use Cokkie-free Domains for Components
對組件使用無Cookie的域名

Develop Smart Event Handlers
設計「智能」的事件處理程序

Don't Scale Images in HTML
不要在 HTML 中使用縮放圖片
Minimize DOM Access
減小DOM的訪問次數

Choose over@import
 @import使用< link >而非@import

Avoid Filters
避免過濾器的使用

Optimize  Images
優化圖片

Optimize CSS  Sprites優化CSS Sprites