一、如何判斷一個網頁的打開速度

 

　　1、網頁內容的大小

 

　　搜索引擎優(yōu)化網頁打開的最佳 速度：2秒!網頁內容所包括的文本、產品的圖片、視頻、flash文件等。 我們有一個網頁訪問的時間計算公式：網頁打開時間=網頁內容大小/最小帶寬+解析次數*每次解析時間+服務器處理時間+客戶端解析時間。用戶最滿意的打開網頁時間，是在2秒以下。用戶能夠忍受的最長等待時間的中位數，在 6-8秒之間。這就是說，8秒是個臨界值，如果你的網站打開速度在8秒以上，那么很可能，大部分訪問者最終都會離你而去。

 

　　2、控制頁面的總規(guī)模

 

　　要想把網頁做得精彩，內容必須豐富，但不要把所有的內容都放在一個頁面上，應控制頁面的總規(guī)模。首先統(tǒng)計頁面中的每個元素，如文字、圖像、activex或java代碼 以及html文本的大小，頁面容量最好在50k以下。

 

　　二、網頁設計優(yōu)化

 

　　網頁優(yōu)化是指在設計，使用網頁各元素時，能夠盡量減少網頁元素對下載速度所產生的影響。這些細節(jié)我們了解后，是能在日常網頁制作中可以進行避免的。

 

　　1、讓網頁符合w3c標準

 

　　(1)在網頁制作中使 用結構層同表現層完全分離。也就 是布局使用用css而不用table。這樣做不僅能替換掉專業(yè)的表現層的垃圾代碼如標簽。而且也能讓你的網站在重構方而能夠輕松實現。幾年來的多項研宄已證實，如果對一個網站進行重寫，使用div+css布局取代表格布局，那么可以砍掉原xhmtl文檔大小的一半。

 

　　(2)讓html標記有始有終。不管是我們自己寫或是查看他人的html代碼時，會發(fā)現html代碼標簽寫得不規(guī)范。有的標記有頭無尾，如標簽li，標簽p。它并沒有妨礙代碼的正確執(zhí)行。但瀏覽器卻會花費時間來判斷和計算段落或者列表項目在哪里結束。所以，我們一定要讓標記有始有終，這樣做不僅使html代碼格式規(guī)范，更可以加速頁面的顯示速度。

 

　　2、優(yōu)化層疊樣式表

 

　　(1)層疊樣式表css是html的裝扮器，一個漂亮的web頁面不可能沒有它。一般來說，我們要合并精減css代碼，移除無用多余代碼;圖片盡量不要使用css的濾鏡來渲染; css的選擇器盡量簡單定義。

 

　　(2)html頁面中有多種引用css的方法，不同的方法導致的效率也不一樣。通常，我們可以將定義于

 

　　3、優(yōu)化圖片

 

　　圖片可以說是影響網頁加載速度最大的因素，不管是使用圖片優(yōu)化工具，還是減小圖片大小。在質量和文件大小之間必須找到一個合適的均衡點。主要有以下幾個需了解的方面。

 

　?。?）一般在網頁上使用的圖片格式有三種，jpg、png、gif。我們只 需要知道在什么時候應該使用什么格式，以減少網頁的加載時間。

 

　?。?）圖片的使用顯示。需要顯示圖片時，盡量使用背景圖片，而不是直接加載。也需要注意的是盡量不要用一個很小的圖片當背景，這樣做會加大客戶端cpu處理時間。比如說預載入下一頁的主要內容時。在用戶看到大圖之前先把小圖展開，讓用戶不至于在等待的過程中太焦慮。

 

　?。?）圖片在html代碼里要標明大小。這樣瀏覽器就能事先留好空。當你在網頁上添加圖片或表格時，你應該指定它們的高度和 度，也就是參數。如果瀏覽器沒有 找到height和width這兩個參數， 它需要一邊下載圖片一邊計算大小，如果圖片很多，瀏覽器需要不斷地調整頁面。這不但影響速度， 也影響瀏覽體驗。

 

　　4、優(yōu)化腳本語言

 

　?。?）網頁的效果離不開腳本程序的支持，我們經常會在頁面中嵌入多種腳本語言，比如常用到的javascript 與vbscript語言。動態(tài)腳本代碼在使用中也可以進行一定的優(yōu)化。在網頁中使用同一種腳本語言。不知你發(fā)覺沒有，在一個網頁中使用到多種腳本代碼時，這樣的混合使用會減慢頁面的訪問速度。原因在于：要解釋并運行多種腳本代碼，就必須在內存中裝載多種腳本引擎。所以，請盡量在頁面中使用同一種腳本語言編寫代碼。

 

