當(dāng)前位置：網(wǎng)站首頁 >> 網(wǎng)站建設(shè)與域名空間知識 >>

在網(wǎng)站建設(shè)中如何做好網(wǎng)站代碼的優(yōu)化

發(fā)布人：鄭州凱訊公司    發(fā)布日期：2015-02-21

對于網(wǎng)站代碼，我們應(yīng)該做到精簡化、規(guī)范化，這不僅可以減小網(wǎng)頁大小，加快網(wǎng)頁打開速度，而且對搜索引擎也有好處，精簡規(guī)范化的代碼很便于搜索引擎蜘蛛爬行和抓取數(shù)據(jù)，增加搜索引擎對網(wǎng)站的好感度，有利于獲得更高的權(quán)重。真正合格的網(wǎng)站建設(shè)人員，應(yīng)該掌握代碼優(yōu)化的方法，知道哪些代碼是冗余的，哪些代碼是可以精簡的。那么如何進(jìn)行網(wǎng)站代碼的優(yōu)化呢？這里就來簡單介紹一下如何做網(wǎng)站代碼的優(yōu)化。

一、HEAD部分代碼規(guī)范化：

網(wǎng)頁HEAD區(qū)部分代碼是搜索引擎爬行網(wǎng)站的入口部分，對網(wǎng)站優(yōu)化起著至關(guān)重要的作用。在這部分里，不僅含有極為重要的title標(biāo)簽，而且還有對網(wǎng)站優(yōu)化有重要影響的META標(biāo)簽，包括keywords標(biāo)簽和description標(biāo)簽，現(xiàn)在很多網(wǎng)站的頭部代碼都相當(dāng)統(tǒng)一化，你需要做的就是將網(wǎng)站代碼更加規(guī)范化，該加入的標(biāo)簽要加入，該去掉的去掉，這樣才能保持head區(qū)代碼干凈簡潔。比如，為了實現(xiàn)網(wǎng)頁緩存功能，可以加入<meta http-equiv="expires" content="864000" />這樣的語句，而如果需要調(diào)用文件外的style，那么我們可以使用<LINK href="style/style.css" rel="stylesheet" type="text/css">這樣的語句。如果哪些style不需要了，也需要刪除這些代碼，以免增加網(wǎng)頁加載時間，減慢網(wǎng)頁打開速度。另外如果有多個style文件，這時可以將之合并，去除重復(fù)的 style定義，精簡該部分代碼。

二、網(wǎng)頁上TABLE標(biāo)簽盡量減少使用：

table標(biāo)簽是以前很多網(wǎng)站最為常見的代碼形式，原因根本在于table在建立網(wǎng)站時比較快捷，對于網(wǎng)頁上的元素定位非常方便，但是這也就影響了網(wǎng)站的后期優(yōu)化。相對于div+css布局的精簡代碼網(wǎng)站來說，table所使用的代碼更多，造成網(wǎng)頁體積更大。所以在建站時候，盡量是少使用表格，即便是要使用表格時，也要盡量避免使用嵌套式表格的形式，以免產(chǎn)生過多的冗雜代碼。

三、采用標(biāo)準(zhǔn)化的DIV網(wǎng)頁布局：

在當(dāng)今的網(wǎng)站設(shè)計標(biāo)準(zhǔn)中，采用了DIV+CSS的網(wǎng)頁布局方式實現(xiàn)各種內(nèi)容的定位而非Table（表格）布局。DIV+CSS達(dá)到了內(nèi)容與代碼相分離的效果。使用DIV+CSS設(shè)計的網(wǎng)站是符合W3C標(biāo)準(zhǔn)的，相比table代碼布局可以更方便搜索引擎的索引，更能體現(xiàn)樣式和結(jié)構(gòu)的分離，結(jié)構(gòu)的重構(gòu)性強，也更符合web設(shè)計標(biāo)準(zhǔn)。搜索引擎對標(biāo)準(zhǔn)化制作的頁面給予了更高的權(quán)重。使用DIV+CSS的架構(gòu)也有很多優(yōu)勢，比如改版方便，不需要變動頁面的內(nèi)容，網(wǎng)頁打開速度也會明顯加快。

四、網(wǎng)頁上的JS代碼應(yīng)采用外部調(diào)用的方式：

由于js代碼不能夠被搜索引擎識別，而如果網(wǎng)站上的js代碼過多，則會影響網(wǎng)頁的爬行和抓取，同時js代碼的執(zhí)行也會延長網(wǎng)頁打開時間，不利于用戶體驗。我們應(yīng)該將用到Javascript代碼采取外部調(diào)用的形式，并且將多個js文件加以合并，減少http請求次數(shù)，這樣可以減小搜索引擎的工作，也避免產(chǎn)生過多無效代碼拖累網(wǎng)站。沒有太大用處的js代碼可以刪去，把必須的js代碼放在網(wǎng)頁代碼最后執(zhí)行，這都是很好的編碼習(xí)慣。

五、將網(wǎng)頁上的代碼注釋刪除掉：

為了精簡網(wǎng)頁代碼，我們可以把網(wǎng)頁代碼中的注釋性內(nèi)容給刪除掉。這些注釋的存在除了對閱讀代碼起作用以外，其他沒有任何好處，不僅加大了網(wǎng)頁體積，對于搜索引擎而言，也沒有任何意義的，這樣對于網(wǎng)站不會有什么利處，不如直接省略。

六、精簡css代碼：

網(wǎng)站上的css代碼，如果能簡寫的，就采用簡寫的方式，同樣的功能不要把代碼搞得過于復(fù)雜。比如 border和margin的簡寫，如果存在border-left，border-top， border-right，border-bottom的屬性，那么我們可以將其合并為 border的屬性，對于margin 也是如此，這樣可以讓人閱讀起來更容易理解，同時也減少了代碼量。

以上六個方面是我們鄭州網(wǎng)站建設(shè)公司的經(jīng)驗總結(jié)，是做好網(wǎng)站代碼優(yōu)化的主要手段，各位有必要熟練掌握。如果您也有更好網(wǎng)站代碼優(yōu)化方法，也可以與筆者一起交流。