首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端性能优化
abean
创建于2021-09-11
订阅专栏
前端性能优化方面学习
暂无订阅
共6篇文章
创建于2021-09-11
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
前端优化方案
1. 从iconfont到svg svg保持了图片的能力,支持多色彩 独立的矢量图形 XML语法,搜索引擎SEO和无障碍读屏软件读取 2. flexbox的优势 更高性能的实现方案 容器有能力决定元素
传输加载优化
1. Gzip 压缩 对传输资源进行体积压缩,压缩比例可高达90% 使用Nginx启动Gzip 2. 开启keep-alive 一个持久的tcp连接,节省创建连接的时间 Nginx默认开启
资源优化
1. html压缩 css压缩 js压缩 2. 图片优化方案 JPG 是有损压缩的一种格式 png8 256色
代码优化
所谓代码优化是指对程序代码进行等价(指不改变程序的运行结果)变换。 程序代码可以是中间代码(如四元式代码),也可以是目标代码。 等价的含义是使得变换后的代码运行结果与变换前代码运行结果相同
渲染优化
渲染(英语:render,或称为绘制、彩现)在电脑绘图中,是指以软件由模型生成图像的过程。模型是用语言或者数据结构进行严格定义的三维物体或虚拟场景的描述,它包括几何、视点、纹理、照明和阴影等信息
前端性能优化的指标与工具
性能优化是指人们对系统性能的改进。不同的领域,对性能的定义有所不同。通常在计算机系统中,性能的确会出现问题且性能问题可以预期