CSS和JavaScript腳本實例

　　導語：CSS樣式和JavaScript腳本是應該放在外部文件中呢？還是把它們放在頁面本身之內(nèi)呢?以下的是百分網(wǎng)小編為大家搜集的CSS樣式和JavaScript腳本，希望對你有所幫助。

　　如何處理是關(guān)于一些性能規(guī)則的思維，52CSS.com就這些問題，作一些探討。

　　在實際應用中使用外部文件可以提高頁面速度，因為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)。雖然有一定的難度，但是仍然有一些指標可以一測量它。如果一個會話中用戶會瀏覽你網(wǎng)站中的多個頁面，并且這些頁面中會重復使用相同的腳本和樣式表，緩存外部文件就會帶來更大的益處。

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

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

【CSS和JavaScript腳本實例】相關(guān)文章：

讓網(wǎng)站變灰的css代碼實例12-02

css實現(xiàn)的tab切換效果實例03-29

正則表達式過濾HTML危險腳本的實例03-29

什么是CSS05-28

JavaScript的應用03-30

CSS中的zoom屬性和scale屬性的用法及區(qū)別12-04

JavaScript與Java的區(qū)別11-26

CSS清除浮動03-30

JavaScript重置表單的實現(xiàn)03-23