0
点赞
收藏
分享

微信扫一扫

前端面试——性能优化

伊人幽梦 2022-05-05 阅读 51
前端

前端性能优化

  • 结构优化

    • 按需加载

    • 将css放在头部,Js放在底部
      css加载会阻塞js进程(css还是放在头部,不然会出现初始页面没有样式的情况) js加载会阻塞dom加载(js放在头部可能导致页面空白)

    • 使用CDN
      原理:服务器离用户越远时,延迟越高;所以用CDN(内容分发网络)一组分布在多个不同地理位置的 Web 服务器;当客户清请求的时候通过负载均衡(SLB),找到离用户最近的服务器。

  • 减少http请求

    • 缓存
      请求头部指定Expires,设置内容缓存

    • 使用精灵图 多个小文件放在一个大文件内,配合background-position

    • 使用Http2,一个请求可以返回多个响应

  • 减小请求文件大小

    • webpack打包,gzip
举报

相关推荐

0 条评论