关于页面优化

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

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

    原文作者:momomomooo
    原文地址: https://segmentfault.com/a/1190000008428831
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