更新時(shí)間：2015-08-20網(wǎng)頁代碼對于網(wǎng)站優(yōu)化運(yùn)營的重要性是眾所周知的，網(wǎng)頁代碼不僅影響網(wǎng)頁加載速度，還影響蜘蛛爬行效率，但是對于大多數(shù)非技術(shù)人員出身的SEOER來說，看代碼是件很頭疼的事情，更不要說來優(yōu)化代碼了。今天我們就一起來看幾個(gè)常用的代碼優(yōu)化方式，幫助大家更好更輕松的優(yōu)化代碼。
1、 封裝頁面內(nèi)的JS代碼
越來越多的網(wǎng)站為了實(shí)現(xiàn)一些特定的交互效果不得不在頁面中加入一些JS代碼來實(shí)現(xiàn)想要的效果，但JS的加載會(huì)明顯的拖慢網(wǎng)頁加載速度，而且頁面中加大量JS代碼，還會(huì)增加頁面中的噪聲。所以優(yōu)化代碼第一步就是整理JS代碼。判斷頁面中是不是直接寫了js代碼的方式就是，看有沒有某個(gè)區(qū)域的代碼開頭與結(jié)尾分別是：
<script type="text/javascript">和 </script>；優(yōu)化方式如下：
（1） 將網(wǎng)站各頁面中使用到的JS代碼盡量整合到同一個(gè)JS文件中，采用外部調(diào)用的方式，這樣有利于提升頁面的信噪比，便于蜘蛛爬行。
（2） 將JS文件的調(diào)用放在網(wǎng)頁代碼最后，</body>之前，有利于網(wǎng)頁加載速度，在網(wǎng)頁基礎(chǔ)樣式已經(jīng)加載完后再加載JS，也是比較符合用戶體驗(yàn)的。
2、 將網(wǎng)頁中的CSS代碼改為外鏈樣式
有些網(wǎng)頁代碼在書寫過程中，為了省事，直接將css代碼直接寫到了網(wǎng)頁中，這同樣增加了頁面中無用代碼的占比。辨別方式是看是否有開頭與結(jié)尾分別是<style>和</style>的代碼。優(yōu)化方式同JS代碼優(yōu)化，但有一點(diǎn)不同的是CSS樣式表調(diào)用的代碼要寫在<head></head>中，因?yàn)榇a是自上而下加載的。如果寫在頁面結(jié)尾，可能會(huì)造成初始情況，展現(xiàn)在用戶眼前的是錯(cuò)位網(wǎng)頁。
3、 圖片調(diào)用代碼優(yōu)化
為了美化網(wǎng)頁，頁面中通常會(huì)使用各種小圖標(biāo)，而眾多小圖標(biāo)多次調(diào)用會(huì)增加網(wǎng)頁的請求次數(shù)，從而降低網(wǎng)頁加載速度。解決辦法是：采用Css Sprite，將眾多小圖標(biāo)做在一張圖片上，而采用定位的方式在頁面中分別展現(xiàn)出來。這樣可以將多次請求變?yōu)橐淮握埱螅嵘W(wǎng)頁加載速度。
4、 避免圖片重新渲染
頁面要想美觀，必定是圖文結(jié)合。而為了提升網(wǎng)頁加載速度，不可忽視的一點(diǎn)就是避免圖片重新渲染。即圖片展示時(shí)要在樣式中指定圖片展示的大小，如果讓瀏覽器根據(jù)“區(qū)域代碼”自動(dòng)識(shí)別圖片，會(huì)造成瀏覽器再解析圖片后再次渲染圖片的重復(fù)工作，從而降低網(wǎng)頁加載速度。
以上每一項(xiàng)對于網(wǎng)頁加載速度影響都不是特別大，但是量變引起質(zhì)變，當(dāng)所有問題堆到一起時(shí)，破壞力就體現(xiàn)出來了。而且將代碼優(yōu)化清洗之后，可以更加干凈整潔的將網(wǎng)頁內(nèi)容展現(xiàn)給搜索引擎，有利于提升蜘蛛爬行效率，增加搜索引擎友好度。
