代碼最佳化是如何?的

來源:互聯網
上載者:User

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



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

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

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