網(wǎng)站建設過(guò)程中，代碼優(yōu)化對于網(wǎng)站加載速度、搜索排名、用戶(hù)體驗有著(zhù)重要的作用，傳統web建站一般都采用table架構頁(yè)面，大家都知道table不利于加載速度，并且代碼和樣式很難分離，現在網(wǎng)站一般都是div+css架構，樣式和結構完全分離，大大加快了網(wǎng)站速度及性能，但僅僅采用div+css就可以了嗎？答案肯定不是這樣的。下面神州華宇小編從不同的方面來(lái)談?wù)勗诒本┚W(wǎng)站建設過(guò)程中如何做到代碼的優(yōu)化。

導航優(yōu)化
一般來(lái)說(shuō)，網(wǎng)站的導航都是全站通用的，導航的作用也是至關(guān)重要的，推薦大家盡量用文字導航，最好不要使用圖片和flash等，如果一定要用圖片也一定要加 上alt屬性。而Flash就盡量避免，雖然Flash的視覺(jué)效果很好，但是加載太慢，搜索引擎也無(wú)法讀取Flash文件，這樣就容易給蜘蛛留下不好的印 象。

網(wǎng)頁(yè)圖片優(yōu)化
網(wǎng)頁(yè)中一般應用兩種格式的圖片jpeg和gif，這兩種圖片的應用很多人把握的并不是很好，jpeg適用于顏色比較多、構成比較復雜的圖片（比如一些照片、漸變顏色等等），gif適用于顏色比較少、構成比較簡(jiǎn)單的圖片（比如網(wǎng)站的logo、大的色塊構成的圖片等等）。Gif圖片尤其要注意導出的時(shí)候選擇顏色數目這樣也會(huì )達到很好的減小尺寸的效果。對于一些比較大的圖片我們還可以將它切割成比較小的圖片進(jìn)行拼接這樣也可以提高網(wǎng)頁(yè)的下載速度。減小網(wǎng)頁(yè)size提高網(wǎng)頁(yè)下載速度還有一種簡(jiǎn)易的方法就是使用一些網(wǎng)頁(yè)減肥的小工具，我們可以去下載一些這樣的工具他們可以使你的網(wǎng)頁(yè)縮小20％～50％達到事半功倍的效果。

使用DIV+CSS布局網(wǎng)頁(yè)
雖然現在div+css已經(jīng)很成熟了，但是很多網(wǎng)頁(yè)設計者可能考慮到網(wǎng)頁(yè)的兼容性以及布局的簡(jiǎn)易性還是使用老式的table布局，如上圖所示。雖然table布局很方便，但是其弊端也是顯而易見(jiàn)的，那就是會(huì )大大增加網(wǎng)頁(yè)的大小，尤其是多層表格的嵌套。這種布局不僅會(huì )提升體積，同時(shí)如果嵌套數太多的話(huà)就會(huì )影響到搜索引擎的爬行，影響到站點(diǎn)的收錄。
另外，一些網(wǎng)站會(huì )使用外部文件，將css和js放在外部文件中，頁(yè)面html中只要放一樣代碼調用就可以了。有時(shí)候我們去查看的一些源文件代碼，會(huì )看到很多css代碼以及javasript代碼，將javascript放置在網(wǎng)站頁(yè)面的html文件中的最前面，而真正能用到得一些文字部分這被推倒了html的后面。企贏(yíng)001認為一般頁(yè)面代碼中的這種代碼都需要精簡(jiǎn)。

CSS優(yōu)化
如今大部分網(wǎng)站都采用DIV+CSS的形式，可是很多模板的CSS都是外部調用，而且樣式表的class名稱(chēng)會(huì )有很多重復性。尤其對于仿制的模板來(lái) 說(shuō)，class名稱(chēng)基本上不會(huì )變，這樣一來(lái)就造成了大量代碼重復度比較高的網(wǎng)站，這對優(yōu)化工作來(lái)說(shuō)是不利的。筆者每做一個(gè)新站時(shí)，都會(huì )把模板代碼里的 class名稱(chēng)重新修改一下，對應的CSS文件里的名稱(chēng)也要修改，這樣一來(lái)就形成了一個(gè)與眾不同的網(wǎng)站代碼。
還有一點(diǎn)，CSS里面用不到的樣式表一定要刪除，同時(shí)還要把CSS文件盡量壓縮，這樣有利于網(wǎng)頁(yè)加載速度。還有一點(diǎn)就是，同一個(gè)網(wǎng)頁(yè)中最好只調用一個(gè) CSS樣式表，這對精簡(jiǎn)代碼增加搜索引擎友好度還是有一定作用的。如果是仿制的模板，通常不只一個(gè)CSS文件，可以手動(dòng)的去合并一下，同時(shí)也不要忘了刪除 冗余和重復的內容。

