作为一位前端工程师,能做的优化有哪一些呢?
重要包含两方面:页面机能与代码可维护性。
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