首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
性能优化
3333333
创建于2023-04-23
订阅专栏
针对前端页面生命周期的优化
等 2 人订阅
共4篇文章
创建于2023-04-23
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
图片懒加载+新属性+picture
若浏览器支持原生loading="lazy"则使用原生浏览器懒加载; 若浏览器支持IntersectionObserver属性,则通过该属性实现; 否则使用原生js执行懒加载(scroll 事件等);
虚拟滚动列表基础原理篇
虚拟滚动列表基础原理篇 虚拟滚动列表听说已久,一直没有自己动手实现, 今天剖析一下基础原理,涉及缓存和优化请查看下一篇文章,下面直接进入正题。 1. 页面构成 外部固定高度的盒子 内部模拟全部列表元素
虚拟滚动列表优化版 缓存+节流+分页
虚拟滚动列表优化版 若对虚拟滚动列表没有概念可以看上一篇基础原理篇, 这版优化包含缓存,简单节流和结合分页加载数据,下面直接进入正题。 在基础版本之上添加上下缓存区+节流+分页
图片压缩
图片压缩对于前端性能优化来说是一项基础优化,图片往往是一个网站加载资源的大头,做好对图片的压缩可以对网站的加载速度有很大的提升。 对于图片压缩,应该采用有损压缩还是无损压缩呢? 这需要根据真实的业务场