稀土掘金 稀土掘金
    • 首页
    • 沸点
    • 课程
    • 数据标注 HOT
    • AI Coding
    • 更多
      • 直播
      • 活动
      • APP
      • 插件
    • 直播
    • 活动
    • APP
    • 插件
      • 搜索历史 清空
        • 写文章
        • 发沸点
        • 写笔记
        • 写代码
        • 草稿箱
        创作灵感 查看更多
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
0 /100
性能
订阅
avatar
StanJ 创作等级LV.1
更多收藏集

微信扫码分享

微信
新浪微博
QQ

3篇文章 · 0订阅
  • content-visibility——只需一行CSS代码,让长列表网页的渲染性能提升几倍以上!
    长列表网页相信大多数开发者都遇到过,在DOM元素过多的情况下,浏览器渲染会很慢,非常影响用户体验。 因此我们会经常采用虚拟滚动、分页、上拉加载更多等不同的方式来进行优化,这些方式的思想都是一样的,都是只渲染可见区域,等用户需要时再加载更多的内容。而以上的方式无论哪种,都需要写大…
    • o翔哥o
    • 5年前
    • 10k
    • 140
    • 27
    CSS
    content-visibility——只需一行CSS代码,让长列表网页的渲染性能提升几倍以上!
  • 提高网页渲染性能[content-visibility]
    ---------------提高网页渲染性能[content-visibility]----------
    • Jean
    • 4年前
    • 1.5k
    • 1
    • 评论
    前端
  • 两行CSS让页面提升了近7倍渲染性能!
    现如今的页面越来越复杂,一个页面往往承载着大量的元素,最常见的就是一些电商页面,数以万计的商品列表是怎么保证渲染不卡顿的,大家在面对这种长列表渲染的场景下,一般都会采用分页或者虚拟列表来减缓页面一次性
    • 前端南玖
    • 3年前
    • 114k
    • 1.9k
    • 168
    CSS HTML
    两行CSS让页面提升了近7倍渲染性能!