Css 如何在网站开发过程中缓存某些资源
我正在开发一个基于本地安装(MAMP)的WordPress站点。我通常会在Chrome开发者工具中禁用缓存,但当我的互联网速度较慢时,只需重新加载某些文件(主题的css文件)和缓存其他资源(字体真棒、谷歌字体等)就很方便了 选择性缓存是Chrome开发者工具的一项功能吗?我只找到了全局禁用缓存选项。如果没有,您还有其他解决方案吗Css 如何在网站开发过程中缓存某些资源,css,wordpress,caching,google-chrome-devtools,development-environment,Css,Wordpress,Caching,Google Chrome Devtools,Development Environment,我正在开发一个基于本地安装(MAMP)的WordPress站点。我通常会在Chrome开发者工具中禁用缓存,但当我的互联网速度较慢时,只需重新加载某些文件(主题的css文件)和缓存其他资源(字体真棒、谷歌字体等)就很方便了 选择性缓存是Chrome开发者工具的一项功能吗?我只找到了全局禁用缓存选项。如果没有,您还有其他解决方案吗 提前谢谢 不知道chrome,但您可以在dev mamp文件夹上使用自定义的.htaccess: <IfModule mod_expires.c> Ex
提前谢谢 不知道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>
过期于
ExpiresDefault“访问权限加1年”
更改“ico | pdf | jpg | jpeg | gif | css | js”以匹配要缓存的文件扩展名,并禁用chrome的缓存功能
希望有帮助。我建议不要使用chrome的禁用缓存功能,而是使用 用于字体awesome和其他google/jquery/bootstrap API的CDN。因此,它们将自动缓存在浏览器中。并对您处理的js和css文件进行版本控制,以避免缓存。 比如
。因此,当您更改这些文件时,也要更改它们的版本号。wordpress中可能有一些方法可以自动完成这项工作。
或者,您可以使用gulp/grunt之类的工具对js/css文件进行版本控制
谢谢。谢谢。WordPress支持css和js文件的版本号,我想知道它们有什么用。现在有道理了。但这需要我在每次更改时更改版本号,即使我来回更改。我觉得它不适合我的工作流程,但无论如何谢谢你!我正在使用CDN的字体真棒和谷歌字体,所以我不知道这一个..这到底是做什么?它看起来非常符合我的想法。它告诉你的浏览器,所有扩展名为*.xx的文件在1年前不必重新下载(你可以调整这个值)。