文章內(nèi)容

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

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

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

本文出自：億恩科技【1tcdy.com】

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