那如何才能优化前端性能？归纳为三步
一、关键资源字节数
字节数也就是通常说的减少资源文件（js、css、image、video…）的大小。
1、压缩
前端使用uglify混淆压缩
后端开启gzip
对图片进行压缩，使用压缩比例更高的格式（WebP）
2、缓存
强缓存（http状态码：200），不用请求服务器直接使用本地缓存，协商缓存（http状态码：304），使用时先请求服务器若被告知缓存没过期则使用本地缓存，不用下载资源，使用localstorage对数据进行存储。
3、针对首屏优化
对非关键资源延迟加载、异步加载，减少首屏资源大小
二、关键资源连接数
1、合并请求
使用http2.0的多路复用合并请求配置combo，在无法使用http2.0的情况下作为一种合并资源请求的手段。
2、减少图片请求数
使用spite图，使用svg-symbol。
3、针对一些场景采用css、js内联的方式。
4、使用强缓存减少了一次服务器请求。
5、非关键资源延迟、异步加载，减少了首屏资源连接数。
三、关键渲染路径
1、bigpipe分块输出
这里主要是因为要完成一整个页面的输出后端需要处理很多个任务，大家可以将这些多个任务进行分块，谁先完成谁就先输出，最终通过JS回填的方式输出DOM节点，这种方式主要解决了直出页面阻塞的问题。
2、bigrender分块渲染
常规的手段就是采用前端模板渲染页面，针对首屏时间主要减少了首次构建DOM树时的节点数
3、针对reflow，repaint，composit路径处理。
4、涉及到动画时关于layer的概念render layer、graphics layer。
5、css放在头部、js放底部避免阻塞DOM树的构建，关于css、js的位置对于页面渲染的影响大家可以关注下相关的文章。核心：css资源不会阻塞DOM树的构建但会阻塞DOM的渲染，JS会阻塞DOM树的构建，CSS会阻塞JS的执行。
以上就是针对Web前端性能优化归纳出的解决方案。更多Web前端学习资料，关注“武汉千锋”微信公众号领取。
@ css样式对性能影响？
CSS属性如何影响上面管道
理论上，页面加载到最后展现给用户看，这个过程都会经过上述管道的处理，其中，layout布局的过程是相当耗费性能的，也就是大家常说的reflow；而paint的过程相对前者来说性能耗费较低，这个就是大家常常在修改css颜色等属性时导致页面的repaint。
@ css中选择器命名错误的是？
首字母必须是字母或者下划线不能是数字和其他
@ css格式化应用到用户页面用什么方法？
星号 * 作为通配符标签，虽然权重极低，但可以代表全部的标签，如果不能写全所有标签可以尝试使用通配符标签。 比如body标签，p标签这些会有自带的margin属性，可以尝试使用以下方法格式化掉标签自带属性。 * { margin: 0 }
如果觉得《css选择器权重值 读书笔记如何进行web前端性能优化 – CSS – 前端 css 文字固定》对你有帮助，请点赞、收藏，并留下你的观点哦！
