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

前端之家收集整理的这篇文章主要介绍了如何为css / js文件设置缓存前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我必须使用缓存为我在网站中使用的css文件和js文件.
我的网站在共享托管服务器上运行.服务器无法完成任务.

那么可以使用js和css文件的缓存和压缩方法.

解决方法

如果你使用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 Tools Bundle,可以压缩你的代码.您可以手动压缩代码,然后将其上传,并撤消压缩以使源恢复到可读状态.我不推荐这个,但我以前做过.

对于缓存,请阅读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测试,它会让您知道缓存是否正常工作.

原文链接:https://www.f2er.com/css/214489.html

猜你在找的CSS相关文章