　?。?）能用層疊樣式表實現效果時，不使用腳本語言。如必須使用動態(tài)腳本代碼時，盡量將代碼外放。我們知道搜索引擎是不能讀取腳本語言的。如果你覺得往外放太 過麻煩，我們可以將腳本代碼與網頁分離，單獨放到底部來。對于訪客來說，網站打開至加載到底部的代碼時間很短，有時可以忽略不記，所以不會影響什么。而對于搜索引擎來說它不認識的代碼越少當然越好了。

 

　?。?）將多個頁面都用到的腳本程序編寫成獨立存在的腳本文件，然后再在頁面中通過javascript等腳文語言調用它。將多頁面共有部分提取出來減少web頁面下載時間的關鍵就是設法減小文件大小。當多個頁面共用一些成分內容時，就可以考慮將這些公用部分單獨分離出來。這樣，公用文件只需要下載一次，然后就進入緩沖區(qū)。等下 再次調用包含公用文件的html頁面時，下載時間明顯減少。

 

　　5、其它技巧的優(yōu)化

 

　?。?）巧用iframe布局

 

　　巧用iframe加快網頁打開速度。如果網頁上插入一些廣告代碼，又不想讓這些廣告網站影響 度的話，那么，使用iframe最合適不過了。例如在某個首頁上插入一些廣告代碼方法：將這些廣告代碼放到一個獨立的頁面去，然后在首頁用iframe代碼將該頁面嵌入即可，這樣就不會因為廣告頁面的延遲而拖了整個首頁的顯示。又比 如，開發(fā)一個文檔預覽頁面，可以在左邊放置一系列主題，在右邊放置一個iframe，其中包含要預覽的文檔；當鼠標掠過左邊的每一個主題鏈接時，就在右邊建立一個 預覽文檔。我們只需使用單一且簡化了處理過程。

 

　　（2）不要讓統(tǒng)計代碼影響速度

 

　　很多網站都有統(tǒng)計代碼，為站長和廣告商家提供訪問依據，但是，不管功能有多強大的網站統(tǒng)計系統(tǒng)，都會有出問題的時候。都要運行時間，如果直接把統(tǒng)計代碼放到頁面內容的前面，或者放在一個table或者div標簽里，那么在計數器不能訪問的時候，你的頁面上那個table或者div就會產生幾十秒鐘的延遲，導致頁面很長時間才能訪問。所以，要提高網站的速度，就要講究統(tǒng)計代碼放置的位置，推薦的做法是：把統(tǒng)計代碼放到頁面的最下面，并且不要和頁面內容同在一個table或者div標簽里。 可以在頁面代碼的最下方直接放置統(tǒng)計代碼，或者在最下方單獨做一 個table或者div來放置計數器，這樣，在計數器不能訪問的時候，你的 iframe，修改它的src屬性即可。這樣做，不僅代碼效率高效，而網站速度也不會受到絲毫影響。

 

　?。?）頁面靜態(tài)化設計

 

　　有些內容可以靜態(tài)化就將其靜態(tài)化，以減少服務器的負擔。 如用圖片代替flash，這對seo也有好處。同理，能用靜態(tài)html頁面實現的，盡量用靜態(tài)網頁。因為數據 更新的原因，asp、php、jsp等程 序實現了網頁信息的動態(tài)交互，運行起來的確非常方便，因為它們的 數據交互性好，能很方便存取最新 內容、更改數據庫的內容，使網站 “動”起來，如：論壇、留言板 等。但是這類程序必須先由服務 執(zhí)行處理后，生成html頁面，然后 再“送”往客戶端瀏覽，這就不得 不耗費一定的服務器資源。如果在 虛擬主機上過多地使用這類程序， 網頁顯示速度肯定會慢，所以如何 可能，為了網頁打開速度加快，請 盡量使用靜態(tài)的html頁面。

 

　　對于網頁設計者來說。每一個頁面都應該是精雕細刻，盡其可能優(yōu)化每一個細節(jié)，加快網頁下載打開的速度，以提高用戶體驗的感受，能夠讓我們的網站有更好的用戶體驗，趕快按照上面說的方法，讓自己的網站打開速度飛起來吧！