为什么百度快照没有样式

有用户问，为什么查看网站百度快照没有任何样式，而正常打开网页却是正常的，是不是主题有问题呢？原因很简单，如果你使用了网页压缩类的插件，比如Autoptimize并启用优化压缩CSS，就会产生这个问题。

为什么百度快照没有样式

百度快照的原理是将网页内容以静态hmtl方式通过iframe加载展示。Autoptimize压缩后的CSS文件链接名称是随机的，而百度快照并非时时更新，当手动清空Autoptimize缓存，重新生成的CSS链接与快照中加载的链接名称不同，无法加载正确的CSS文件，当然就没有样式了。

通过查看没有样式的快照源代码，找到CSS链接并打开显示404，验证一下。

如果压缩了JS也会让网页上的一些元素显示不正常，原因同上。

原因找到了，解决办法就是关了CSS和JS优化压缩功能，下次更新快照时会显示正常，鱼和熊掌不可兼得。