- 相關(guān)推薦
CSS和JavaScript腳本實(shí)例
導(dǎo)語(yǔ)：CSS樣式和JavaScript腳本是應(yīng)該放在外部文件中呢？還是把它們放在頁(yè)面本身之內(nèi)呢?以下的是百分網(wǎng)小編為大家搜集的CSS樣式和JavaScript腳本，希望對(duì)你有所幫助。
如何處理是關(guān)于一些性能規(guī)則的思維，52CSS.com就這些問題，作一些探討。
在實(shí)際應(yīng)用中使用外部文件可以提高頁(yè)面速度，因?yàn)镃SS樣式和JavaScript腳本文件都能在客戶端產(chǎn)生緩存。內(nèi)置在HTML文檔中的CSS樣式和JavaScript腳本則會(huì)在每次請(qǐng)求中隨HTML文檔重新下載。這雖然減少了HTTP請(qǐng)求的次數(shù)，卻增加了HTML文檔的大小。從另一方面來說，如果外部文件中的CSS樣式和JavaScript腳本被客戶端緩存，在沒有增加HTTP請(qǐng)求次數(shù)的同時(shí)可以減少HTML文檔的大小。
關(guān)鍵問題是，外部CSS樣式和JavaScript腳本文件緩存的頻率和請(qǐng)求HTML文檔的次數(shù)有關(guān)。雖然有一定的難度，但是仍然有一些指標(biāo)可以一測(cè)量它。如果一個(gè)會(huì)話中用戶會(huì)瀏覽你網(wǎng)站中的多個(gè)頁(yè)面，并且這些頁(yè)面中會(huì)重復(fù)使用相同的腳本和樣式表，緩存外部文件就會(huì)帶來更大的益處。
許多網(wǎng)站沒有注意建立這些指標(biāo)。對(duì)于這些網(wǎng)站來說，最好的堅(jiān)決方法就是把CSS樣式和JavaScript腳本作為外部文件引用。比較適合使用內(nèi)置代碼的例外就是網(wǎng)站的主頁(yè)。主頁(yè)在一次會(huì)話中擁有較少(可能只有一次)的瀏覽量，你可以發(fā)現(xiàn)內(nèi)置CSS樣式和JavaScript腳本對(duì)于終端用戶來說會(huì)加快響應(yīng)時(shí)間。而且主頁(yè)一般是用戶訪問的第一頁(yè)，內(nèi)置CSS樣式和JavaScript腳本可以提高打開的速度。
對(duì)于擁有較大瀏覽量的首頁(yè)來說，有一種技術(shù)可以平衡內(nèi)置代碼帶來的HTTP請(qǐng)求減少與通過使用外部文件進(jìn)行緩存帶來的好處。其中一個(gè)就是在首頁(yè)中內(nèi)置CSS樣式和JavaScript腳本，但是在頁(yè)面下載完成后動(dòng)態(tài)下載外部文件，在子頁(yè)面中使用到這些文件時(shí)，它們已經(jīng)緩存到客戶端了。
【CSS和JavaScript腳本實(shí)例】相關(guān)文章：
優(yōu)化JavaScript腳本的性能的方法09-03
css設(shè)置層透明實(shí)例07-16
CSS的animation屬性使用實(shí)例分析11-09
用CSS讓p層水平居中實(shí)例10-01
CSS+p實(shí)現(xiàn)懸浮效果的實(shí)例10-05