笔者博客使用了@import来加载css样式，出现了上面视频中先加载完内容在加载样式的情况。当网速比较慢的时候，体验就变的极差，出现闪烁问题。可能现在很多浏览器做了优化，但这种情况，在微信（Version 7.0.11 IOS）第一次加载页面时特别明显。

import css代码

@import './reset.css';
@import './common.css';
@import './article.css';

因为@import进来的样式会在页面内容加载完后再加载。相当于把css放在了body底部，所以会出现视频中的情况，改用link [rel=stylesheet]方式加载就可以了。

优化后的代码

<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/article.css">