1.盡可能減少http請求(文字,(css sprite),css,js)--->需要了解http1和http2的區別
2.使用cdn(內容分發網路)(每台副本伺服器都需要一定的成本,從硬體上)
3.增加expire/cache-control頭(設定過期的時間,存在客戶端的快取中,可以採用cookie或web storage)
4.啟動gzip壓縮(即在伺服器壓縮) -->node有gzip模組,了解gzip
5.將css放在頁面最上面(避免頁面因為速度慢出現空白和閃爍的問題,讓頁面先渲染)
6.將js放在頁面最下面(避免js**出現死迴圈等錯誤而影響到頁面的渲染)
7.避免在css中使用expressions(css表示式)
8.將js和css外部引用(看情況)
9.減少dns查詢
10.壓縮js和css
11.避免使用重定向(特別是302)
12.移除重複的指令碼
13.配置實體標籤(etag)
14.使用ajax快取
另:可以使用在火狐瀏覽器上安裝yslow工具進行網頁的效能分析
if ("你對我感興趣")
else
筆記 我理解到的前端效能優化之14條軍規
儘量減少http請求,所以有些公司會把js,css寫在內部 使用cdn內容分發網路 content delivery network,比如北京的使用者訪問北京的伺服器,杭州的使用者訪問杭州伺服器 啟用gzip壓縮,將 在伺服器端壓縮,傳送到瀏覽器以後再解壓縮 css訪問檔案最前面,因為部分瀏覽器在c...
前端效能優化 14 條規則
前端優化的 準則指導著前端頁面的優化策略 只有10 20 的終端使用者響應時間花在接受請求的html文件上,剩下的80 90 時間花在為html文件所引用的所有元件 指令碼 樣式表等 進行的http請求上。因此,改善響應時間的最簡單途徑就是減少元件的數量,並由此減少http請求的數量。當然很多人就會...
效能提公升的14條規則(九)
規則9 減少dns查詢 internet是通過ip位址來查詢伺服器的。由於ip位址很難記憶,通常使用包含主機名的urllai 來取代它,但當瀏覽器傳送其請求時,ip位址仍然是必需的。這就是domain name system dns 所處的角色。dns將主機名對映到ip位址上,就像 本將人名對映到他...