-
https://download-installer.cdn.mozilla.net/pub/firefox/releases/35.0/win32/zh-CN/Firefox%20Setup%2035.0.exe 下載火狐35.0版本，才支持yslow。現(xiàn)在最新版的無法運(yùn)行yslow Rulesets：(V2)=22個測試規(guī)則（V1）=13個測試規(guī)則 Small Site or Blog=14個測試規(guī)則 Grade:等級視圖 （ 包括好多優(yōu)化規(guī)則 ） 網(wǎng)頁評分（A->F等級依次降低）A最高（A到F的標(biāo)簽 綠色比較好的F是可以優(yōu)化的 ） Components:組件視圖，檢視各個元素占用空間大小 Statistics:統(tǒng)計信息視圖，與Components相似、表現(xiàn)形式不同更好點(diǎn) 第一次(empty cache)和再次打開(primed cache)有瀏覽器緩存的效果。 Tools: JSLint: 檢驗(yàn)JavaScript正確性 All JS: 展示網(wǎng)頁中使用的JS ALL JS Beautified: 將JS以可讀的方式展示 ALL JS Minified: 刪除換行、空格等，壓縮JS 最小化JS ALL CSS: 展示網(wǎng)頁中使用的CSS YUI CSS Compressor: 壓縮CSS ALL Smush.it: 優(yōu)化圖片的功能 實(shí)際上是一個網(wǎng)站。 （圖片在線優(yōu)化網(wǎng)站） Printable View: 將分析 打印成報告查看全部
-
get與post查看全部
-
YSlow（基于瀏覽器執(zhí)行），在firefork下執(zhí)行的最好 ·對網(wǎng)站進(jìn)行分析，給出優(yōu)化報告 · 1 安裝fireBug 2 YSlow查看全部
-
entity tag(實(shí)體標(biāo)簽) 屬于HTTP協(xié)議 受web服務(wù)支持 使用特殊的字符串 來標(biāo)識某個請求的資源版本 304 使用一種標(biāo)志表示一種資源是否做了修改，可以減少服務(wù)器的響應(yīng)，詳細(xì)點(diǎn)就是：瀏覽器想服務(wù)器要某種資源，服務(wù)器一看，判斷出了這種資源已經(jīng)給過瀏覽器了，并且在服務(wù)器端的也沒有變化，所以瀏覽器可以使用他自身就有的，然后告訴瀏覽器，瀏覽器回到自身找找，找到啦就用了，這樣瀏覽器和服務(wù)器之間會有對話不過不用服務(wù)器再重復(fù)的給瀏覽器資源了！ 配置試題標(biāo)簽Etag幫助服務(wù)器減輕負(fù)擔(dān)查看全部
-
12.移除重復(fù)的腳本 可以減少文件的大小，另外，就是可以避免出現(xiàn)未知的問題！查看全部
-
第十一，避免重定向 定義：原始請求被重新轉(zhuǎn)到了其他請求 301：被移動到另外位置（永久重定向）使搜索引擎智能,不需要從舊地址到新地址，刪除舊地址，直接到新地址 302：頁面被找到，但不在原始位置（臨時重定向）先到舊地址，再到新地址 重定向：重新請求下載資源，增加了http請求查看全部
-
最小化 JavaScript 和 CSS： 1、去除不必要的空白符、格式符、注釋符。 2、簡寫方法名、參數(shù)名，壓縮JS腳本。 壓縮 JavaScript 和 CSS 建議小伙伴們：在正式上線項(xiàng)目前，將 JavaScript 和 CSS 都進(jìn)行壓縮，使線上版本是最輕量級的，大幅提升網(wǎng)站性能。查看全部
-
減少DNS查詢： ·底層行為 ·定義：訪問網(wǎng)址，打開之前，轉(zhuǎn)換機(jī)制（ip地址），對應(yīng)網(wǎng)址； ·時間：20ms最少； ·如果同時很多查找過程，會影響速度；因此需要瀏覽器的緩存； ·IE30m，ff60s，chrome60s， ·緩存長：減少dns重復(fù)查找，節(jié)省時間； ·緩存短：及時檢測服務(wù)器的變化，保證正確性； 多域和單域： 多域： 不同資源放在不同的ip 單域： 所有資源放在一個IP查看全部
-
ICHAYA 8、JS,CSS都放在外部的文件中，單獨(dú)提取的好處 1：提高了JS和CSS的復(fù)用性； 2：減少了頁面的體積； 3：提高了JS和CSS的可維護(hù)性 缺點(diǎn)：增加請求數(shù)，可通過緩存優(yōu)化 js放在內(nèi)部的優(yōu)點(diǎn) 1：減少了頁面的請求數(shù)； 2：提升了頁面的渲染速度 css和js寫在頁面的情況： 1.只應(yīng)用于一個頁面 2.不經(jīng)常被訪問 3.腳本和樣式很少（少于20行）查看全部
-
避免在 CSS 中使用 Expressions CSS Expressions：頁面顯示和縮放、頁面滾動、移動鼠標(biāo)都要重新計算一次。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ie6/ie7才能執(zhí)行</title> <script type="text/javascript">/*ie6/ie7才能執(zhí)行*/ var i=0; function scare() { i++; document.getElementById("run").value=i; return; } </script> <style type="text/css"> ul a{width:expression(this.offsetWidth > 750 ? scare():scare());} </style> </head> <body> 當(dāng)移動鼠標(biāo)時，CSS Expression計算了<input id="run" />次 <ul> <li><a >aaa</a></li> <li><a >bbb</a></li> <li><a >ccc</a></li> </ul> </body> </html>查看全部
-
將script標(biāo)簽放在頁面底部 可以讓頁面內(nèi)容優(yōu)先呈現(xiàn)出來，而非先暴露script的bug 將Script放在頁面的最下面，因?yàn)闉g覽器加載和解釋網(wǎng)頁的順序是從左到右從上到下的，如果JavaScript代碼有死循環(huán)的問題，網(wǎng)頁可能是空白一片的，如果放在頁面的最下面即使如此，頁面也能展現(xiàn)出來，當(dāng)然這個問題最好避免！查看全部
-
css（層疊樣式表）：后面的樣式會覆蓋前面的，級別高的樣式會覆蓋級別低的樣式。 先加載css，放在頭部<head>提高渲染性能，避免頁面空白或者重繪。 IE：css放body底部，IE禁止了網(wǎng)頁內(nèi)容的順序顯示，低網(wǎng)速情況下導(dǎo)致空白 FF：不阻止顯示，但會導(dǎo)致閃爍重繪 解決：先加載css，放頭部<head>提高渲染性能，避免頁面空白或者重繪查看全部
-
使用Gzip壓縮 將資源在服務(wù)端口先進(jìn)行壓縮處理減小體積，然后在瀏覽器上在解壓縮解釋執(zhí)行！ ·把文件先壓縮，再傳輸 ·流程：原始79--本地壓縮--服務(wù)器端對已經(jīng)壓縮的再壓縮- ·優(yōu)點(diǎn)：提升文件傳輸速度；（在服務(wù)器端配置）查看全部
-
添加 Expire/Cache-Control 頭： expire頭的內(nèi)容是一個時間值，值就是資源在本地的過期時間、存在本地。在本地緩存階段，找到一個對應(yīng)的資源值，當(dāng)前時間還沒超過資源的過期時間，就直接使用這一個資源，不會發(fā)送 HTTP 請求。 cache-control：是http協(xié)議中常用的頭部之一，顧名思義，他是負(fù)責(zé)控制頁面的緩存機(jī)制，如果該頭部指示緩存，緩存的內(nèi)容也會存在本地，操作流程和expire相似，但也有不同的地方，cache-control有更多的選項(xiàng)，而且也有更多的處理方式。查看全部
-
CDN 內(nèi)容分發(fā)網(wǎng)絡(luò)》意思是盡可能避開互聯(lián)網(wǎng)上有可能影像數(shù)據(jù)傳輸和穩(wěn)定性的瓶頸和環(huán)節(jié)，使內(nèi)容傳輸?shù)母?，更穩(wěn)定。 更好地理解：在離你最近的地方，放置一臺性能好鏈接順暢的副本服務(wù)器，讓你能夠以最近的距離，最快的速度獲取內(nèi)容。 使用CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）前后對比 1.在沒有使用CDN時，需要經(jīng)過較多的節(jié)點(diǎn)才能訪問到目的地。 2.使用了CDN時，CDN服務(wù)器復(fù)制多個副本在你附近，這時候你訪問時經(jīng)過CDN服務(wù)器找到最佳節(jié)點(diǎn)訪問目的地，當(dāng)然這要購買CDN服務(wù)器，用金錢買性能 CDN:通過在網(wǎng)絡(luò)放置節(jié)點(diǎn)服務(wù)器，他是一個智能虛擬網(wǎng)絡(luò)，會根據(jù)數(shù)據(jù)流量，速度，負(fù)載量，訪問最近的節(jié)點(diǎn) 作用：解決網(wǎng)絡(luò)擁擠，提高網(wǎng)絡(luò)相應(yīng)速度。查看全部
舉報
0/150
提交
取消