DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> 網站代碼優化:網站加速必須注意的八個方面
網站代碼優化:網站加速必須注意的八個方面
編輯:SEO優化集錦     

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

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

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

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

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

二:使用DIV+CSS布局網頁

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

另外,一些網站會使用外部文件,將css和js放在外部文件中,頁面html中只要放一樣代碼調用就可以了。有時候我們去查看的一些源文件代碼,會看到很多css代碼以及javasript代碼,將javascript放置在網站頁面的html文件中的最前面,而真正能用到得一些文字部分這被推倒了html的後面。企贏001認為一般頁面代碼中的這種代碼都需要精簡。

三、代碼注釋

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

四、 減少頁面表格。

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

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

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

六、盡量不要使用內嵌式CSS

內嵌式CSS分為兩種,一是在head區域的普通內嵌式,二是在標簽內出現的行內內嵌式css,無論是何種內嵌CSS方式結果都會提升頁面的體積。對此我們可以盡量使用外調式的CSS來為站點頁面的體積瘦身。

七、將html控制方式轉換為CSS控制

很多網頁設計者習慣在標簽內對內容進行控制。比如img標簽裡通過width和height來控制圖片的大小。盡量將這些代碼轉換成外調式的CSS,使網頁代碼更加的瘦身。

八:對網頁進行GZIP壓縮

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

本文首發於企贏001,原文地址:http://news.qiying001.com/show-804.html

注:相關網站建設技巧閱讀請移步到建站教程頻道。

收藏本文

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved