代碼優化是如何實現的

來源:互聯網
上載者:User

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

代碼優化就是對網頁中的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所有的頁面都遵守了上面所述規則。 以上小弟如果有錯的地方,各位大哥,可以給予指點,小弟不勝感激。 好了今天就到此了,下節繼續。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.