前端性能优化你知道哪些?
前端性能优化总结: 1.减少 HTTP 请求数 前端开发80%以上的响应时间浪费在图片、样式、脚本等资源上传下载上,然而大多资源是必不可少的,我们减少 HTTP 请求数从以下方面进行: ①合并文件(JS/CSS文件/图片) 合并图片,当图片较多时,通过合并为一张大图,不仅能减少http请求数,还能利用缓存来提升性能。 合并CSS、JS文件,例如3个css文件可能会发出3此请求,用户等待时间较长,合并之后只需要发出一次请求,节省请求时间,加快页面的加载,用户体验感上升。 ②行内图片(Base64 编码) 用 data: URL模式来把图片嵌入页面,会增加HTML文件的大小,通过编码的字符串将图片内嵌到网页文本中,会有效减少页面的大小。 ③缓存策略 友好充分利用缓存,通过在请求头设置缓存属性,下次再次访问可以直接从本地获取资源,减少了不必要的数据传输,节省带宽、减少服务器的负担,提升网站性能、加快了客户端加载网页的速度。Expires 设置了一个时间,只要在这个时间之前,浏览器都不会请求文件,而是直接使用缓存。cache-control设置过期时间长度(秒),在这个时间范围内,浏览器就会直...


