合肥市高新區(qū)長(zhǎng)江西路與科學(xué)大道交口5F創(chuàng)業(yè)園A座309
136 5560 1775

做網(wǎng)頁(yè)的時(shí)候DOM對(duì)網(wǎng)站速度的影響

發(fā)表日期:2010-03-24 瀏覽次數(shù):2353次

  一個(gè)網(wǎng)站的好壞不但要看他的外表是不是好看,其它他的訪問(wèn)的速度也是很重要的。說(shuō)到影響網(wǎng)站的速度大家一定會(huì)想到j(luò)s flash 還有一些大的圖片,不錯(cuò)這些是對(duì)網(wǎng)站的速度影響很大。今天合肥網(wǎng)站建設(shè)和大家說(shuō)說(shuō)另一個(gè)條件。就是DOM他對(duì)網(wǎng)站速度的影響。

  現(xiàn)在Ajax的頁(yè)面越來(lái)越多,DavidYin所制作的網(wǎng)站也大量的使用了jQuery庫(kù),當(dāng)頁(yè)面越來(lái)越復(fù)雜,相對(duì)而言,網(wǎng)頁(yè)載入的時(shí)間也會(huì)增加,那么最耗時(shí)的是什么呢?

  通常頁(yè)面活動(dòng)中,各個(gè)部分可以分成,布局,渲染,HTML,Marshaling,DOM,JScript等。
其中影響最大的不是我們以為的JScript,而是DOM。特別是復(fù)雜的頁(yè)面,比如sina出現(xiàn)一個(gè)頁(yè)面有3000多個(gè)DOM,頁(yè)面就會(huì)很慢。

  在數(shù)十個(gè)到幾百個(gè),我都認(rèn)為是可以接受的。
但到達(dá)四位數(shù),我就認(rèn)為網(wǎng)頁(yè)有優(yōu)化的余地,精簡(jiǎn)代碼,優(yōu)化代碼,以減少DOM對(duì)象。

很多時(shí)候,設(shè)計(jì)師為了布局或者CSS定位,而嵌套很多div,或者設(shè)置空內(nèi)容的div,而造成html代碼冗余,而有效內(nèi)容占代碼總量的比例過(guò)低,這也帶來(lái)了另外一個(gè)問(wèn)題,網(wǎng)頁(yè)信噪比的問(wèn)題,這里就不展開(kāi)了。

總而言之,過(guò)多的DOM對(duì)象,只會(huì)拖慢網(wǎng)頁(yè)展示的速度,帶來(lái)排名的問(wèn)題。盡可能的減少DOM對(duì)象,是一舉兩得的優(yōu)化策略。

   綜上所述:我們?cè)谧鼍W(wǎng)站的時(shí)候一定要找一些正規(guī)的網(wǎng)頁(yè)設(shè)計(jì)服務(wù)公司。像我們合肥網(wǎng)站建設(shè)就是一家正規(guī)的服務(wù)單位,我們給客戶的網(wǎng)站不是單單的好看,我們是從整體來(lái)考慮的,用戶的訪問(wèn)速度,以及對(duì)優(yōu)化的影響等等方面來(lái)結(jié)合考慮的。

 


將文章分享到:

版權(quán)所有:?jiǎn)⑦~科技-合肥網(wǎng)站建設(shè) 皖I(lǐng)CP備19009304號(hào)-1 皖公網(wǎng)安備 34010402702162號(hào)

網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì)公司啟邁科技,為眾多企業(yè)提供網(wǎng)站建設(shè),網(wǎng)站制作,響應(yīng)式網(wǎng)站設(shè)計(jì),手機(jī)網(wǎng)站建設(shè),微網(wǎng)站,模板建站,企業(yè)郵箱等一站式互聯(lián)網(wǎng)解決方案和建站服務(wù)10年。