首页
学习
活动
专区
圈层
工具
发布
首页标签前端性能

#前端性能

小程序长列表滚动卡顿?虚拟滚动与增量渲染实战

用户5658160

小程序长列表卡顿有三个叠加原因:节点太多(几千个 view 全部渲染进 DOM)、图片太重(首屏外图片也全部下载解码)、setData 全量更新(每次数据变更都...

4410

小程序长列表滚动卡顿?虚拟滚动与增量渲染实战

用户5658160

小程序长列表卡顿有三个叠加原因:节点太多(几千个 view 全部渲染进 DOM)、图片太重(首屏外图片也全部下载解码)、setData 全量更新(每次数据变更都...

4410

企业网站首屏慢?LCP 优化五件套:图片、字体、懒加载与预渲染

用户5658160

不要凭感觉优化。打开 Chrome DevTools 的 Performance 面板,或直接用 PageSpeed Insights 跑一次,重点看三项:LC...

4210

企业网站首屏慢?LCP 优化五件套:图片、字体、懒加载与预渲染

用户5658160

不要凭感觉优化。打开 Chrome DevTools 的 Performance 面板,或直接用 PageSpeed Insights 跑一次,重点看三项:LC...

4210

H5 埋点数据上报怎么做:批量合并、失败重试与采样控制

用户5598620

H5 页面做数据上报,最常踩的坑是"上报本身拖垮了页面":每个事件一条请求,用户滚几下页面就发出几十个请求;弱网下请求排队,把正常业务请求都堵住;后端偶尔抖动,...

18410

官网加载为什么慢:JS/CSS/字体/图片的资源优先级优化

用户5598620

企业官网最常见的抱怨是"首屏半天不出来"。排查完发现服务器不慢、代码也不复杂,慢就慢在浏览器要按顺序加载一大堆资源:CSS 卡住了渲染,字体阻塞了文字,首屏外的...

5610

移动端 H5 长列表不卡顿:虚拟滚动的原理与工程落地

用户5598620

移动端 H5 里最常见的卡顿场景,就是长列表:订单记录、聊天消息、商品列表、数据明细,动辄上千条。直接把所有节点渲染进 DOM,Android 低端机上列表滑动...

8610

活动页面静态化渲染:SSI、ISR 与边缘渲染分别适合什么场景

用户5598620

大促、发布会、专题活动这类页面有两个共同特征:访问量在某个时间点瞬间冲高,而页面内容在活动期内几乎不变。如果每次请求都让服务端实时查库、拼装模板渲染,高峰期数据...

6110

供应链架构与工程化篇 | 基于 Module Federation 拆分供应商管理、仓储与配送独立子应用

叶一一

当供应商管理、仓储调度、物流配送等核心业务模块全部耦合在同一个代码库中时,我们面临的不仅仅是代码维护的挑战,更是团队协作、独立部署、技术栈升级等多重困境。传统的...

35110

供应链架构与工程化篇 | 使用 React Router 构建复杂的多层级权限与物流跟踪路由体系

叶一一

在供应链系统中,前端路由不仅是页面导航的简单映射,更是复杂业务逻辑、权限控制与深度用户体验的关键载体。想象这样一个场景:仓储管理员需要快速追踪一批紧急订单的实时...

26410

2026前端进阶必读:TypeScript日常类型完全指南(含工程配置与最佳实践)

jack.yang

在现代软件开发中,类型系统已从单纯的语法检查工具演变为提升工程效率的核心基础设施。一个设计良好的类型系统能够在编码阶段就捕获大量潜在错误,同时为开发工具提供丰富...

39720

TypeScript如何应对AI模型的不确定性?

jack.yang

TypeScript(TS)应对AI模型的不确定性,其核心策略并非直接“控制”AI,而是在AI产出的混沌之上,构建一层坚固、确定的工程化防护层。它通过静态类型系...

25420

前端性能杀手竟然不是JS?图片优化才是绝大多数人忽略的"降本增效"方案

前端达人

你花三周时间把 Webpack 配置调到极致,Code Splitting 拆得比饺子馅还细,Tree Shaking 摇得比筛子还勤,结果首屏加载时间从 3....

44310

性能提升实战:useEffectEvent 优化供应链大屏的实时数据渲染

叶一一

供应链大屏作为业务监控和决策支持的核心界面,需要同时展示库存动态、物流轨迹、订单状态、预测预警等多维度信息,这些数据往往以秒级甚至毫秒级的速度持续更新。传统的R...

30420

从数字到版面:得物数据产品里数字格式化的那些事

得物技术

如果说规范的数字排版是中后台系统的“地基”,保证了信息的准确传达;那么可视化图表就是地基之上的“建筑”。地基稳固,建筑才能发挥其功能——让用户从微观的读数中解放...

76110

灵活的内联容器 span 元素解读

编程小妖女

文章将解析 span 元素的定义与特性,并探讨文本局部样式与动态交互中的典型场景,随后深入浏览器渲染原理及可访问性注意事项,最终结合真实案例演示实践与最佳实践,...

71610

Angular 应用性能调优:从全链路监控到 Performance Budget 的闭环实践

编程小妖女

本文提出“全链路监控→热点分析→精准优化”的闭环方法论,并结合笔者项目开发中的 真实 Angular 项目案例,展示如何借助火焰图定位 CPU 密集型代码、依托...

50600

Windows 地址空间加载随机化技术原理与实现解读

编程小妖女

Windows 地址空间加载随机化(Address Space Layout Randomization,简称 ASLR)是一种通过在进程加载时随机安排关键内存...

83300
领券