1. css置頂，js置底：原因是瀏覽器是從上到下渲染的
2. 精靈合併
3. chrome瀏覽器gzip壓縮後傳送
4. cache-control和expires合理設定
5. keep-alive合理使用：connection: keep-alive keep-alive:timeout=20
6. if-modified-since和last-modified配合判斷檔案是否修改（檔案修改時間）
7. if-none-match和etag配合判斷檔案是否修改（一般是檔名或內容）
8. less和jsx等檔案盡量在打包時解析
9. 壓縮或減少cookie
10.chrome上使用webp替代jpg等格式
11.打包時合併部分css和js檔案
12.適當使用ajax快取
13.盡量不要用table布局
14.按需延遲載入js和css等資源檔案，元件化思想，相關工具有requirejs等
15.懶載入和預載入結合：懶載入就是不要一開始就載入所有（滾動滾動條時再載入，一般用在有大量的頁面），預載入就是這個我還沒有看就預先載入該（一般用在一張張**翻看的相簿中）
16.移動頁面不建議使用jquery
17.盡量少的重定向
18.盡量不要在樣式中使用expression
未完待續...
Web效能優化之Apache篇
本篇為apache伺服器的效能優化筆記,記錄了優化的點滴.一直以來,實現強制https的方法是使用apache的rewrite模組來進行重定向,這樣存在幾個問題,第一是效能問題,第二是可能遇到不支援https的客戶端 等等 避免這種跳轉,我們可以用hsts策略,就是告訴瀏覽器,以後訪問我這個站點,必...
效能測試之Web篇
piaocl 關鍵字 效能測試，web測試 摘要 隨著網路世界的迅猛發展，的效能變得日益重要，效能不好的 將被使用者所拋棄。所以效能是使用者對軟體系統是否滿意的乙個重要方面。本文將對什麼是效能，如何測試效能等方面進行論述。那麼效能是什麼呢，效能是特定功能占用的時間和資源。他可以是功能的開銷或者是同步...
效能測試之效能優化篇
系統上線必會經歷測試階段，功能測試我們可以按照產品的設計原型去執行一條條測試用例來覆蓋產品功能點。但是在功能測試之外，如果乙個使用者介面層服務，我們還需要知道服務的效能指標以了解並評估這個服務在實際的生產環境中可以應對多大壓力，我們可以根據這個資料情況根據不用的場景時間去對應的增加機器節點或進行重構...