性能优化
文章平均质量分 72
Jiabing Yu
公主号【摆烂工程师】
展开
-
Vue SSR 服务端渲染原理(简易版本)
用express和node,还有vue-server-renderer来进行的一个Vue SSR的服务端渲染,一个简单的Vue实例通过服务端渲染到页面的原理。原创 2022-01-25 16:15:33 · 1770 阅读 · 0 评论 -
Vue的首屏加载优化方案
优化方案使用CDN资源,减少打包体积,提高速度。路由懒加载把静态资源也放在CDN第三方组件库UI框架,使用按需引入(Tree Shaking)nginx开启gzip打包压缩方案一这里我们要实践的是使用CDN资源,减少包体积,提高首屏加载速度。(1)用webpack的一个插件: webpack-bundle-analyzer辅助我们分析。(2)首先我们全局引用包。(3)在vue.config.js配置去除引用的第三方包。(4)使用第三方CDN资源引入。优化前和优化后的差别原创 2022-01-19 22:09:23 · 1321 阅读 · 0 评论 -
前端页面渲染优化——performance工具分析优化
首先这是一个代码运行计算大量逻辑的优化。场景当JS中存在大量数据的逻辑计算时非静态资源优化代码层次上的优化工具Chrome Devtools 的performance, 在浏览器按下F12就可以找到。情况当我们的页面在进行大量的数据逻辑运算时,我们的页面要等待数据计算完毕后才开始渲染加载完毕。首先这是因为页面渲染它是一个宏任务,在我们的task任务里面。主线程的main包含的task里也要进行js的计算,所以就造成了阻塞。我们创建一个页面,代码如下<!DOCTYPE htm原创 2022-01-13 21:22:48 · 1510 阅读 · 2 评论