DeTechn Blog

[前端笔记]如何进行网站性能优化

content方面

减少HTTP请求:合并文件、CSS精灵、inline Image
减少DNS查询:DNS缓存、将资源分布到恰当数量的主机名
减少DOM元素数量
Server方面

使用CDN
配置ETag
对组件使用Gzip压缩
Cookie方面

减小cookie大小
css方面

将样式表放到页面顶部
不使用CSS表达式
使用不使用@import
Javascript方面

将脚本放到页面底部
将javascript和css从外部引入
压缩javascript和css
删除不需要的脚本
减少DOM访问
图片方面

优化图片:根据实际颜色需要选择色深、压缩
优化css精灵
不要在HTML中拉伸图片

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »