程式碼優化就是對網頁中的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所有的頁面都遵守了上面所述規則。以上小弟如果有錯的地方,各位大哥,可以給予指點,小弟不勝感激。好了今天就到此了,下節繼續。
(責任編輯:momo) 作者青蓮之妖的個人空