一、页面加载缓慢的原因有哪些
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布局