1、资源引用方面:
减少http请求,全局使用,缓存一切可缓存的资源文件;
压缩使用的css、js文件;使用雪碧图;
使用按需加载,scroll加载的处理方式;
异步加载资源,延后加载;
使用get ajax请求;
考虑页面缓存下使用外联引用。
2、css、js优化
css引用写在头部,javascript引用写在底部、使用异步加载,避免渲染等待;
避免在页面标签中写样式;
不过度引用字体,字体大小的问题;
值为0的时候不用单位;
使用标准的浏览器前缀,或者使用类似scss中的@include的写法,定义详细再引用;
不滥用页面浮动;
避免复杂dom 循环操作,适当使用break、continue、return;
id的工作效率比class高;
使用事件代理代替绑定事件。
缓存节点,尽量减少节点的查找,减少节点的操作(innerHTML);
减少重绘和回流。
3、内容方面:
DNS解析优化(DNS缓存、减少DNS查找、keep-alive、适当的主机域名),切分到多个域名;
避免重定向,杜绝404;
4、图片优化:
优化图像,css雪碧图;
不在HTML中缩放图片;
前端性能优化
最新推荐文章于 2024-08-05 19:45:28 发布