網際網路頻寬越來越寬，似乎讓網頁的載入速度得到了質的飛躍。其實不然，因為隨著頻寬的提高，網頁上的物件也越來越多，因此加快網頁開啟速度還是乙個重要的課題。加快網頁的開啟速度，有三個路徑，一是提高網路頻寬，二是使用者在本機做優化，三是**設計者對網頁做一定的優化。這篇文章站在乙個**設計者的角度，分享一些優化網頁載入速度的小技巧。
一、優化
即使在現在，網路頻寬有了很多的提高，56k貓逐漸淡出，優化以加快網頁速度還是很有必要的。
優化包括減少數、降低影象質量、使用恰當的格式。
2、降低影象質量：如果不是很必要，嘗試降低影象的質量，尤其是jpg格式，降低5%的質量看起來變化不是很大，但檔案大小的變化是比較大的。
二、影象格式的選擇
1、jpg：一般用於展示風景、人物、藝術照的攝影作品。有時也用在電腦截圖上。
三、優化css
css疊層樣式表讓網頁載入起來更高效，瀏覽體驗也得到提高。有了css，**布局的方式可以退休了。
但有時我們在寫css的時候會使用了一些比較羅嗦的語句，比如這句：
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
你可以將它簡化為：
margin: 10px 20px 10px 20px;
又或者這句：
a paragraph of decorated text
second paragraph
third paragraph
forth paragraph
可以用div來包含：
a paragraph of decorated text
second paragraph
third paragraph
forth paragraph
四、**後加斜槓
有些**，比如"www.kenengba.com/220"，當伺服器收到這樣乙個位址請求的時候，它需要花費時間去確定這個位址的檔案型別。如果220是乙個目錄，不妨在**後多加乙個斜槓，讓其變成www.kenengba.com/220/，這樣伺服器就能一目了然地知道要訪問該目錄下的index或default檔案，從而節省了載入時間。
五、標明高度和寬度
當瀏覽器知道了高度和寬度引數後，即使暫時無法顯示，頁面上也會騰出的空位，然後繼續載入後面的內容。從而載入時間快了，瀏覽體驗也更好了。
六、減少http請求
當瀏覽者開啟某個網頁，瀏覽器會發出很多物件請求（影象、指令碼等等），視乎網路延時情況，每個物件載入都會有所延遲。如果網頁上物件很多，這可以需要花費大量的時間。
因此，要為http請求減負。如何減負？
1、去除一些不必要的物件。
2、將臨近的兩張合成一張。
3、合併css
看看下面這段**，需要載入三個css：
我們可以將其合成乙個：
從而減少http請求。
七、其它小技巧（譯者新增）
1、去除不必要載入項。
2、如果在網頁上嵌入了其它**的widget，如果有選擇餘地，一定要選擇速度快的。
3、盡量用代替flash，這對seo也有好處。
4、有些內容可以靜態化就將其靜態化，以減少伺服器的負擔。
5、統計**放在頁尾。
提高網頁開啟速度的一些小技巧
網際網路頻寬越來越寬，似乎讓網頁的載入速度得到了質的飛躍。其實不然，因為隨著頻寬的提高，網頁上的物件也越來越多，因此加快網頁開啟速度還是乙個重要的課題。加快網頁的開啟速度，有三個路徑，一是提高網路頻寬，二是使用者在本機做優化，三是 設計者對網頁做一定的優化。這篇文章站在乙個 設計者的角度，分享一些優...
提高網頁開啟速度的一些小技巧
網際網路頻寬越來越寬，似乎讓網頁的載入速度得到了質的飛躍。其實不然，因為隨著頻寬的提高，網頁上的物件也越來越多，因此加快網頁開啟速度還是乙個重要的課題。加快網頁的開啟速度，有三個路徑，一是提高 網路頻寬，二是使用者在本機做優化，三是 設計者對網頁做一定的優化。這篇文章站在乙個 設計者的角度，分享一些...
網頁優化技巧 提高頁面開啟速度
一 優化 幾乎沒有哪個網頁上是沒有的。如果你經歷過56k moden的年代，你一定不很喜歡有大量的 因為載入那樣的網頁會花費大量的時間。即使在現在，網路頻寬有了很多的提高，56k moden逐漸淡出，優化以加快網頁速度還是很有必要的。2 降低影象質量 如果不是很必要，嘗試降低影象的質量，尤其是jpg...