Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何在网站开发过程中缓存某些资源_Css_Wordpress_Caching_Google Chrome Devtools_Development Environment - Fatal编程技术网

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

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

我正在开发一个基于本地安装(MAMP)的WordPress站点。我通常会在Chrome开发者工具中禁用缓存,但当我的互联网速度较慢时,只需重新加载某些文件(主题的css文件)和缓存其他资源(字体真棒、谷歌字体等)就很方便了

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


提前谢谢

不知道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年前不必重新下载(你可以调整这个值)。