1). 減少HTTP請(qǐng)求數(shù)。
打開網(wǎng)頁,瀏覽器會(huì)發(fā)出很多請(qǐng)求,圖片,腳本,每個(gè)對(duì)象的加載都需要花時(shí)間, 需要減負(fù)載。
1. 合并CSS,Js文件 ,減少Http的請(qǐng)求數(shù)
2. 合并框架圖片以及相當(dāng)變動(dòng)較少的圖片,合成一張。有時(shí)直接用Css完成。
3. 合理的使用本地的Cached來緩存 js/css/image
2). 減少被請(qǐng)求文件的大小,較少請(qǐng)求數(shù)據(jù)占用的網(wǎng)絡(luò)帶寬。
1. 壓縮Js體積, 刪除沒有空行,注釋,變量名。 大型的Js很亂,沒有空行或換行,其實(shí)也是優(yōu)化的表現(xiàn)
2. 壓縮CSS體積
3. 用XHtml + Css 方式搭建網(wǎng)站結(jié)構(gòu),提高CSS的重用性
4. 用服務(wù)端GZip壓縮JS/Css 文件, 縮小傳輸文件大小(16.7.2)
3). 通過版本化控制客戶端的緩存
2. 通過修改JS版本來及時(shí)告訴瀏覽器, 如: 該JS文件名,路徑, URL Rewrite,大版本不變,小版本不斷追加,等一定時(shí)間后統(tǒng)一更新
4). 幫頁面減肥 。簡(jiǎn)潔風(fēng)格,少用Flash等
5). 刪除頁眉可有可無的內(nèi)容。 如空格,注釋
6). 刪除頁面代碼中的空語句
7). 刪除HTMl中的默認(rèn)值,什么顏色,對(duì)齊之類的
8. 優(yōu)化CSS文件
9. Visibility 快于Display
圖片的時(shí)隱時(shí)現(xiàn),如果是保持決定位置,用Visibility 好。 none,hidden . visibility: hindden
10. 緩存區(qū)是區(qū)分大小寫的,保持url大小寫一致性
11. 讓html標(biāo)記有始終。 減少瀏覽器的判斷時(shí)間
12. 不用將全部?jī)?nèi)容塞入一個(gè)Table中。 因?yàn)門albe要等內(nèi)容加載完畢才顯示出來。如果某些內(nèi)容有錯(cuò),將拖延頁面的訪問速度。
13. 如果有廣告代碼,放入iframe中最好了。 <iframe src="http://www.XXX.com " marginwidth="0" marginheight="0" leftMargin="0" topMargin="0" frameborder="0" scrolling="no"></frame>
14. 把Javascr1pt移到HTML文件末尾
15. JS會(huì)阻塞后面的頁面的顯示。
16. 友情鏈接的學(xué)問, 盡量用文字。
17. 優(yōu)化圖片。 Gif圖片比較少,一般做Logo,按鈕,表情。 PNG,做透明背景比較多
18. 網(wǎng)址后面加入一個(gè)反斜杠. /seo/ ,讓服務(wù)器立即知道訪問的是個(gè)文件夾。
19. 指定圖片的大小,讓瀏覽器一目了然。