首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能优化
订阅
褴褛的衣裳
更多收藏集
微信扫码分享
微信
新浪微博
QQ
3篇文章 · 0订阅
🍰 前端性能优化指南 - Core Web Vitals 概念及优化方法讲解
本文介绍了Google提出的三个核心网站性能指标(Core Web Vitals),包括LCP(最大内容绘制)、FID(首次输入延迟)和CLS(累计布局偏移),介绍了其概念、测量和优化方法。
手把手实现图片懒加载+封装vue懒加载组件
以上实现的只是比较粗糙的版本,要真正实现性能大幅提升优化还需要处理较多的细节,本文旨在让帮助部分同学了解基本原理,有了宏观的认识后,可以尝试去读一下相关这种懒加载插件的源码,能学到不少东西。
一个Chrome 运行时性能瓶颈分析案例
主要是为了确保有一个干净的测试环境, 不被其它因素所影响. 有些用户电脑的CPU性能很好, 可能无法较好的分析问题(难以发现低端配置设备的性能问题), 所以需要降速. 上面已经限制了CPU的性能, 接下来需要寻找性能瓶颈了. 多次点击"Add 10", 向页面中添加小块, 直到…