H5开发在微信浏览器上，加载时“白屏”问题

前天开发了一个简单的邀请函，整体8个页面，不足8M，在PC端模拟器上打开没有问题，在手机的其他浏览器中也没有问题。唯独在微信浏览器中加载时会出现长时间白屏，用户体验很不好

一番检查下来，因为写的太随心了，最后发现了两个BUG

 

———————————正文———————————

1. 不要把太多（ 最好没有）需要下载或者加载速度过慢的js放在body之前，因为会阻断H5dom的渲染，那么在你前端的所有库加载完之前，你的页面就是“白屏”状态

2. 第二点主要针对iPhone用户，记住一个要点，开发iPhone用户使用在微信浏览器上的H5时候，

千万不要使用jQuery！！千万不要使用jQuery！！千万不要使用jQuery！！重要的事情说三遍

jQuery及其相关的库在iPhone微信浏览器的渲染速度非常的慢，如果习惯使用jQuery的同学，我建议你使用zepto

这样白屏的问题就解决了，欢迎讨论

———————————11月5日补充———————————

不是所有的情况jQuery都不能使用，但是当你开发的网页在微信浏览器上加载极慢又找不到原因的时候，尝试着删除一些用不到的meta，然后把JS引用放到页面渲染的后面，最后删除jQuery试一试，大部分问题都会解决