我們一直愛護(hù)這個(gè)行業(yè),不欺詐,更專注!24小時(shí)咨詢熱線:400-999-3352 
              首頁 > 行業(yè)新聞
              代碼優(yōu)化之精簡代碼
              2013-10-07

                     代碼優(yōu)化就是對網(wǎng)頁中的html源代碼進(jìn)行必要的調(diào)整,以提高頁面的有好行,頁面經(jīng)過優(yōu)化后,一方面可以有效的精簡頁面中的冗余代碼,加快頁面的顯示速度,同時(shí)降低頁面占用搜索引擎服務(wù)器的存儲(chǔ)空間,從而提高頁面的用戶體驗(yàn)及搜素引擎友好型;另一方面可以突出頁面主題,提高頁面的相關(guān)性。

                     主要步驟:精簡代碼;頭部優(yōu)化,權(quán)重標(biāo)簽使用及圖片優(yōu)化。在這四個(gè)環(huán)節(jié)中,精簡代碼是最基礎(chǔ)、最根本。

                     1.精簡代碼是指清除或者簡化頁面中的代碼,從而達(dá)到降低頁面體積、提高頁面的用戶體驗(yàn)及搜索引擎優(yōu)化性的目的。

                     精簡代碼又分五個(gè)小步驟:1.清理垃圾代碼;2.html標(biāo)簽轉(zhuǎn)換;3.css優(yōu)化;4js優(yōu)化以及表格優(yōu)化。

                     1.1 垃圾代碼是指那些在刪除的情況下也不會(huì)影響頁面正常顯示的非必要代碼。不要小看這些代碼,他占據(jù)了很大的空間,不僅影響性能還影響搜索引擎的計(jì)算時(shí)間,所以代碼最好是手寫,如果用frontpage,word,dreamweaver,等工具寫的話,產(chǎn)生的垃圾代碼會(huì)非常多,所以手動(dòng)清理掉。

                     1.2 html標(biāo)簽轉(zhuǎn)換,主要是指使用短標(biāo)簽替換在網(wǎng)頁中實(shí)現(xiàn)同樣效果的長標(biāo)簽。例如與兩周都是對字體加粗,但是比多出五個(gè)字符,如果頁面很多的話,就會(huì)產(chǎn)生很多冗余代碼。

                     1.3 css優(yōu)化。css優(yōu)化主要是改變css的調(diào)用方式,以及避免使用css為重要內(nèi)容定義樣式。
              使用div+css方式制作頁面,一方面防止垃圾代碼,另一方面可以減少重復(fù)代碼。這種方式對搜索引擎非常友好。
                     1.4 js優(yōu)化。js對搜素引擎極不友好。目前搜索引擎不能解析javascript生成的頁面或者內(nèi)容。所以重要的內(nèi)容不能用js腳本生成;
                     1.5表格優(yōu)化,傳統(tǒng)的頁面基本都是用table。但是這種方式對搜索引擎非常不友好,所以不建議用table
              實(shí)戰(zhàn):我的網(wǎng)站gsm alarm system所有的頁面都是手寫,幾乎沒有任何的冗余代碼,就是標(biāo)簽的轉(zhuǎn)換,盡量避免了長便簽。
                     還有就是css優(yōu)化,所有的樣式我放在外部頁面,只需在頭部添加引用即可,這樣大大減少了頁面的體積。
                     還有就是我采用了div+css的方式寫了每個(gè)頁面。
                     還有js優(yōu)化,所有的重要內(nèi)容都沒有使用js,用js只是顯示一些特效,但是js的代碼也是寫在外部頁面,而要在頁面的底部添加引用,千萬不要再頭部,如果在頭部也會(huì)影響頁面的性能的如http://www.kingeye-security.com/product/IR-camera-KI-111PA.html這個(gè)產(chǎn)品頁,他用了js文件,但是只是實(shí)現(xiàn)了產(chǎn)品的圖片效果,沒有生成一些重要的產(chǎn)品信息,并且我把它放在頁面的底部。
              新聞搜索

                          香蕉成人A片视频 | 小仙女导航| 久久人人操 | 免费乱伦视频 | 通野未帆《美人若妻》av | 360網(wǎng)站安全檢測平臺(tái) 360網(wǎng)站安全檢測平臺(tái)