-
一、什么是http請求: 定義:從客戶端到服務器端的請求消息,包括消息首行中,對資源的請求方法的資源的標識符及使用的協議。 理解:當你打開網頁的時候,你所看到的文字、圖片、多媒體等等,這一切內容,都是你從服務器獲取的,每一個內容的獲取,就是一個http請求。查看全部
-
一、yoo軍規: 1、盡可能減少http請求數。 2、使用cdn(內容分發網絡)。 3、添加Expire/Cache-Control頭。 4、啟用Gzip壓縮。 5、將css放在頁面最上面。 6、將script放在頁面最下面。 7、避免在css中使用expressions. 8、把javaScript和css都放到外部文件中。 9、減少dns查詢。 10、壓縮javaScript和css 11、避免重定向。 12、移除重復的腳本。 13、配置實體標簽(ETags)。 14、使用ajax緩存。查看全部
-
雅虎軍規: 1盡可能減少HTTP請求數 :合并資源 2使用CDN(內容分發網絡) :增加服務器,錢的問題 3添加Expire/Cache-Control頭 :時間不過期就不請求 4啟用Gzip壓縮 :1本地壓縮 2:服務器壓縮,服務器二次壓縮 5將CSS放在頁面最上面 :1 IE存在阻止加載 :2Firefox 閃爍 6將Script放在頁面最下面 :死循環實驗for(i=0;i=i+1;i++){document.write(i);} 7避免在CSS中使用Expressions :移動鼠標等都會計算 8把Javascript和CSS都放到外部文件中 :文件大小與訪問頻率取舍 9減少DNS查詢 :20ms 緩存 單域 多域 10壓縮Javascript和CSS 11避免重定向 :301 移動到了另外的位置,永久 302被找到了,不在這里,返回一個地址,臨時重定向 12移除重復的腳本 number++實驗來說明 13配置實體標簽Etags 小狗尿尿 304 未修改 14使AJAX緩存查看全部
-
雅虎軍規: 1盡可能減少HTTP請求數 合并資源 2使用CDN(內容分發網絡) 增加服務器,錢的問題 3添加Expire/Cache-Control頭 時間不過期就不請求 4啟用Gzip壓縮 本地壓縮 服務器壓縮,服務器二次壓縮 5將CSS放在頁面最上面 IE存在阻止加載 Firefox 閃爍 6將Script放在頁面最下面 死循環實驗 7避免在CSS中使用Expressions 移動鼠標等都會計算 8把Javascript和CSS都放到外部文件中 文件大小與訪問頻率取舍 9減少DNS查詢 20ms 緩存 單域 多域 10壓縮Javascript和CSS 11避免重定向 301 移動到了另外的位置,永久 302被找到了,不在這里,返回一個地址,臨時重定向 12移除重復的腳本 numbei++實驗來說明 13配置實體標簽Etags 小狗尿尿 304 未修改 14使AJAX緩存 6.for(i=0;i=i+1;i++){ document.write(i); }查看全部
-
get post差別查看全部
-
最小化 JavaScript 和 CSS: 1、去除不必要的空白符、格式符、注釋符。 2、簡寫方法名、參數名,壓縮JS腳本。 使用工具壓縮 JavaScript 和 CSS 項目上線前,最好將JS和CSS文件壓縮,保證線上版本是最輕量的,從而大幅提升網站性能。查看全部
-
Grade:等級視圖 網頁評分(A->F等級依次降低)<br> Components:組件視圖,檢視各個元素占用空間大小<br> Statistics:統計信息視圖,與Components相似<br> Tools: JSLint:檢驗JavaScript正確性<br> All JS:展示網頁中使用的JS<br> ALL JS Beautified:將JS以可讀的方式展示<br> ALL JS Minified:刪除換行、空格等,壓縮JS<br> ALL CSS:展示網頁中使用的CSS<br> YUI CSS Compressor:壓縮CSS<br> ALL Smush.it:優化圖片<br> Printable View:將分析打印成報告查看全部
-
插件,網站性能分析Yslow: ·YSlow(基于瀏覽器執行),在ff下執行的最好 ·對網站進行分析,給出優化報告 ·1 安裝fireBug 2 YSlow查看全部
-
把JS和CSS代碼提取出來,可以提高代碼的復用性和可維護性,減少頁面體積。但是文件多了,請求數也會增加。 而把JS和CSS代碼寫在頁面內,可以減少請求,提升網頁渲染速度。 如果代碼只用于一個頁面、頁面不常被訪問或者JS和CSS代碼很少,建議寫在頁面內查看全部
-
避免使用css expression,即CSS表達式 (所謂css expression就是css的屬性值是由js計算出來的,用了該屬性,鼠標移動,滾動都會對其值進行重新計算),這樣會嚴重影響瀏覽器效率 缺點:1、在頁面顯示、縮放、滾動以及鼠標移動時都要重新計算一次,嚴重影響性能;2、不符合WEB標準;3、暴露了一個腳本執行的上下文,有潛在的安全隱患。查看全部
-
瀏覽器渲染順序:自上而下依次渲染。 將script標簽放在底部,可以讓網頁內容先呈現出來,減少用戶等待時間。 將script標簽放在頁面底部 可以讓頁面內容優先呈現出來,而非先暴露script的bug 將Script放在頁面的最下面,因為瀏覽器加載和解釋網頁的順序是從左到右從上到下的,如果JavaScript代碼有死循環的問題,網頁可能是空白一片的,如果放在頁面的最下面即使如此,頁面也能展現出來,當然這個問題最好避免!查看全部
-
css(層疊樣式表):后面的樣式會覆蓋前面的,級別高的樣式會覆蓋級別低的樣式。 先加載css,放在頭部<head>提高渲染性能,避免頁面空白或者重繪。 IE:css放body底部,IE禁止了網頁內容的順序顯示,低網速情況下導致空白 FF:不阻止顯示,但會導致閃爍重繪 解決:先加載css,放頭部<head>提高渲染性能,避免頁面空白或者重繪查看全部
-
使用Gzip壓縮數據 Gzip支持壓縮文本數據,包括:HTML,PHP,JS,CSS,XML,TXT等等。 GZIP最早由Jean-loup Gailly和Mark Adler創建,用于UNIX系統的文件壓縮。后綴為.gz的文件,它們就是GZIP格式的。現今已經成為Internet 上使用非常普遍的一種數據壓縮格式,或者說一種文件格式。HTTP協議上的GZIP編碼是一種用來改進WEB應用程序性能的技術。大流量的WEB站點常常使用GZIP壓縮技術來讓用戶感受更快的速度。這一般是指WWW服務器中安裝的一個功能,一般對純文本內容可壓縮到原大小的40%.這樣傳輸就快了。 使用Gzip: ·把文件先壓縮,再傳輸 ·流程:原始79--本地壓縮--服務器端對已經壓縮的再壓縮- ·優點:提升文件傳輸速度;(在服務器端配置)查看全部
-
3 添加 Expire/Cache-Control 頭: expire頭的內容是一個時間值,值就是資源在本地的過期時間、存在本地。在本地緩存階段,找到一個對應的資源值,當前時間還沒超過資源的過期時間,就直接使用這一個資源,不會發送 HTTP 請求。 cache-control:是http協議中常用的頭部之一,顧名思義,他是負責控制頁面的緩存機制,如果該頭部指示緩存,緩存的內容也會存在本地,操作流程和expire相似,但也有不同的地方,cache-control有更多的選項,而且也有更多的處理方式。查看全部
-
CDN:Content Delivery Network,內容分發網絡。 其基本思路是盡可能避開互聯網上有可能影響數據傳輸速度和穩定性的瓶頸和環節,使內容傳輸的更快、更穩定。簡單地說,就是在離你最近的地方放置一臺性能好、鏈接順暢的副本服務器,讓你能夠以最短的距離、最快的速度獲取內容。 其目的是使用戶可就近取得所需內容,解決互聯網擁擠的狀況,提高用戶訪問網站的響應速度。查看全部
舉報
0/150
提交
取消