在浏览器中保存css文件以备将来使用

Question

有没有办法保存我的网站的css文件，这些文件在用户的浏览器中加载了标签以备将来使用。我的意思是我不希望用户每次访问我的网站时都重新加载css文件，因为它会使网站变慢。我可以用html，javascript或php实现这个吗？ 谢谢你的时间！

Answer 1

利用浏览器缓存是一种很好的做法，可以阅读here。

如何执行此操作是通过编辑.htaccess文件，如此（示例）：

<IfModule mod_expires.c>

ExpiresActive On

ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType text/javascript "access 1 month"
ExpiresByType image/x-icon "access 1 year"

</IfModule>

如您所见，使用此代码，css文件将缓存1个月。

小心设置时间，因为浏览器不会重新加载文件，除非时间已过期或文件名已更改。避免这种情况的一种简单方法是在文件中使用如下版本：main.css?v=1.0。这样做的好处是你不必每次都重命名你的文件，但缺点是大多数代理都没有用“？”来缓存资源。在网址中。