CSS樣式和JavaScript指令碼是應該放在外部檔案中呢

CSS樣式和JavaScript指令碼是應該放在外部檔案中呢？
　　還是把它們放在頁面本身之內呢？
　　如何處理是關於一些效能規則的思維，就這些問題，作一些探討。

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

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

　　許多網站沒有注意建立這些指標。對於這些網站來說，最好的堅決方法就是把CSS樣式和JavaScript指令碼作為外部檔案引用。比較適合使用內建代碼的例外就是網站的首頁。首頁在一次會話中擁有較少（可能只有一次）的瀏覽量，你可以發現內建CSS樣式和JavaScript指令碼對於終端使用者來說會加快回應時間。而且首頁一般是使用者訪問的第一頁，內建CSS樣式和JavaScript指令碼可以提高開啟的速度。

　　對於擁有較大瀏覽量的首頁來說，有一種技術可以平衡內建代碼帶來的HTTP請求減少與通過使用外部檔案進行緩衝帶來的好處。其中一個就是在首頁中內建CSS樣式和JavaScript指令碼，但是在頁面下載完成後動態下載外部檔案，在子頁面中使用到這些檔案時，它們已經緩衝到用戶端了。