如何在网站开发过程中缓存某些资源

Question

我正在本地安装（MAMP）上开发基于WordPress的站点。我通常在Chrome开发者工具中禁用缓存，但是当我的互联网速度很慢时，只需重新加载某些文件（主题的css文件）并缓存其他资源（字体很棒，谷歌字体等）会很方便。

选择性缓存是Chrome开发者工具的一项功能吗？我只找到了全局禁用缓存选项。如果没有，你还有其他解决方案吗？

提前致谢！

Answer 1

不知道chrome，但您可以在dev mamp文件夹中使用自定义.htaccess：

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

更改＆＃34; ico | pdf | jpg | jpeg | gif | css | js＆＃34;用于匹配要缓存的文件扩展名，并禁用chrome的缓存功能。

希望它有所帮助。

Answer 2

我建议不要使用chrome的禁用缓存功能，而是使用 用于font-awesome和其他google / jquery / bootstrap API的CDN。因此它们将自动缓存在浏览器中。并对您使用的js和css文件进行版本控制以避免其缓存。 比如<script src = "/js/example.js?v=23242" ></script>。因此，当您更改任何这些文件时，也请更改其版本号。可能有一些方法在wordpress中自动执行此操作。 或者您可以使用gulp / grunt之类的东西来执行js / css文件的版本控制。

感谢。