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)还有一种比较高阶的办法,具体操作步骤可以看该网页中的视频。