浏览器如何优化渲染性能？

Question

对于长页面数据量大的网页有什么好的渲染方式吗？目前采用的是区域渲染，即永远只渲染当前视图区域的DOM，但是客户认为这样不流畅，没法一下子拉到底，想请教下是否有更优的渲染方式？是否支持多线程的渲染？我看腾讯文档如果导入一份长文档，滚动条是慢慢变小的，这又是如何实现的呢？

以上

Answer 1

为了尽快显示出内容，避免白屏，先加载少量内容，比如前100条；

为了避免不能一下子拉到底，还要继续加载剩余内容，由于总内容变多，所以滚动条会慢慢变小；

DOM 节点太多可能会造成页面卡顿，所有不直接渲染内容，可以计算每个列表项的大致大小，然后用空 div 设置宽高占位，滚动到可视位置时再显示出来；退出视口再替换回空 div