前端页面加载缓慢的原因和性能优化问题

一、页面加载缓慢的原因有哪些

1、过多的http请求
2、占时间占用js线程
3、页面回流和重绘比较多
4、资源加载堵塞
5、内容泄露导致内存过大
6、操作dom节点或者事件过多

二、前端性能优化方法有哪些

1，减少http请求（图片尽量使用雪碧图、Base64、字体图标库，减少重定向，使用缓存，不使用css@import，避免使用空的src和href）
2、资源压缩与合并（css压缩、js压缩，文件合并等）
3、优化网络连接（使用cdn，dns解析，使用keep-alive建立连接）
4、优化资源加载，代码拆分，按需加载，降低css对渲染的阻塞，尽早加载css降低加载的大小
5、减少重绘或者回流
6、webpack性能优化（打包公共代码，动态导入和按需加载，删除无用代码，长缓存优化，公共代码内联）
7、减少iframes使用
8、避免tabke布局