代碼優化就是對網頁中的html源代碼進行必要的調整,以提高頁面的有好行,頁面經過優化后,一方面可以有效的精簡頁面中的冗余代碼,加快頁面的顯示速度,同時降低頁面占用搜索引擎服務器的存儲空間,從而提高頁面的用戶體驗及搜素引擎友好型;另一方面可以突出頁面主題,提高頁面的相關性。
主要步驟:精簡代碼;頭部優化,權重標簽使用及圖片優化。在這四個環節中,精簡代碼是最基礎、最根本。
1.精簡代碼是指清除或者簡化頁面中的代碼,從而達到降低頁面體積、提高頁面的用戶體驗及搜索引擎優化性的目的。
精簡代碼又分五個小步驟:1.清理垃圾代碼;2.html標簽轉換;3.css優化;4js優化以及表格優化。
1.1 垃圾代碼是指那些在刪除的情況下也不會影響頁面正常顯示的非必要代碼。不要小看這些代碼,他占據了很大的空間,不僅影響性能還影響搜索引擎的計算時間,所以代碼最好是手寫,如果用frontpage,word,dreamweaver,等工具寫的話,產生的垃圾代碼會非常多,所以手動清理掉。
1.2 html標簽轉換,主要是指使用短標簽替換在網頁中實現同樣效果的長標簽。例如與,兩周都是對字體加粗,但是比多出五個字符,如果頁面很多的話,就會產生很多冗余代碼。
1.3 css優化。css優化主要是改變css的調用方式,以及避免使用css為重要內容定義樣式。
使用div+css方式制作頁面,一方面防止垃圾代碼,另一方面可以減少重復代碼。這種方式對搜索引擎非常友好。
1.4 js優化。js對搜素引擎極不友好。目前搜索引擎不能解析javascript生成的頁面或者內容。所以重要的內容不能用js腳本生成;
1.5表格優化,傳統的頁面基本都是用table。但是這種方式對搜索引擎非常不友好,所以不建議用table
實戰:我的網站gsm alarm system所有的頁面都是手寫,幾乎沒有任何的冗余代碼,就是標簽的轉換,盡量避免了長便簽。
還有就是css優化,所有的樣式我放在外部頁面,只需在頭部添加引用即可,這樣大大減少了頁面的體積。
還有就是我采用了div+css的方式寫了每個頁面。
還有js優化,所有的重要內容都沒有使用js,用js只是顯示一些特效,但是js的代碼也是寫在外部頁面,而要在頁面的底部添加引用,千萬不要再頭部,如果在頭部也會影響頁面的性能的
而我的網站gsm alarm system所有的頁面都遵守了上面所述規則。以上小弟如果有錯的地方,各位大哥,可以給予指點,小弟不勝感激。好了今天就到此了,下節繼續。