Cshaosun的博客

（Frames Per Second, FPS）指的是每秒钟渲染的帧数。通常情况下，60FPS【每秒60帧】被认为是流畅动画的标准。反之，帧率越低，动画就越卡顿。优化后的动画帧率显著提升，能够在各种设备上保持流畅。通过简化动画属性并启用硬件加速，我们成功地减少了CPU的负担，确保了动画的高效执行。】在动画中使用复杂的JavaScript计算逻辑，会占用大量的CPU时间，导致动画卡顿。尽量减少对DOM的直接操作，尤其是导致重排的操作。属性，启用硬件加速，使得动画更加流畅。）会触发布局重排，影响性能。

和是浏览器渲染页面的两个不同过程。

监听 scroll、resize 等事件，当事件触发时，获取图片元素的位置信息、滚动高度及视口高度，计算出当前图片元素是否出现在视口内，如果出现了则加载图片。当页面滚动时，vue-lazyload 会检测元素是否进入可视区域，如果是，则替换元素的 src 或者 style 属性，从而实现懒加载。在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。：所有浏览器都兼容，可以比较灵活，自定义触发加载的时机，可以结合图片加载预览提升用户体验。