網(wǎng)站建設中針對搜索引擎的優(yōu)化
搜索引擎優(yōu)化是很多人都知道的一種優(yōu)化項目，也是完整的優(yōu)化工作必不可少的一個(gè)步驟。 “關(guān)鍵字”在搜索引擎這個(gè)話(huà)題里是一個(gè)核心的字眼，幾乎所有的針對搜索引擎優(yōu)化問(wèn)題都是圍繞著(zhù)“關(guān)鍵字”展開(kāi)的。有很多人盲目的追求在網(wǎng)頁(yè)中處處體現關(guān)鍵字，覺(jué)得這樣就會(huì )更容易被搜索引擎搜到，其實(shí)這樣做并不一定合適。比如前一陣子流行過(guò)的“鬼影秘笈”，方法就是用和網(wǎng)頁(yè)背景相同的顏色在頁(yè)面中隱藏了很多關(guān)鍵字，很多人現在還在用這個(gè)方法，但是隨著(zhù)搜索引擎功能越來(lái)越強大這個(gè)方法已經(jīng)不那么好用了，甚至會(huì )起到反作用。

降低頁(yè)面對于JS的依賴(lài)性
神州華宇網(wǎng)站建設公司認為，JS對于搜索引擎并不不友好，雖然有消息稱(chēng)搜索引擎不會(huì )對JS有厭惡的情緒，但是多一事不如少一事。雖然JS可以制作出很多的效果，但是網(wǎng)頁(yè)中大量的JS將影響蜘蛛對頁(yè)面的抓取和增加網(wǎng)頁(yè)體積。尤其是頁(yè)面的關(guān)鍵位置如導航欄，盡量采用DIV+CSS的設計方法。

H標簽優(yōu)化
h1-h6標簽是很多站長(cháng)朋友喜歡采用的標簽，用好了的確對seo工作啟到一定的促進(jìn)作用，但是用不好卻反而容易得不償失。通常h1主要是用來(lái)修飾網(wǎng)頁(yè)的 主標題，而h2則是一個(gè)段落的標題，h3則表示段落的小節標題，一般搜索引擎沒(méi)辦法想訪(fǎng)客那樣可以直接認出哪是標題，所以使用Hr標簽就可以指導搜索引擎 標題在哪里，讓它們迅速掌握文本大意。所以我們做優(yōu)化的時(shí)候，可以適當得加入我們要做的關(guān)鍵字，但是需要注意的是，適當使用就可以了，千萬(wàn)不能濫用。

減少鏈接請求數
1.緩存靜態(tài)資源：變化很少的靜態(tài)資源可以設置客戶(hù)端緩存，如UI圖片，CSS樣式，Javascript腳本等變化很少的靜態(tài)資源，減少更新請求數。
2.利用CSS Sprite技術(shù)合并圖片，采用CSS Sprite技術(shù)合并UI圖片等小而不變的圖片為一張圖片?？梢詭椭鷾p少請求次數，提高頁(yè)面打開(kāi)速度。
3.合并Javascript（也就是JS）腳本文件：相同域名存在多個(gè)不同的Javascript腳本文件，應盡可能將其予以合并，減少請求次數。
4.合并CSS樣式文件：相同域名下存在多個(gè)CSS樣式文件，應盡可能將其予以合并，減少請求次數。
5.取出錯誤鏈接和無(wú)效鏈接：頁(yè)面存在無(wú)法打開(kāi)的鏈接，會(huì )導致頁(yè)面打開(kāi)緩慢。

啟用GZip
GZip是一種壓縮技術(shù)，是通過(guò)在網(wǎng)站服務(wù)器安裝GZip功能并開(kāi)啟，在傳輸頁(yè)面到客戶(hù)端瀏覽器過(guò)程中，先在網(wǎng)站服務(wù)器壓縮并傳至客戶(hù)端瀏覽器，開(kāi)啟GZip壓縮可以減少傳輸字節，提高網(wǎng)頁(yè)加載速度。

網(wǎng)站設計科學(xué)、高效、UI友好易用，但過(guò)慢的頁(yè)面加載過(guò)程或過(guò)長(cháng)的下載時(shí)間也會(huì )消弱網(wǎng)站競爭力。更重要的是，性能低下會(huì )直接影響網(wǎng)站的業(yè)績(jì)。因此，在網(wǎng)站設計制作中，擁有優(yōu)質(zhì)的頁(yè)面加載速度是非常重要，我們一定要重視網(wǎng)站代碼優(yōu)化的重要性。