预渲染帧数定义
在绘制 Web 页面时,会将页面的布局、样式和元素的结构等信息合并在一起,生成一个演示给用户的序列帧,然后渲染到浏览器中。所谓预渲染就是提前渲染好要显示在屏幕上的页面,这样可以提高用户体验,因为用户看到的是在渲染完成之后的页面。最大预渲染帧数就是限制预渲染的最大帧数,如果预渲染后的帧数超过了这个值,就会停止预渲染。
最大预渲染帧数原理
最大预渲染帧数的原理其实很简单,就是通过限制预渲染的帧数,来避免因预渲染导致的页面渲染卡顿。因为预渲染是在后台进行的,它会消耗一定的系统资源,如果预渲染的帧数太多,就会导致系统资源被占用完,从而影响到其他程序的正常运行。
如何设置最大预渲染帧数
设置最大预渲染帧数,需要在页面的 meta 标签中通过webkit-playsinline属性进行配置。在中国,经过调研发现大部分浏览器已经自动支持最大预渲染帧数的设置,不需要再进行额外的配置。如果需要自定义设置,可以在meta标签中添加该属性,并根据需要设置预渲染的最大帧数。