考核内容: 前端性能优化
题发散度: ★★
试题难度: ★★
看看大家的选择
看样子大家在CD选择比较纠结,下面我们来分析一下
解题:
Vue (读音 /vjuː/,类似于 view)
是一套用于构建用户界面的渐进式JAVASCRIPT框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合.
vue首屏加载优化(要使用NODE环境下,webpack支持)
1.异步路由加载,不打包库文件
首屏加载慢,主要是打包后的js文件过大,阻塞加载所致。那么如何减小js的体积呢?
那就是把库文件单独拿出来加载,不要参与打包。
2. 如果使用的是前端的样式框架ElementUI,可以通过exports模块导出所需样式及变量
3. 如果首屏的图片比较大,可以进行压缩处理,减小首屏图片大小;如果图比较多,可以使用懒加载
4.浏览器缓存策略,其实浏览器早就为我们提供了一份缓存机制,我们完全可以利用浏览器缓存机制来巨幅提高加载速度,而不是清空浏览器缓存;
首先我们来聊一下缓存的优先级:
当客户端需要请求一个服务端资源的时候,会率先检查浏览器中是否有缓存,
一, Expires(到期时间)(http1.0规则下的响应头)
二, Cache-Control(缓存控制)(http1.1规则下的响应头)
Cache-Control同样是服务端返回的一个响应头,他有几个选项可供使用:
而以上两种缓存方式,被总称为强缓存,且Cache-Control的优先级要优于Expires
缓存都是缓存在哪里?
在线测试:
答案:
D. 清空浏览器缓存