首页
AI Coding
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端性能优化
订阅
洺鱼
更多收藏集
微信扫码分享
微信
新浪微博
QQ
79篇文章 · 0订阅
深度解读虚拟列表:从原理到实战,解决长列表渲染性能难题
深度解读虚拟列表:从原理到实战,解决长列表渲染性能难题 前言:被长列表 “卡崩” 的前端日常 “万级数据加载后,页面滚动像幻灯片?” “列表项含图片时,滚动到一半突然‘跳位’?”...
几种虚拟列表技术方案调研
背景 什么是虚拟列表? 虚拟列表(Virtual List)是一种优化长列表渲染性能的技术。其核心思想是只渲染可见区域的列表项,而不是渲染所有数据。当用户滚动时,动态地创建和销毁 DOM 元素,从而大
吃透前端项目优化系列(二):首屏渲染优化 + 性能指标拆解
首屏加载慢、性能指标看不懂?本节聚焦首屏渲染优化(含资源加载 / 页面渲染),拆解核心 Web 指标,附 Vue3 特有技巧和监控工具。系列后续更交互优化,追更不迷路~
💥如何流畅地在浏览器中渲染100万个元素?深入浏览器底层渲染原理图文分享
本文从表象深入到浏览器底层原理,逐步剖析造成页面卡顿的原因,总共6000字,文字和配图都是自己手打和制作的,只为了更准确的展示思路,但也难免会有我没发现的疏漏和错误,如果有欢迎指出,大家一起学习。
前端性能优化的几个大招(理论+实践,看完就是Leader水平)
前言 性能优化,一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中,总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么?优化
「2021」高频前端面试题汇总之前端性能优化篇
2021 高频前端面试题汇总之性能优化篇,前端面试题汇总系列文章的性能优化篇,长期更新,欢迎收藏、点赞!
面试官:能否用原生JS手写一个虚拟列表...啊?你还真能写啊?
面试手写题:如何用原生 JS 快速实现一个虚拟列表展示其效果,并讲讲实现原理以及相关的优化手段🤔。
📝 虚拟列表面试复盘:我是如何从被问懵到顺利解题的
📝 虚拟列表面试复盘:我是如何从被问懵到顺利解题的 一、面试官的考察点拆解(血泪教训总结) 这不又到了金三银四(低三下四😭),最近在面试中被问到了虚拟列表的实现,一开始回答得支离破碎,后来通过复盘总结
大规模图片列表性能优化:基于 IntersectionObserver 的懒加载与滚动加载方案
📝 背景与目标 在 渲染大量图片的功能场景中,千级图片一次性渲染会引发系列性能问题,包括首屏渲染阻塞、内存占用激增、滚动交互卡顿及网络带宽浪费。本方案的核心目标是,在保障用户体验不受损的前提下,通过
使用 Preload&Prefetch 优化前端页面的资源加载
对于前端页面来说,静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-preload/prefetch,它们能够辅助浏览器优化资源加载的顺序和时机,提升页面性能。一、从一个