-
八、把JavaScript和CSS都放到外部文件中查看全部
-
七、避免在CSS中使用Expressions查看全部
-
六、將script放在頁面最下面查看全部
-
五、將CSS放在頁面最上面查看全部
-
四、啟用Gzip壓縮查看全部
-
三、添加Expire/Cache-Control頭查看全部
-
二、使用CDN（內容分發網絡）查看全部
-
一、盡可能的減少HTTP的請求數查看全部
-
1、盡可能減少http請求（客戶端到服務端的請求消息）——圖片合并，js/css合并 2、使用CDN內容分發網絡——添加服務器，使請求速度更快 3、添加expire/cache-control頭 expire頭的內容是一個時間值，即資源在本地的過期時間，存在本地，當時間還沒超過資源的過期時間，直接使用這個資源，不會發送http請求 cache-control，http協議中常用的頭部之一，負責控制頁面的緩存機制，如果指示緩存，內容就會緩存在本地，即服務器在發送內容的時候會添加一個過期時間值，瀏覽器據此判斷是否需要重新獲取。 4、使用Gzip壓縮——服務器先將文件壓縮再傳輸，瀏覽器收到文件后先解壓縮 5、css放在頁面head里 6、script放在body里最下面 7、避免使用css expression/表達式 8、將js/css作為外部文件引用：提高了復用性，減小了html頁面體積，提高了js/css可維護性；缺點：增加了http請求數， 寫在頁面內：只應用于一個頁面，不經常被訪問，腳本和樣式很少。 9、減少DNS查詢——當緩存時間長，減少DNS的重復查找，節省時間；當緩存時間短，可以及時檢測網站服務器的變化，提高準確性，ie緩存30min，chrome/firefox緩存60s， 單域/多域，采用幾個域名配置網站的資源最優？ 10、最小化js和css——去除不必要的空格、格式符、注釋，簡寫方法名、函數名 11、避免重定向——原始請求被重新轉向了其他請求 http里重定向狀態碼——301 moved permanently用戶所請求的資源被移到了另外的位置，用戶端收到反饋后會再發起另外一個請求到新的位置去下載資源，永久重定向； 302 found用戶所請求的頁面被找到了但不在原始的位置，服務器會返回一個地址，用戶端同樣會發起另外一個請求去服務器返回的地址里下載所需資源，臨時重定向。 對用戶沒甚區別，對搜索引擎有區別。如果是301搜索引擎就會智能分析，刪除原地址記錄新地址，而302搜索殷勤無法智能分析，只能從原地址進去新地址。 12、移除重復的腳本 13、配置實體標簽——Entity Tag，屬于http協議，受web服務支持，使用特殊的字符串來表示請求資源的版本 14、使用ajax緩存——局部更新，離不開它！查看全部
-
00.查看全部
-
yahoo軍規查看全部
-
Yslow工具介紹查看全部
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> ul a { width: expression(this.offsetWidth > 750? add() : add()); } </style> </head> <body> <ul> <li><a href="#">Lorem ipsum dolor sit amet.</a></li> <li><a href="#">Lorem ipsum dolor sit amet.</a></li> <li><a href="#">Lorem ipsum dolor sit amet.</a></li> </ul> <p>當鼠標移動時，CSS 表達式計算了<b id="run"></b>次</p> <script type="text/javascript"> var i = 0; function add() { i++; document.getElementById('run').innerHTML = i; return; } </script> </body> </html>查看全部
-
將css放在頂部查看全部
-
將樣式和腳本寫在頁面內的情況查看全部
舉報
0/150
提交
取消