CSS樣式和JavaScript腳本是否放置于外部文件的探討_Web標(biāo)準(zhǔn)教程
CSS樣式和JavaScript腳本是應(yīng)該放在外部文件中呢?
還是把它們放在頁面本身之內(nèi)呢?
如何處理是關(guān)于一些性能規(guī)則的思維,Mb5u.com就這些問題,作一些探討。
在實際應(yīng)用中使用外部文件可以提高頁面速度,因為CSS樣式和JavaScript腳本文件都能在客戶端產(chǎn)生緩存。內(nèi)置在HTML文檔中的CSS樣式和JavaScript腳本則會在每次請求中隨HTML文檔重新下載。這雖然減少了HTTP請求的次數(shù),卻增加了HTML文檔的大小。從另一方面來說,如果外部文件中的CSS樣式和JavaScript腳本被客戶端緩存,在沒有增加HTTP請求次數(shù)的同時可以減少HTML文檔的大小。
關(guān)鍵問題是,外部CSS樣式和JavaScript腳本文件緩存的頻率和請求HTML文檔的次數(shù)有關(guān)。雖然有一定的難度,但是仍然有一些指標(biāo)可以一測量它。如果一個會話中用戶會瀏覽你網(wǎng)站中的多個頁面,并且這些頁面中會重復(fù)使用相同的腳本和樣式表,緩存外部文件就會帶來更大的益處。
許多網(wǎng)站沒有注意建立這些指標(biāo)。對于這些網(wǎng)站來說,最好的堅決方法就是把CSS樣式和JavaScript腳本作為外部文件引用。比較適合使用內(nèi)置代碼的例外就是網(wǎng)站的主頁。主頁在一次會話中擁有較少(可能只有一次)的瀏覽量,你可以發(fā)現(xiàn)內(nèi)置CSS樣式和JavaScript腳本對于終端用戶來說會加快響應(yīng)時間。而且主頁一般是用戶訪問的第一頁,內(nèi)置CSS樣式和JavaScript腳本可以提高打開的速度。
對于擁有較大瀏覽量的首頁來說,有一種技術(shù)可以平衡內(nèi)置代碼帶來的HTTP請求減少與通過使用外部文件進行緩存帶來的好處。其中一個就是在首頁中內(nèi)置CSS樣式和JavaScript腳本,但是在頁面下載完成后動態(tài)下載外部文件,在子頁面中使用到這些文件時,它們已經(jīng)緩存到客戶端了。
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- 常用的Web標(biāo)準(zhǔn)開發(fā)編輯器
- WEB2.0標(biāo)準(zhǔn)教程:第三天 定義語言編碼
- 關(guān)于CSS控制DIV水平居中問題
- Aptana Studio簡介
- 告訴你網(wǎng)站符合W3C標(biāo)準(zhǔn)有什么優(yōu)點
- 學(xué)習(xí)Web標(biāo)準(zhǔn) 給你的網(wǎng)頁選擇合適的文檔類型
- Browser網(wǎng)頁瀏覽器淺談
- Web標(biāo)準(zhǔn)學(xué)習(xí):CSS樣式書寫風(fēng)格
- 如何用CSS層疊樣式表控制鼠標(biāo)顯示的樣式
- IE對網(wǎng)頁中引入CSS樣式表的限制
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-CSS樣式和JavaScript腳本是否放置于外部文件的探討。