高级前端——简述前端性能优化

页面内容方面

通过文件合并、css 雪碧图(也就是使用一张图,把小图标都合并在一起,不过现在应该不流行使用这种方法,因为图标可以放到iconfont上,下载css字体文件就可以了。)

使用 base64 等方式来减少 HTTP 请求数,避免过多的请求造成等待的情况;

通过 DNS 缓存等机制来减少 DNS 的查询次数(这种方法现在也是不建议使用,以为如果别人的地址改变了,那这个链接就用不了了);
通过设置缓存策略,对常用不变的资源进行缓存;
通过延迟加载的方式,来减少页面首屏加载时需要请求的资源,延迟加载的资源当用户需要访问时,再去请求加载;
通过用户行为,对某些资源使用预加载的方式,来提高用户需要访问资源时的响应速度;

服务器方面

使用 CDN 服务,来提高用户对于资源请求时的响应速度;
服务器端自用 Gzip、Deflate 等方式对于传输的资源进行压缩,减少传输文件的体积;
尽可能减小 cookie 的大小,并且通过将静态资源分配到其他域名下,来避免对静态资源请求时携带不必要的 cookie;

点赞

发表评论

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