之前自己仿了一个站,用的cms仿的wordpress主题justnews,在本地测试一切都是好好的。
上线之后无意间发现禁用浏览器缓存之后刷新网页出现加载网页的时候卡顿一下,这种情况就是网页加载完毕之后css还没出来的感觉。
之后多次测试发现在chrome和edge中禁用缓存会很明显,在360和QQ浏览器中没什么特别明显的感觉。
其中多次使用其他方法解决这个办法,例如多个css文件合并成一个请求,剔除多余的css文件。由于仿站的时候目标站开启的插件将多个css合并成一个文件,所以按照它原本的来。
但最后还是没有效果,在部分浏览器中依然是明显的感觉到css很慢。
直到看到一篇文章,dom加载比css快,解决办法就是增加一个js阻碍一下dom的加载,等css完毕后再进行渲染展示。
我直接把footer底部的头条推送代码放在head最后面,再次刷新网页发现这个问题没有了,至于网页速度的影响很小,可以忽略不计。