浏览器缓存干扰css样式的变化?

时间:2015-05-01 19:09:58

标签: html css .htaccess caching

我的网站上有一个小问题,希望你这个好人可以帮忙。为了提高我网站上的Google页面加载速度(wheelingit.us),我根据以下链接在我的.htaccess文件中安装了浏览器缓存: http://wiki.dreamhost.com/Htaccess_tricks#Faster_Page_Load_Times_.2F_Bandwidth_Saver

我的网页速度肯定有所改善。但是现在我注意到当我更改css样式或更新其中一个侧面小部件中的文本时,它不会显示在我的网页上。我认为这与浏览器缓存有关?

无论如何要让我的css&小部件框文本更改出现在页面上,同时仍然利用浏览器缓存?或者我是否需要完全删除浏览器缓存?

尼娜

2 个答案:

答案 0 :(得分:0)

您始终可以在.css文件中添加查询字符串,以便在进行更改时强制更新。

类似stylesheet.css?v = 1.0。

然后,您可以在进行更改时增加v。

答案 1 :(得分:0)

在我们讨论之后,您似乎正在使用Varnish - 服务器端缓存解决方案来优化Wordpress网站的性能。对插件的缓存执行清除可以解决问题。

要手动清除缓存中的所有CSS文件,请打开命令或终端控制台并键入:

$ curl -X PURGE "http://example.com/wp-content/themes/.*\.css"

您可以按照此处的说明获取更多示例: http://wiki.dreamhost.com/DreamPress#Manually_Purging_the_Varnish_Cache_Via_SSH

还有其他wordpress插件可以帮助你做到这一点,但是它们需要你安装它们,这可能比所需的更多开销:

https://wordpress.org/plugins/varnish-http-purge/