作者在我司，做了C端活动架构升级，产出的一种骨架屏。姐妹兄弟篇 -《你可能不知道的动态组件玩法🍉》。

GUI渲染线程： 解析HTML、CSS，构建 DOM 树和 RenderObject 树，布局和绘制等。当界面需要重绘（Repaint）或由于某种操作引发回流（Reflow）时，该线程就会执行。 JavaScript引擎线程： 主要负责解析 JavaScript 脚本并运行相关…

最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 站在用户视角的主观的可感知的性能。 站在开发者视角的可…

前言之前用vuecli做了个博客，是一个单页面项目，大概有十个路由直接npmrunbuild打包出来，有一个1M的巨大js文件先挂载到服务器上试试好家伙这加载时间仿佛过了半个世纪首屏页面整整加载了9s

最近花了一些时间对我们公司PC端首页首屏做了一次优化。下面是最终优化后的加载速度（禁止谷歌浏览器缓存情况下） 本胖还记得之前掘金热门推荐了一篇名为 性能优化只有3步，你了解吗，里面总结了3种方法，本胖感觉很好哈。第一种就是关键资源字节数，第二种是关键资源连接数，3.关键渲染路径…

绘制渲染树(paint/repaint): 遍历渲染树，使用UI层来绘制每个节点。 当盒子的位置、大小以及其他属性，例如颜色、字体大小等都确定下来之后，浏览器便把这些原色都按照各自的特性绘制一遍，将内容呈现在页面上。 重绘是指一个元素外观的改变所触发的浏览器行为，浏览器会根据元…