关于页面优化

Posted 2020-11-26 homehtml

作为一名前端工程师，能做的优化有哪一些呢？
主要包括两方面：页面性能与代码可维护性。

html篇

1. 减少不必要的嵌套

2. 适当且精简的id/class名称

3. 有意义地使用id（利用选择符属性）

4. 减少link、script请求

5. 底部引用script

6. CDN加速

7. 利用好HTML5标签

8. 压缩html

CSS篇

1. 减少不必要的嵌套

2. 雪碧图

3. 开启硬件加速（参考css动画性能优化）

4. 压缩图片、转base64

5. 压缩css

JS篇

1. 封装复用 / 继承( prototype、call / bind / apply )

2. 缓存技术（ cookie、HTML 5 Web 存储）

3. 懒加载，一次请求 / 多次请求 / data-img

4. 以添加 / 删除 class 名称替代

5. 模块化，按需加载

6. 命名空间

7. 函数表达式替换函数声明

8. 避免使用闭包

9. *开启严格模式‘use strict‘

10. 压缩js