作为一名前端工程师,能做的优化有哪一些呢?
主要包括两方面:页面性能与代码可维护性。
HTML篇
减少不必要的嵌套
适当且精简的id/class名称
有意义地使用id(利用选择符属性)
减少link、script请求
底部引用script
CDN加速
利用好HTML5标签
压缩html
CSS篇
减少不必要的嵌套
雪碧图
开启硬件加速(参考css动画性能优化)
压缩图片、转base64
压缩css
JS篇
封装复用 / 继承( prototype、call / bind / apply )
缓存技术( cookie、HTML 5 Web 存储)
懒加载,一次请求 / 多次请求 / data-img
以添加 / 删除 class 名称替代
模块化,按需加载
命名空间
函数表达式替换函数声明
避免使用闭包
*开启严格模式’use strict’
压缩js