首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能优化
订阅
前端小白阿刚
更多收藏集
微信扫码分享
微信
新浪微博
QQ
3篇文章 · 0订阅
在淘宝优化了一个大型项目,分享一些干货(Webpack,SplitChunk代码实例,图文结合)
本项目是淘系用户增长团队的一个大中台系统,单页应用,涵盖很多业务功能,运用了很多懒加载页面组件来提升性能,首屏时间 1s 左右,体验良好。然而大项目文件很多,导致构建和发布时间很长,内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上,而在于开发…
如何将 Lighthouse Performance 评分从 20 提高到 96
Lighthouse Performance 评分从 20 提高到了96,开发和构建的速度也有了大幅度的提高,整个优化过程的思路和方法还是很有参考意义的
【webpack】性能优化配置 - HMR - 缓存 -tree shaking - 代码分割 - 懒加载 - 预加载 - PWA - 多进程打包
上次我们简单介绍了一下webpack的基本使用,今天我们来看看使用webpack进行性能优化的一些配置。这篇一直在我的掘金草稿箱里,本来也准备拿出来当小知识发的,刚好掘金又来了性能优化的活动,赶了个巧