轉載http://www.cnblogs.com/xiyangbaixue/p/4029372.html
頁面優化是對網頁中的HTML代碼進行必要的調整,可以有效地精簡頁面中的冗余代碼,加快網頁顯示速度,減少網頁占用搜索引擎服務器的存儲空間,提高用戶體驗和搜索引擎友好性,當然也可以更好的突出頁面的主題,提高頁面的相關性。下面是我總結出來的編寫html代碼時需要注意的,僅供參考。
1、HTML標簽有始終。 減少瀏覽器的判斷時間
2、把script標簽移到HTML文件末尾,因為JS會阻塞后面的頁面的顯示。
3、減少iframe的使用,因為iframe會增加一條http請求,阻止頁面加載,即使內容為空,加載也需要時間
4、id和class,在能看明白的基礎上,簡化命名,在含有關鍵字的連接詞中連接符號用'-',不要用'_'
5、保持統一大小寫,統一大小寫有利於瀏覽器緩存,雖然瀏覽器不區分大小寫,但是w3c標准為小寫
6、清除空格,雖然空格有助於我們查看代碼,但是每個空格相當於一個字符,空格越多,頁面體積越大,像google、baidu等搜索引擎的首頁去掉了所有可以去掉的空格、回車等字符,這樣可以加快web頁面的傳輸。可以借助於DW軟件進行批量刪除 html內標簽之間空格,sublime text中ctrl+a,然后長按shift+tab全部左對齊,清除行開頭的空格
7、減少不必要的嵌套,盡量扁平化,因為當瀏覽器編譯器遇到一個標簽時就開始尋找它的結束標簽,直到它匹配上才能顯示它的內容,所以當嵌套很多時打開頁面就會特別慢。
8、減少注釋,因為過多注釋不光占用空間,如果里面有大量關鍵詞會影響搜索引擎的搜索
9、使用css+div代替table布局,去掉格式化控制標簽如:strong,b,i等,使用css控制
10、代碼要結構化、語義化
11、css和javascript盡量全部分離到單獨的文件中
12、除去無用的標簽和空標簽
13、盡量少使用廢棄的標簽,如b、i等,盡管高版本瀏覽器是向后兼容的