| 導購 | 订阅 | 在线投稿
分享
 
 
 

CSS樣式和JavaScript腳本是否放置于外部文件的探討

來源:互聯網  2008-08-15 05:14:20  評論

CSS樣式和JavaScript腳本是應該放在外部文件中呢?

還是把它們放在頁面本身之內呢?

如何處理是關于一些性能規則的思維,52CSS.com就這些問題,作一些探討。

在實際應用中使用外部文件可以提高頁面速度,因爲CSS樣式和JavaScript腳本文件都能在客戶端産生緩存。內置在HTML文檔中的CSS樣式和JavaScript腳本則會在每次請求中隨HTML文檔重新下載。這雖然減少了HTTP請求的次數,卻增加了HTML文檔的大小。從另一方面來說,如果外部文件中的CSS樣式和JavaScript腳本被客戶端緩存,在沒有增加HTTP請求次數的同時可以減少HTML文檔的大小。

關鍵問題是,外部CSS樣式和JavaScript腳本文件緩存的頻率和請求HTML文檔的次數有關。雖然有一定的難度,但是仍然有一些指標可以一測量它。如果一個會話中用戶會浏覽你網站中的多個頁面,並且這些頁面中會重複使用相同的腳本和樣式表,緩存外部文件就會帶來更大的益處。

許多網站沒有注意建立這些指標。對于這些網站來說,最好的堅決方法就是把CSS樣式和JavaScript腳本作爲外部文件引用。比較適合使用內置代碼的例外就是網站的主頁。主頁在一次會話中擁有較少(可能只有一次)的浏覽量,你可以發現內置CSS樣式和JavaScript腳本對于終端用戶來說會加快響應時間。而且主頁一般是用戶訪問的第一頁,內置CSS樣式和JavaScript腳本可以提高打開的速度。

對于擁有較大浏覽量的首頁來說,有一種技術可以平衡內置代碼帶來的HTTP請求減少與通過使用外部文件進行緩存帶來的好處。其中一個就是在首頁中內置CSS樣式和JavaScript腳本,但是在頁面下載完成後動態下載外部文件,在子頁面中使用到這些文件時,它們已經緩存到客戶端了。

  CSS樣式和JavaScript腳本是應該放在外部文件中呢?   還是把它們放在頁面本身之內呢?   如何處理是關于一些性能規則的思維,52CSS.com就這些問題,作一些探討。   在實際應用中使用外部文件可以提高頁面速度,因爲CSS樣式和JavaScript腳本文件都能在客戶端産生緩存。內置在HTML文檔中的CSS樣式和JavaScript腳本則會在每次請求中隨HTML文檔重新下載。這雖然減少了HTTP請求的次數,卻增加了HTML文檔的大小。從另一方面來說,如果外部文件中的CSS樣式和JavaScript腳本被客戶端緩存,在沒有增加HTTP請求次數的同時可以減少HTML文檔的大小。   關鍵問題是,外部CSS樣式和JavaScript腳本文件緩存的頻率和請求HTML文檔的次數有關。雖然有一定的難度,但是仍然有一些指標可以一測量它。如果一個會話中用戶會浏覽你網站中的多個頁面,並且這些頁面中會重複使用相同的腳本和樣式表,緩存外部文件就會帶來更大的益處。   許多網站沒有注意建立這些指標。對于這些網站來說,最好的堅決方法就是把CSS樣式和JavaScript腳本作爲外部文件引用。比較適合使用內置代碼的例外就是網站的主頁。主頁在一次會話中擁有較少(可能只有一次)的浏覽量,你可以發現內置CSS樣式和JavaScript腳本對于終端用戶來說會加快響應時間。而且主頁一般是用戶訪問的第一頁,內置CSS樣式和JavaScript腳本可以提高打開的速度。   對于擁有較大浏覽量的首頁來說,有一種技術可以平衡內置代碼帶來的HTTP請求減少與通過使用外部文件進行緩存帶來的好處。其中一個就是在首頁中內置CSS樣式和JavaScript腳本,但是在頁面下載完成後動態下載外部文件,在子頁面中使用到這些文件時,它們已經緩存到客戶端了。
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
王朝網路微信公眾號
微信掃碼關註本站公眾號 wangchaonetcn
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有