度量加载时性能的一个主流指标是:核心 Web 指标。核心 Web 指标是适用于所有网页的 Web 指标子集，每位网站所有者都应该测量这些指标，并且这些指标还将显示在所有 Google 工具中。复杂的动画，用绝对定位来脱离文档流，来减少重绘。
因此提高用户体验应从页面的渲染速度、响应能力及页面的抖动情况考虑，目前比较主流的衡量页面指标的参数是谷歌 lighthouse 提出的几个指标， 主要包括 FCP， LCP， CLS， TTI， TBT等。
大家好,我是yangyang.今天给大家上面视频中GIF动图的效果的实现.效果素材要求 素材是类似雪碧图的方式,图上有n帧形状实现方法 合适的做法，是将所有的动画帧合并成一张图，通过改变background-position的值来实现动画帧切换。
为什么需要分层渲染， 在游戏中，假设人物的不停地在移动，但是呢背景可能加了很多花里呼哨的元素，但是我在每一次更新的时候，场景本身是不变的，变的只有人物不停的移动，如果每一帧再去重绘不就造成了性能浪费， 这时候分层canvas就出现了 我们先看下一张图你可能就明白了。
前言金九银十跳槽季，offer快到碗里来，前端面试考点众多，而网上各个知识点的博客文章又太多，看的眼花缭乱...所以我整理了一下常见知识点的精华文章，每个知识点的文章控制在3篇以内，尽量覆盖该知识点的下容易被面试到的所有内容，文章都是之前自己读过的，确定是精华干货。
