文章內(nèi)容

六種方法教會(huì)你網(wǎng)頁(yè)代碼的優(yōu)化

發(fā)布時(shí)間: 2012/9/11 19:46:16

隨著百度等搜索引擎對(duì)網(wǎng)站用戶體驗(yàn)度的要求越來(lái)越高，網(wǎng)頁(yè)代碼優(yōu)化也成了各位站長(zhǎng)的必修課，好的優(yōu)化效果將大大減小網(wǎng)頁(yè)的體積，增加用戶體驗(yàn)效。一直想寫(xiě)篇關(guān)于網(wǎng)頁(yè)代碼優(yōu)化的文章，今天終于有時(shí)間和大家分享交流一下我的經(jīng)驗(yàn)。大家一起把網(wǎng)站優(yōu)化做好。
　　優(yōu)化一：清除頁(yè)面內(nèi)的多余空格，由于個(gè)人書(shū)寫(xiě)習(xí)慣的不同，在制作網(wǎng)頁(yè)的過(guò)程中總是會(huì)有大量的空格出現(xiàn)，大大提高了網(wǎng)頁(yè)的體積，一般100KB大小的網(wǎng)頁(yè)，空格所占的空間大概在15KB左右，也就是說(shuō)去除空格我們可以將網(wǎng)頁(yè)體積縮小15%，這對(duì)于網(wǎng)頁(yè)的打開(kāi)速度無(wú)疑是大有裨益的。
　　優(yōu)化二：使用DIV+CSS布局網(wǎng)頁(yè)。現(xiàn)在依然有很多站長(zhǎng)在制作網(wǎng)站的時(shí)候采用table的布局方式，可能考慮到網(wǎng)頁(yè)的兼容性和布局的簡(jiǎn)易性。但table布局的弊端卻是顯而易見(jiàn)的。Table布局將大大增加網(wǎng)頁(yè)的體積，尤其是多層表格的嵌套。當(dāng)搜索引擎讀取頁(yè)面時(shí)，很可能因?yàn)榫W(wǎng)頁(yè)的嵌套層數(shù)太多而放棄對(duì)網(wǎng)頁(yè)的抓取。所以，采用代碼更加簡(jiǎn)練的div+css布局方式，效果更顯著。
　　優(yōu)化三：減少網(wǎng)頁(yè)對(duì)javascript的依賴。Javascript對(duì)搜索引擎是很不友好的。網(wǎng)頁(yè)中大量的javascript將影響蜘蛛對(duì)頁(yè)面的抓取和增加網(wǎng)頁(yè)體積。尤其是導(dǎo)航欄的制作過(guò)程中，盡量采用DIV+CSS的設(shè)計(jì)方法。
　　優(yōu)化四：盡量不要使用內(nèi)嵌式CSS。內(nèi)嵌式CSS分為在head區(qū)域的普通內(nèi)嵌式和在標(biāo)簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式css，不管是哪一種都會(huì)增大頁(yè)面的體積。盡量使用外調(diào)式的CSS以減小網(wǎng)頁(yè)體積。
　　優(yōu)化五：將html控制方式轉(zhuǎn)換為CSS控制。很多站長(zhǎng)習(xí)慣在標(biāo)簽內(nèi)對(duì)內(nèi)容進(jìn)行控制。比如img標(biāo)簽里通過(guò)width和height來(lái)控制圖片的大小。盡量將這些代碼轉(zhuǎn)換成外調(diào)式的CSS，使網(wǎng)頁(yè)代碼更簡(jiǎn)練。
　　優(yōu)化六：對(duì)網(wǎng)頁(yè)進(jìn)行GZIP壓縮。這個(gè)功能需要服務(wù)器控件的支持。GZIP壓縮一般能對(duì)網(wǎng)頁(yè)進(jìn)行30%-80%的壓縮，是最重要的一種優(yōu)化效果。
　　以上六點(diǎn)是我在優(yōu)化俊易數(shù)據(jù)海外服務(wù)器租用托管網(wǎng)時(shí)的一點(diǎn)心得，大家可以采用各種方法去試驗(yàn)下，我的網(wǎng)站原來(lái)體積在70KB左右優(yōu)化后的體積為10KB左右，成效顯著。

本文出自：億恩科技【www.allwellnessguide.com】

服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)！虛擬主機(jī)域名注冊(cè)頂級(jí)提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]