文章內(nèi)容

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

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

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

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

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