Disqus是一个全球知名的社会化评论系统,但在中国无法使用。这导致采用Disqus的页面载入会变得异常缓慢。

为了解决上述问题,我们可以在CSS中用一些小手段,来提高页面载入性能。具体代码如下:

.wf-loading #disqus_thread{
    opacity: 0;
    visibility: hidden;
}

.ie.wf-loading #disqus_thread{
    visibility: hidden;
}

.ie.wf-active #disqus_thread{
    visibility: visible;
}

.wf-active #disqus_thread{
    visibility: visible;
    opacity: 1;
}

上述这种解决办法的思路是,既然Disqus在某些情况下不能使用,那也就不强求了,我们要做就是利用页面事件来判断Disqus处于何种状态。如果未能成功载入则索性隐藏起来,以免影响其他内容的显示。

另一方面,对使用Typekit的博主来说,要解决加载闪屏(FOUT)还有一种比较高阶的办法,具体操作步骤可以看该网页中的视频。