首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端性能提升
圈亮
创建于2023-11-12
订阅专栏
基于Lighthouse分析,提升前端项目性能。
暂无订阅
共5篇文章
创建于2023-11-12
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
使用compression-webpack-plugin报错:validate is not a function at new CompressionP...
背景:想要使用compression-webpack-plugin在打包时生成gz格式文件。在外网下载compression-webpack-plugin 10.0.0版本并导入内网后,内网打包时报错
前端性能提升之总结
背景:近期开展了lighthouse培训,并以此为契机提高项目性能。以lighthouse分析报告为基础,并从网页生命周期角度从四个方面进行着手提升性能。 加载优化 gzip压缩文本资源。参考# 前端
前端性能提升之webpack打包优化
背景:项目打包只生产了两个js文件,文件体积很大,考虑修改打包策略,提高项目性能。下面以开发环境为例进行说明。 分析打包后js文件内容: 在chrome浏览器中打开coverage面板,发现首页加载的
前端性能提升之强缓存
背景:项目只使用了协商缓存,未使用强缓存,使用强缓存可以减少网络请求次数,不必像协商缓存那样还要请求服务器。 配置强缓存: vue-cli项目production环境下会为js文件名增加hash,可在
前端性能提升之gzip压缩
背景:尝试使用gzip压缩资源提升项目性能。使用gzip压缩有两种方法,方法1是前端请求文件时服务器压缩得到该文件的.gz格式文件,并返回.gz格式文件。方法2是前端打包时生成.gz格式文件,请求服务