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腳本,但是在頁面下載完成後動態下載外部文件,在子頁面中使用到這些文件時,它們已經緩存到客戶端了。

如何在jsp頁面中引入css樣式表文件和javascript文件
一:如何在jsp頁面中引入css樣式表文件? 1, 首先把寫好的css樣式表內容存爲*.css格式。如style.css2, 在頁面中引入這個css 樣式文件。用如下的方式引入。<link rel="stylesheet" href="./css/style.css" type...查看完整版>>如何在jsp頁面中引入css樣式表文件和javascript文件
 
用javascript 轉換外部鏈接樣式
  用css屬性選擇器可以有選擇性地對鏈接樣式進行控制,如讓所有的外部鏈接都加一個小圖標來標識其是一外部鏈接。  但用css有弊端:  1、只支持FireFox等對web標准支持很好的浏覽器。  2、只能判斷鏈接,不能...查看完整版>>用javascript 轉換外部鏈接樣式
 
用javascript 轉換外部鏈接樣式
作者相關:http://www.lemongtree.com用css屬性選擇器可以有選擇性地對鏈接樣式進行控制,如讓所有的外部鏈接都加一個小圖標來標識其是一外部鏈接。但用css有弊端: 1、只支持FireFox等對web標准支持很好的浏覽器。2...查看完整版>>用javascript 轉換外部鏈接樣式
 
在CSS樣式表裏使用JavaScript
CSS樣式裏使用JavaScript(onmouseover/onmouseout)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> CSS樣式裏使用JavaScript(onmouseover/onmouseout)...查看完整版>>在CSS樣式表裏使用JavaScript
 
動態加載外部css或js文件
原理解析:第一步:使用dom創建<script>或者<link>標簽,並給他們附加屬性,如type等第二步:使用appendChild方法把標簽綁定到另一個標簽,一般是綁到<head>. 應用:  1、提高代碼的複用,...查看完整版>>動態加載外部css或js文件
 
CSS樣式文件優化 更整潔而清晰
  CSS簡寫就是指將多行的CSS屬性聲明化成一行,又稱爲CSS代碼優化。CSS簡寫的最大好處就是能夠顯著減少CSS文件的大小,其實還有很多其他益處。臃腫而雜亂的CSS樣式表會使你遇到問題是難以調試。尤其是當一個團隊在...查看完整版>>CSS樣式文件優化 更整潔而清晰
 
使用串接樣式表(CSS)來顯示XML文件
在本章中,你將學習顯示XML 文件于Microsoft Internet Explorer 5 中的第一種方法:串接樣式表(CSS)。串接樣式表是一個包含安排XML 文件中元素相關指令的檔案。因爲你已經利用XML創造了自己的元素,浏覽器並不知道...查看完整版>>使用串接樣式表(CSS)來顯示XML文件
 
學習CSS使用技巧教程(3)外部調用
  外部引用的優點  爲什麽要把CSS聲明做成一個CSS文件呢?這樣做的好處有三個。  第一個好處,網頁處理速度會更快一些,尤其在有很多網頁共用一份CSS樣式表時更爲好用!因爲你不用爲每一頁都寫同樣的CSS代碼,...查看完整版>>學習CSS使用技巧教程(3)外部調用
 
學習CSS使用技巧教程(3)外部調用
  上一節:  外部引用的優點  爲什麽要把CSS聲明做成一個CSS文件呢?這樣做的好處有三個。  第一個好處,網頁處理速度會更快一些,尤其在有很多網頁共用一份CSS樣式表時更爲好用!因爲你不用爲每一頁都寫同樣...查看完整版>>學習CSS使用技巧教程(3)外部調用
 
 
回到王朝網路移動版首頁