如何在網站開發期間緩存某些資源

我正在本地安裝（MAMP）上開發基於WordPress的站點。我通常在Chrome開發人員工具中禁用了緩存，但是當我的網絡速度較慢時，只需重新加載某些文件（主題的css文件）並緩存其他資源（字體真棒，谷歌字體等）將會很方便。如何在網站開發期間緩存某些資源

是否有選擇性地緩存Chrome開發人員工具的功能？我只找到全局禁用緩存選項。如果不是，你有任何其他解決方案？

提前致謝！

來源

2017-01-11 Mauro Bringolf

不知道鉻，但你可以在你的開發MAMP文件夾中使用自定義的.htaccess：

<IfModule mod_expires.c> 
    ExpiresActive On 
    <FilesMatch "\.(ico|pdf|jpg|jpeg|gif|css|js)$"> 
    ExpiresDefault "access plus 1 year" 
    </FilesMatch> 
</IfModule>

變化的「ICO | PDF | JPG | JPEG | GIF | CSS | JS」爲匹配您想要緩存的文件擴展名，並禁用chrome的緩存功能。

希望它有幫助。

來源

2017-01-11 10:04:01 Julien

這是幹什麼的？它看起來非常符合我的想法。 –

它會告訴您的瀏覽器所有帶* .xx擴展名的文件在1年前不必重新下載（您可以調整此值）。 – Julien

我建議不要使用chrome的禁用緩存功能，而是使用 CDN作爲font-awesome和其他google/jquery/bootstrap API。所以他們會自動緩存在瀏覽器中。並對你工作的js和css文件進行版本管理，以避免緩存。 like <script src = "/js/example.js?v=23242" ></script>。所以當你更改這些文件時，也要更改它們的版本號。可能是WordPress的方式自動做到這一點。或者你可以使用諸如gulp/grunt之類的東西來進行js/css文件的版本控制。

謝謝。

來源

2017-01-11 10:15:37

謝謝。 WordPress支持css和js文件的版本號，而我的walway想知道它們的優點。現在有道理。但是這需要我在每次更改時都更改版本號，即使我隨着更改而來回移動。我不覺得它適合我的工作流程，但無論如何謝謝你！ –

我使用字體真棒和谷歌字體的CDN，所以我不知道那個.. –

如何在網站開發期間緩存某些資源

回答

相關問題