-
八、把JavaScript和CSS都放到外部文件中查看全部
-
七、避免在CSS中使用Expressions查看全部
-
六、將script放在頁面最下面查看全部
-
五、將CSS放在頁面最上面查看全部
-
四、啟用Gzip壓縮查看全部
-
三、添加Expire/Cache-Control頭查看全部
-
二、使用CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）查看全部
-
一、盡可能的減少HTTP的請求數(shù)查看全部
-
1、盡可能減少http請求（客戶端到服務(wù)端的請求消息）——圖片合并，js/css合并 2、使用CDN內(nèi)容分發(fā)網(wǎng)絡(luò)——添加服務(wù)器，使請求速度更快 3、添加expire/cache-control頭 expire頭的內(nèi)容是一個(gè)時(shí)間值，即資源在本地的過期時(shí)間，存在本地，當(dāng)時(shí)間還沒超過資源的過期時(shí)間，直接使用這個(gè)資源，不會(huì)發(fā)送http請求 cache-control，http協(xié)議中常用的頭部之一，負(fù)責(zé)控制頁面的緩存機(jī)制，如果指示緩存，內(nèi)容就會(huì)緩存在本地，即服務(wù)器在發(fā)送內(nèi)容的時(shí)候會(huì)添加一個(gè)過期時(shí)間值，瀏覽器據(jù)此判斷是否需要重新獲取。 4、使用Gzip壓縮——服務(wù)器先將文件壓縮再傳輸，瀏覽器收到文件后先解壓縮 5、css放在頁面head里 6、script放在body里最下面 7、避免使用css expression/表達(dá)式 8、將js/css作為外部文件引用：提高了復(fù)用性，減小了html頁面體積，提高了js/css可維護(hù)性；缺點(diǎn)：增加了http請求數(shù)， 寫在頁面內(nèi)：只應(yīng)用于一個(gè)頁面，不經(jīng)常被訪問，腳本和樣式很少。 9、減少DNS查詢——當(dāng)緩存時(shí)間長，減少DNS的重復(fù)查找，節(jié)省時(shí)間；當(dāng)緩存時(shí)間短，可以及時(shí)檢測網(wǎng)站服務(wù)器的變化，提高準(zhǔn)確性，ie緩存30min，chrome/firefox緩存60s， 單域/多域，采用幾個(gè)域名配置網(wǎng)站的資源最優(yōu)？ 10、最小化js和css——去除不必要的空格、格式符、注釋，簡寫方法名、函數(shù)名 11、避免重定向——原始請求被重新轉(zhuǎn)向了其他請求 http里重定向狀態(tài)碼——301 moved permanently用戶所請求的資源被移到了另外的位置，用戶端收到反饋后會(huì)再發(fā)起另外一個(gè)請求到新的位置去下載資源，永久重定向； 302 found用戶所請求的頁面被找到了但不在原始的位置，服務(wù)器會(huì)返回一個(gè)地址，用戶端同樣會(huì)發(fā)起另外一個(gè)請求去服務(wù)器返回的地址里下載所需資源，臨時(shí)重定向。 對用戶沒甚區(qū)別，對搜索引擎有區(qū)別。如果是301搜索引擎就會(huì)智能分析，刪除原地址記錄新地址，而302搜索殷勤無法智能分析，只能從原地址進(jìn)去新地址。 12、移除重復(fù)的腳本 13、配置實(shí)體標(biāo)簽——Entity Tag，屬于http協(xié)議，受web服務(wù)支持，使用特殊的字符串來表示請求資源的版本 14、使用ajax緩存——局部更新，離不開它！查看全部
-
00.查看全部
-
yahoo軍規(guī)查看全部
-
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>當(dāng)鼠標(biāo)移動(dòng)時(shí)，CSS 表達(dá)式計(jì)算了<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放在頂部查看全部
-
將樣式和腳本寫在頁面內(nèi)的情況查看全部
舉報(bào)
0/150
提交
取消