前端網頁最佳化

標籤：figure   sts   blog   style   form   script   ons   html   etag   

https://developer.yahoo.com/performance/rules.html

第一條、儘可能的減少 HTTP 的請求數 （Make Fewer HTTP Requests ）

第二條、使用CDN（內容分髮網絡）: Use a Content Delivery Network

第三條、 添加Expire/Cache-Control 頭：Add an Expires Header

第四條、啟用Gzip壓縮：Gzip Components

第五條、將css放在頁面最上面 （ Put Stylesheets at the Top） 第六條、將script放在頁面最下面 （Put Scripts at the Bottom ）

第七條、避免在CSS中使用Expressions （Avoid CSS Expressions ）

第八條、把javascript和css都放到外部檔案中 （Make JavaScript and CSS External ）

第九條、減少DNS查詢 (Reduce DNS Lookups)

第十條、壓縮 JavaScript 和 CSS (Minify JavaScript and CSS)

第十一條、避免重新導向 (Avoid Redirects )

第十二條、移除重複的指令碼 (Remove Duplicate Scripts )

第十三條、配置實體標籤（ETags） (Configure ETags )

第十四條、使 AJAX 緩衝 (Make Ajax Cacheable )

前端網頁最佳化