一. html代码结构

1. 减少html的嵌套
2. 减少dom节点数
3. 减少无语义代码
4. 删除多余的空格,换行符,缩进和不必要的注释
5. 省略冗余标签和属性
6. 使用相对路径的url

二.文放在合适的位置

1. Css样式文件链接尽量放在页面头部 Css加载不会阻塞DOM tree解析,但是会阻塞DOM tree渲染,也会阻塞后面js执行,任何body元素之前,可以确保在文档部分中解析了所有css样式,从而减少了浏览器必须重拍文档的次数.如果放置在页面底部,就要等待最后一个css文件下载完成,此时会出现白屏,影响用户体验.
2. Js引用放置在html底部 防止js的加载,解析,执行对阻塞页面后续元素的正常渲染

三.增强用户体验

1. 设置favicon.ico 网站如果不设置favicon.ico,控制体会报错,另外页面加载过程中没有图标loading过程,同时也不利于记忆网站品牌,建议统一添加
2. 增加首屏必要的css和jis 页面如果需要等待所依赖的js和css加载完成才显示,则在渲染过程中页面会一直显示空白,影响用户体验,建议增加首屏必要的css和js,比如页面框架背景图片或者loading图标,内联在html页面中,这样做,首屏能快速显示出来,相对减少用户的页面加载等待过程.