2021-08-19 面试题:如何对网站进行性能优化

content ⽅⾯

1.减少 HTTP 请求：合并⽂件、 CSS 精灵、 inline Image
2.减少 DNS 查询： DNS 缓存、将资源分布到恰当数量的主机名、减少 DOM 元素数量

Server ⽅⾯

1.使⽤ CDN
2.配置 ETag
3.对组件使⽤ Gzip 压缩

Cookie ⽅⾯

减⼩ cookie ⼤⼩

css ⽅⾯

1.将样式表放到⻚⾯顶部
2.不使⽤ CSS 表达式
3.使⽤ 不使⽤ @import

Javascript ⽅⾯

1.将脚本放到⻚⾯底部
2.将 javascript 和 css 从外部引⼊
3.压缩 javascript 和 css
4.删除不需要的脚本
5.减少 DOM 访问

图⽚⽅⾯

1.优化图⽚：根据实际颜⾊需要选择⾊深、压缩
2.优化 css 精灵
3.不要在 HTML 中拉伸图⽚