HTML优化


1.减少HTML嵌套

2.减少DOM节点数

3.减少无语义代码

4.删除http或者HTTPS

5.删除多余的空格、换行符、缩进和不必要的注释

6.省略冗余标签和属性

7.使用相对路径URL

CSS样式文件链接尽量放在页面头部

JS引用放在HTML底部

设置favicon.ico,控制台会报错

增加首屏必要的CSS和JS(新浪微博m站)

提升CSS渲染性能

1尽量减少样式层级数

2谨慎使用expensive属性

3尽量避免使用占用过多CPU和内存的属性 如text-indnt:-9999px

4尽量避免使用耗电量大的属性

5尽量避免使用css表达式

6尽量避免使用通配符选择器

7尽量避免类正则的属性选择器

提升css文件加载性能

1使用外链css(cdn有缓存)

2尽量避免使用@import

精简css代码

删除不必要的单位

删除过多的分号

删除空格和注释

合理使用web fonts

将字体文件部署在cdn

将字体base64形式保存在css并通过localstorage进行缓存


发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注