[問題] 外部JS程式及CSS匯入至網頁頁面問題… red0whale PTT批踢踢實業坊

[問題] 外部JS程式及CSS匯入至網頁頁面問題…

作者: red0whale (red whale) 2017-08-23 11:56:26

通常我們為了讓相同的JS程式碼或CSS在多個頁面中不再重複載入造成速度變慢
會將JS和CSS另外獨立成一個檔案並匯入至所有網頁頁面
以至瀏覽器讀到相同匯入檔就不必辛苦的再重新把JS程式碼和CSS全部重新讀過一遍
請問如果我第一頁載入的檔案是「a.js?id=1」，第二頁載入「a.js?id=2」
請問瀏覽器會不會認為這是兩個不同的檔案而在讀取第二頁時將「a.js?id=2」當成是一
個全新的檔案而全部再重新讀過一遍？
(「a.js?id=1」和「a.js?id=2」檔案內容大致相同，只是因為變數id有所不同而略有差
異)

作者: Kenqr (function(){})() 2017-08-23 11:58:00

會

作者: Ayukawayen (亞布里艾爾發芽>//<) 2017-08-23 12:13:00

會我改過js檔後都用這招來叫瀏覽器重讀

作者: kyrc (橘子) 2017-08-23 14:01:00

https://goo.gl/pR3DJD

作者: Kenqr (function(){})() 2017-08-23 17:31:00

變數用ajax讀進來

作者: Peruheru (還在想) 2017-08-23 17:48:00

或是要不要考慮龐大的那個不做分別，而是後台產生JS檔給前台讀然後更新變數內容，就像CSS覆蓋的感覺也就是把變數單獨作為一個動態JS檔然後延後讀入

作者: jhnny97 (≡(　ﾟДﾟ)) 2017-08-23 18:20:00

阿對了google的瘦身工具很好用http://closure-compiler.appspot.com/home

作者: hijkxyzuw (i,j,k) ×(x,y,z) 2017-08-23 22:01:00

querystring 一樣的話還是可以 cache 的

繼續閱讀

[問題] Github網頁lihohsin [問題] Google Map Api 是否有這個效果shin0204 [問題] 分析網頁原始碼的問題Lo78 [問題] Facebook OG Tagkiding119 [問題] weebly域名問題heycloud Re: [問題] jquery 的 .on() 要如何用純 js 實現？bibo9901 [問題] wordpress管理員信箱以及收發信問題x116898748 Re: [問題] jquery 的 .on() 要如何用純 js 實現red0whale [問題] jquery 的 .on() 要如何用純 js 實現？tyf99 [問題] 關於用Google Cloud Platformmini0228