網(wǎng)頁的精簡說白了就是網(wǎng)站代碼優(yōu)化，去掉網(wǎng)站多余的代碼，以減少網(wǎng)站的大小，提高網(wǎng)站的加載速度和用戶體驗。網(wǎng)站代碼優(yōu)化是站長必須要掌握的基本技能，這關系到搜索引擎蜘蛛是否會對你的網(wǎng)站感興趣，冗長無用的代碼會讓蜘蛛很難理解，增加蜘蛛抓取網(wǎng)站的難度。同時，網(wǎng)頁的精簡還關系到網(wǎng)站的加載速度，對用戶體驗至關重要。

我們可以從以下幾個方面來進行精簡代碼：

一、清除頁面中多余的代碼：空格代碼、style和font重復定義的代碼

有的網(wǎng)站以為制作者的代碼書寫習慣問題，頁面會有很多空格代碼。不要小看這些體積很小的代碼，積攢多了，也會使我們的網(wǎng)站異常的臃腫。

很多網(wǎng)站都是采用的DIV+CSS，在CSS中定義了文字的字體，顏色，以及頁面的排版，但是在網(wǎng)站的其他地方還用了以style以及font來再次定義字體字體，這些代碼完全沒有必要重復定義，屬于可以精簡的代碼。

二：使用DIV+CSS布局網(wǎng)頁

雖然現(xiàn)在div+css已經(jīng)很成熟了，但是很多網(wǎng)頁設計者可能考慮到網(wǎng)頁的兼容性以及布局的簡易性還是使用老式的table布局，如上圖所示。雖然table布局很方便，但是其弊端也是顯而易見的，那就是會大大增加網(wǎng)頁的大小，尤其是多層表格的嵌套。這種布局不僅會提升體積，同時如果嵌套數(shù)太多的話就會影響到搜索引擎的爬行，影響到站點的收錄。

另外，一些網(wǎng)站會使用外部文件，將css和js放在外部文件中，頁面html中只要放一樣代碼調(diào)用就可以了。有時候我們?nèi)ゲ榭吹囊恍┰次募�代碼，會看到很多css代碼以及javasript代碼，將javascript放置在網(wǎng)站頁面的html文件中的最前面，而真正能用到得一些文字部分這被推倒了html的后面。企贏001認為一般頁面代碼中的這種代碼都需要精簡。

三、代碼注釋

很多程序人員在編寫代碼是都習慣在別人看不懂的地方給出一段注釋，這些代碼往往是為了幾個程序員之間的協(xié)同工作，對于外人以及搜索引擎來說沒有任何用處，相反還會給搜索引擎蜘蛛帶來一定的困擾。

四、　減少頁面表格。

現(xiàn)在的網(wǎng)站用什么做?很多程序員第一想法就是采用CSS去做，采用CSS去排版，這種做法呢，就使頁面中的表格大大的降低了，但是網(wǎng)站也不能沒有表格，有些事必須使用到得，使用表格本身沒什么，但是有很多網(wǎng)站都采用嵌套表格，一般這樣的表格形式會給網(wǎng)站產(chǎn)生大量的垃圾代碼，并且這些垃圾代碼都是沒有任何用處的代碼，這一類代碼也是我們網(wǎng)站需要精簡的代碼之一。

五、降低頁面對于JS的依賴性

現(xiàn)在來說，JS對于搜索引擎并不不友好，雖然有消息稱搜索引擎不會對JS有厭惡的情緒，但是多一事不如少一事。雖然JS可以制作出很多的效果，但是網(wǎng)頁中大量的JS將影響蜘蛛對頁面的抓取和增加網(wǎng)頁體積。尤其是頁面的關鍵位置如導航欄，盡量采用DIV+CSS的設計方法。

六、盡量不要使用內(nèi)嵌式CSS

內(nèi)嵌式CSS分為兩種，一是在head區(qū)域的普通內(nèi)嵌式，二是在標簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式css，無論是何種內(nèi)嵌CSS方式結(jié)果都會提升頁面的體積。對此我們可以盡量使用外調(diào)式的CSS來為站點頁面的體積瘦身。

七、將html控制方式轉(zhuǎn)換為CSS控制

很多網(wǎng)頁設計者習慣在標簽內(nèi)對內(nèi)容進行控制。比如img標簽里通過width和height來控制圖片的大小。盡量將這些代碼轉(zhuǎn)換成外調(diào)式的CSS，使網(wǎng)頁代碼更加的瘦身。

八：對網(wǎng)頁進行GZIP壓縮

這一點可能大家都很熟悉。這個功能需要你的服務器的支持。GZIP壓縮一般能對網(wǎng)頁進行30%-80%的壓縮，是最重要的一種優(yōu)化效果。

本文首發(fā)于企贏001，原文地址：http://news.qiying001.com/show-804.html

標簽： 網(wǎng)站代碼優(yōu)化 精簡頁面 用戶體驗 

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。