css - 如何为css/js文件设置缓存

Question

我必须为网站中使用的 css 文件和 js 文件使用缓存。 我的网站在共享托管服务器上运行。服务器无能为力。

那么对js和css文件使用缓存和压缩的解决方案是什么。

Answer 1

如果您使用的是 Apache，我会从这里开始。

• http://www.askapache.com/htaccess/htaccess.html
• http://www.askapache.com/htaccess/speed-up-your-site-with-caching-and-cache-control.html#caching-with-mod_expires

压缩和缓存是不同的东西。

对于压缩，PHP Minify 或 YUI Compressor 都很棒。如果一切都失败了，TextMate 有一个很好的 Javascript 工具包，可以让你压缩你的代码。您可以手动压缩您的代码，然后上传它，然后取消压缩以使源恢复到可读状态。我不推荐这样做，但我以前做过。

有关缓存，请阅读 askapache.com 站点。有几种简单的方法可以打开 mod_expires、mod_compress 和其他模块。由于您在共享主机上，这里有一些注意事项，因为主机可能关闭了某些 Apache 模块。我用过 GoDaddy，他们关闭了 mod_expires。有关 Apache 模块的主机特定信息，请参阅主机支持文档。

如果幸运的话，重要的已经开启，您可以:

<IfModule mod_deflate.c>
  SetOutputFilter DEFLATE
  SetEnvIfNoCase Request_URI \
  \.(?:gif|jpe?g|png)$ no-gzip dont-vary
</IfModule>

<IfModule mod_expires.c>
  ExpiresActive on
  ExpiresByType image/jpg "access 2 month"
  ExpiresByType image/gif "access 2 month"
  ExpiresByType image/jpeg "access 2 month"
  ExpiresByType image/png "access 2 month"
  ExpiresByType text/css "access 2 month"
  ExpiresByType application/x-javascript "access plus 2 month"
  ExpiresByType text/javascript "access plus 2 month"
  ExpiresByType application/javascript "access plus 2 month"
  ExpiresByType image/x-icon "access plus 12 month"
  ExpiresByType image/icon "access plus 12 month"
  ExpiresByType application/x-ico "access plus 12 month"
  ExpiresByType application/ico "access plus 12 month"
</IfModule>`

将此代码放入您的 .htaccess 文件中，打开 FireFox，然后打开 Firebug，然后打开 YSlow。运行 YSlow 测试，它会让您知道缓存是否正常工作。