跳到主要内容

HTML 优化

可以注意的要点

  • 减少 HTML 嵌套
  • 减少 DOM 节点数,去除冗余标签和属性
  • 减少无语义代码
  • 删除 Http 或 https 如果 URL 的协议头和当前页面的协议头一致，或者该 URL 在多个协议头可用，可以删除 URL 上的协议头
  • 删除多余的空格 换行符 缩进和不必要的注释
  • 使用相对路径的 URL

位置要点​

  • CSS 样式尽量放在页面头部 即 head 里
    • 在 body 元素前，确保文档中解析了所有CSS 样式，从而减少浏览器重排次数，而且不会再阻塞 DOM 渲染；放置在底部更会出现无样式
  • JS 引用放在 HTML 底部
    • 防止 JS 阻塞页面正常渲染

设置 favion.ico​

网站如果不设置 favicon.ico，控制台会报错

另外页面加载过程中也没有图标 loading 过程

同时不利于记忆网站品牌

增加首屏必要的 CSS 和 JS​

直接内联在 HTML 页面里，这样最快？