[教學] 【章鱼之家】高级缓存系统

章鱼

什么叫"高级缓存系统"呢?
一个网页中,有一些必不可少的CSS文件和JS文件.浏览器对于静态的CSS和JS都会做缓存处理.
为了防止这种缓存处理(因为缓存后,我们更新了CSS可能会导致用户端没有及时更新而出现错位),所以一些网站(比如discuz)会给CSS文件加一些无谓的query string.
比如说,我们调用一个主CSS,只要调用

1. forumdata/cache/style_6_common.css

複製代碼

就行,但是为了防止缓存,就变成了

1. forumdata/cache/style_6_common.css?i5o

複製代碼

其中i5o是一个随机的字符串
那么这种思路有什么问题吗?当然有.因为每次刷新都会重新加载一次CSS,所以理论上会拖慢页面加载速度.
当然其实一般来说CSS文件不会太大,也就100多K,其实并不会太影响实际使用- -不过既然注意到了这一点,那就没事干去做一点优化吧

作者:章鱼之家代码站
http://zyhome.66rt.com
原帖地址:
http://zyhome.66rt.com/thread-25001-1-1.html

superman1024

感謝分享

gun1111

看起來不錯，推一下

happyman2355

感恩的啦~~謝謝分享唷^o^