高效能web建站規則（外部js和css通常更好一些）

沉默王二發表於2016-06-08
WebJSCSS
版權宣告：歡迎轉載，請註明沉默王二原創。 https://blog.csdn.net/qing_gee/article/details/80123685

對於js和css，通常的做法有兩種，一種將js和css直接嵌入到頁面中，稱為內聯，另外一種就是通過src和link進行外部匯入，稱為外接。那麼，哪一種更好一些呢？通常情況下外接更好一些，為什麼呢？

  1. 使用者往往從首頁開啟以後，會繼續跳轉到其餘頁面。比如說，從csdn首頁到部落格，再到極客頭條，那麼，假如開啟首頁時，外部的js和css被快取起來了，接下來的請求中，公用的js和css就不會再從伺服器上獲取，內聯的方式是沒有辦法快取的。
  2. 假如說你網站的使用者有很大的比重只訪問首頁，那麼內聯就會減少http請求，相對的載入速度就會更快。
  3. 但從大部分網站的功能上看，使用者訪問多個後續頁面的機率要大於只訪問首頁，所以外接的傾向就會大一些。


相關文章