首屏加载问题

什么是首屏加载？
从用户在在浏览器的地址栏输入url地址，到首屏内容渲染完成的时间，
此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容。

造成首屏加载速度慢的原因可能有哪些？
1.网络不好
2.资源文件体积过大
3.加载脚本文件，渲染被堵塞

首屏渲染速度慢的解决方案
1.减小入口文件的体积
2.静态资源在本地缓存
3.ui框架按需加载
4.使用服务器渲染SSR
5.图片资源的压缩

具体实施方法如下：

1.如何减小入口文件体积
常用的手段是路由懒加载，把不同路由对应的组件分割成不同的代码块，等待路由北区请求的时候会单独打包路由，使得入口文件大大变小，加载速度大大增加；
2.静态资源在本地缓存
前端合理使用localstrorage
3.ui框架按需加载
在我们日常使用UI框架时，经常直接引入整个UI框架，

import ElementUI from 'element-ui'
Vue.use(ElementUI)

但实际上我们只使用到部分内容，所以我们按需引入
4.使用服务器渲染SSR

服务器渲染

5.图片资源的压缩
图片资源虽然不在编码过程中，但是却是对页面性能影响最大的因素，因此，对于图片资源，我们可以进行适当的压缩，比如在线字体图标；