DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 從三方面加速CSS樣式作用網頁速度
從三方面加速CSS樣式作用網頁速度
編輯:CSS詳解     

最近學校的網絡越來越慢了,浏覽網頁時經常出現裸奔的現象,於是我就想如何可以盡量避免這一問題,現把自己的一些思路寫出來,以供大家參考:

在我們無法更換服務器或提高服務器速度的情況下,要想讓我們的頁面不"裸"在用戶面前,只能從縮小頁面、減少HTTP請求和提高客戶端速度等方面來想辦法。

1.縮小頁面:利用(X)Html+CSS方式搭建網站結構,並使用程序自動壓縮CSS和JS文件;

2.減少HTTP請求:(1).由於客戶端每顯示一張圖片都會向服務器發送請求,所以在使用圖片時能少則少,能合則合,譬如文本編輯器中的小圖標或鼠標事件出發的切換圖片都可以用一張圖解決,不過你可能會有這樣的疑問:圖片的合並不是又導致圖片過大影響下載了嗎?其實這樣的顧慮在網絡不是特別慢的情況下是多余的,因為在200K以內的圖片,並不會明顯感覺下載變慢了;(2)這點是我想著重強調的,即適當地僅將關於版快的CSS設為外部鏈接,例如可以把CSS劃分成四類:基本設置CSS、版快劃分CSS、公用版快CSS、特色版快CSS,而其中的基本設置和版快劃分所用到的CSS就可以在內部直接引用,這樣既可以減少了HTTP請求,又避免了頁面徹底裸奔;(3).分離邏輯層和結構層,即把後台代碼從XHtml中獨立出來,這點在.Net中就得到了很好的實現,這樣就優先載入頁面結構以及結構圖片,後一步載入當前頁面數據;

3.提高客戶端速度:關於這點的解決方法主要就是針對JS的編寫了,而我對JS的理解不是太深,就不多說了,只說兩個需要注意的小點:盡可能的少用索引訪問,盡量不要使用appendChild方式。

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