從瀏覽器輸入網(wǎng)址或從別處鏈接打開的網(wǎng)頁(yè)，一直到整個(gè)網(wǎng)頁(yè)全部加載完成，這個(gè)過程瀏覽器會(huì)加載哪些文件呢，首先來看一下，網(wǎng)頁(yè)由哪幾部分組成的，一。網(wǎng)頁(yè)文檔，即是網(wǎng)頁(yè)上顯示的文本文字，這是一個(gè)比較小的部分，二。圖片，即是網(wǎng)頁(yè)上顯示的圖片，圖片占整個(gè)頁(yè)面大小是最大的一部分，三，對(duì)象，哪些是對(duì)象元素呢，就是如flash，插件視頻之類的，這個(gè)是比較大的，四，腳本，這個(gè)主要是js文件，，五，樣式表，控制網(wǎng)頁(yè)顯示效果的。

那么，網(wǎng)頁(yè)文件越大，瀏覽器從服務(wù)器下載到顯示頁(yè)面的時(shí)間會(huì)越長(zhǎng)。這個(gè)對(duì)網(wǎng)站seo是非常不好的，具體的內(nèi)容可以參看SEM一家之言中的一篇文章《網(wǎng)頁(yè)加載速度是如何影響seo效果的》， 這篇文章寫的比較全面，有一些網(wǎng)站本身可能是因?yàn)镃MS的原因，也可能是服務(wù)器的原因，在瀏覽器的狀態(tài)欄總是在請(qǐng)求的狀態(tài)，這個(gè)也是要注意的。所以，對(duì)于 網(wǎng)站，文件總體積包括，上面提到的內(nèi)容，html，外部css，外部的javascript，和網(wǎng)頁(yè)上的圖像，聲音，視頻，flash等一些文件的大小。 這些文件中html，css，javascript，全是文本文件，這些文件在網(wǎng)頁(yè)編寫好候可以去控格，不過現(xiàn)在的web服務(wù)器都有壓縮文本的功能，管理 員可以設(shè)置。

但是像圖像，聲音，視頻，flash這些文件在網(wǎng)站占的比重很大，而且這些文件相對(duì)于文本文件要大很多，在網(wǎng)站打開過程中是影響下載速度的重要因素。

 

這是國(guó)內(nèi)某b2c商城首頁(yè)的大小，

 

這是淘寶首頁(yè)大小

 

163首頁(yè)大小，相對(duì)于門戶型網(wǎng)站，商城網(wǎng)站頁(yè)面確實(shí)是比較大。上圖中是firefox中的一個(gè)插件，web developer 中有一個(gè)功能可以查看網(wǎng)頁(yè)的大小 ，此工具對(duì)于技術(shù)分析網(wǎng)站非常有用，功能比較強(qiáng)大，有需要的朋友可以裝上用一用，seo很多也是要分析網(wǎng)站底層代碼，分析竟?fàn)帉?duì)手的網(wǎng)站等。

一般情況下，要求每頁(yè)多大才合適呢，即使是所謂的專家在這個(gè)問題上， 也普遍存在著分歧，如果你的網(wǎng)站需要專業(yè)的品質(zhì)的圖形，那么就不可能遵守“20k定律”，比如現(xiàn)在的電子商務(wù)商城，圖片的處理效果，給銷費(fèi)的感受是不一樣 的，如一些網(wǎng)站制作專題的，大部分是圖片，那么這個(gè)時(shí)候，在設(shè)計(jì)頁(yè)面時(shí)就可以將大的圖片切割成比較小的部分，如國(guó)內(nèi)的moonbas商城，雖然是專題但是 他們把大圖分成了很多小的部分，這樣用戶在打開網(wǎng)頁(yè)時(shí)，網(wǎng)頁(yè)被加載的就比較快，網(wǎng)站打開速度很大程度上會(huì)影響用戶的體驗(yàn)，試想，一個(gè)網(wǎng)站打開的速度很慢， 你一般情況下會(huì)等多久呢，不要讓用戶等待太久，否則你將失去潛在的用戶或定單。

那么，要給網(wǎng)站的網(wǎng)頁(yè)要減肥，要做到哪些比較好呢？

1. 把大部分的css樣式表和javascirpt文件放入到網(wǎng)頁(yè)的外部文件，將它們單獨(dú)寫在一個(gè)文件中，只有在網(wǎng)站第一次被打開時(shí)才引用這些文件，才進(jìn)行加載。然后，網(wǎng)站的 任何頁(yè)面都可以重復(fù)使用這些文件，而不需要再一次的下載，雖然這些文件可能不是很大，但是如果每次打開新的頁(yè)面都要加載，這些也是節(jié)省用戶帶寬的一部分。

2. 如果可以的話，盡量使用不同頁(yè)面的圖形，音頻，視頻。這些文件也是在第一次使用時(shí)才被加載。

3. 不要使用不必要的圖片，動(dòng)畫，聲音，不管是出于實(shí)用性或是為了增加網(wǎng)站的美觀，每個(gè)文件都應(yīng)該有它存在的原因，有些圖片是用來填充空白的，像這樣的圖片可以去掉。

4. 盡量使用小尺寸的圖片，而不是大尺寸的圖片，因?yàn)樵谙嗤�的情況下，小圖片的下載速度更快，如果對(duì)圖片像素要求不高的，可以使用gif格式的圖片，例如，做為背景的圖片可以用小尺寸重復(fù)，而不用一個(gè)大圖作背景，如一些商城網(wǎng) 站，專題頁(yè)面的圖片可以切成小尺寸的圖片，這樣可以讓你的網(wǎng)頁(yè)打開速度加快。

5. 盡量減少導(dǎo)航按鈕中用圖片作翻轉(zhuǎn)的效果，因?yàn)橐�下載不同的圖片，相反，如果，用的是文本鏈接，用css控制翻轉(zhuǎn)也可以達(dá)到同樣的效果。

以上基本列出了影響網(wǎng)頁(yè)大小的相關(guān)因素，可能還有一些沒有找出來，希望有朋友找出更多的影響網(wǎng)頁(yè)優(yōu)化的更多因素

作者信息：劉運(yùn)威博客

標(biāo)簽： 網(wǎng)站結(jié)構(gòu)優(yōu)化 網(wǎng)站頁(yè)面優(yōu)化 網(wǎng)站代碼優(yōu)化 

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