最近一直在看前端页面优化的文章，所以在这里做一个总结吧！优化，为什么要做前端网页优化！不就是网页打开慢吗？别人的都是秒开机，我们的却10秒开机，为什么？我们的浏览器有问题。.....好了废话不多说，下面直接上干货。####首先我们来拆解一下。页面加载慢在哪里？白屏时间第一个屏幕时间页面加载时间其次，让我们看看网页在浏览器上的显示方式。1：WebView初始化（一般需要400ms，只有移动端混合）2：DNS服务器解析域名（需要150ms）3：建立TCP连接。(300ms)4：服务器响应，获取数据)5：解析获取到的html，生成DOM树，渲染到页面。白屏时间一般是指从1到4的过程，由于还在请求数据，所以这个时候页面是空白的。那我们应该怎么优化呢：WebView初始化优化，我们可以在打开app后做一个webview预加载（后台运行，先初始化），需要用的时候直接拿出来直接用。一般可以节省200ms的DNS解析。这里可以添加一段dns预解析代码如下。这里选择http2.0；对于多路复用，同一个域名下的多个请求，只要建立一个tcp链接即可。这一步很关键，下载速度跟你的资源大小有很大关系。所以静态资源越小越好；例如：nginx服务端使用gzip压缩，vue打包文件做路由懒加载（切包），或者离线包cnd服务，缓存等。这一步主要是为了避免重排。因为重排渲染器需要重新计算dom树，非常耗性能。你好！写到这里已经无话可说了，让我想一想，明天再写！
