大型網站性能優化(頁面(HTML)優化的方法)

頁面(HTML)優化的方法

 

除了語言層面上進行優化外，對Web開發，HTML的優化將很大程度上減輕服務器的負載，提升網站的性能

 

1）. 減小HTTP請求數。
打開網頁，瀏覽器會發出不少請求，圖片，腳本，每一個對象的加載都須要花時間， 須要減負載。
1. 合併CSS,Js文件 ，減小Http的請求數
2. 合併框架圖片以及至關變更較少的圖片，合成一張。有時直接用Css完成。
3. 合理的使用本地的Cached來緩存 js/css/image

 

2）. 減小被請求文件的大小，較少請求數據佔用的網絡帶寬。
1. 壓縮Js體積， 刪除沒有空行，註釋，變量名。 大型的Js很亂，沒有空行或換行，其實也是優化的表現
2. 壓縮CSS體積
3. 用XHtml + Css 方式搭建網站結構，提升CSS的重用性
4. 用服務端GZip壓縮JS/Css 文件， 縮小傳輸文件大小(16.7.2)

 

3）. 經過版本化控制客戶端的緩存
1. 一般JS/CSS這類文件改動比較頻繁，爲加載加快，可能要設置這類文件的過時時間，爲幾天後從而實現緩存，那咱們的問題就是如何及時的更改這些被緩存的文件了。
2. 經過修改JS版原本及時告訴瀏覽器， 如： 該JS文件名，路徑， URL Rewrite，大版本不變，小版本不斷追加，等必定時間後統一更新

 

4）. 幫頁面減肥 。簡潔風格，少用Flash等
5）. 刪除頁眉無關緊要的內容。 如空格，註釋
6). 刪除頁面代碼中的空語句
7). 刪除HTMl中的默認值，什麼顏色，對齊之類的
8. 優化CSS文件
9. Visibility 快於Display
  圖片的時隱時現，若是是保持決定位置，用Visibility 好。  none,hidden  . visibility: hindden
10. 緩存區是區分大小寫的，保持url大小寫一致性
11. 讓html標記有始終。 減小瀏覽器的判斷時間
12. 不用將所有內容塞入一個Table中。  由於Talbe要等內容加載完畢才顯示出來。若是某些內容有錯，將拖延頁面的訪問速度。
13. 若是有廣告代碼，放入iframe中最好了。 <iframe src="http://www.XXX.com " marginwidth="0" marginheight="0" leftMargin="0" topMargin="0" frameborder="0" scrolling="no"></frame>
14. 把Javascript移到HTML文件末尾
15. JS會阻塞後面的頁面的顯示。
16. 友情連接的學問， 儘可能用文字。
17. 優化圖片。 Gif圖片比較少，通常作Logo,按鈕，表情。 PNG，作透明背景比較多
18. 網址後面加入一個反斜槓. www.maticsoft.com/220/ ，讓服務器當即知道訪問的是個文件夾。
19. 指定圖片的大小，讓瀏覽器一目瞭然。