加载太慢了

21.11s我是真的吐了,紧接着刷新,就会立即加载

然后Firefox看了一下是js的问题,我太难了

我太难了
这么点东西加载都这么慢
然后为script标签加个async属性,让他有异步加载,加载完之后执行
但是async因为是乱序异步的,所以会导致不按顺序执行js,
所以建议使用defer,虽然是依旧是异步加载,但是会按先后顺序执行
我真是太难了,
我发现最大的问题不在于加载文件,而是有一个script标签里直接是写代码的,我换了defer之后依旧会有点慢,所以切成了async运行script标签,defer加载之后的js脚本文件,虽然还是有点慢,但是我接受了

并行美滋滋

记一次react项目部署之后页面加载极度缓慢的问题相关推荐

react项目如何按需加载antdDesign组件
react项目如何按需加载antdDesign组件分为两种情况: 第一种手写的,不使用脚手架: 1.安装: npm install ant --save 2.引用: import { Alert, F ...
ant design pro 加载慢_ant design pro项目打包后页面加载缓慢
用ant design pro框架做的项目,打包之后每一个页面加载的速度都特别慢,在.webpackrc里面配置了ignoreMomentLocale: true, disableDynamicImp ...
h5首页加载慢_页面加载速度缓慢时，如何优化？
提高页面加载速度,优化方法: 1.使用免费 cdn 加载第三方资源 2.合并压缩js,css,减少请求次数以及减少流量的消耗 3.代码优化: HTML头部的JavaScript和写在HTML标签中的S ...
react项目中使用esri-loader加载天地图
1.在项目中安装esri-loader npm install esri-loader // or yarn add esri-loader 2.加载代码如下: 代码是基于react hook编写: ...
前端页面加载缓慢的原因和性能优化问题
前端页面加载缓慢的原因和性能优化问题一.页面加载缓慢的原因二.前端性能优化方法一.页面加载缓慢的原因当我们打开一个网页,页面加载比较缓慢时,可能原因有以下几点: (1)过多的http请求 (2 ...
前端React项目部署
前端react项目部署文档 1.下载phpstudy 小皮面板(phpstudy) - 让天下没有难配的服务器环境! 2.找到配置文件设置-文件位置-nginx-conf 3.修改nginx.con ...
问题排查：vue项目刷新页面加载了500多个请求？
问题背景某项目上线后,打开登录页加载了500多个请求,包含了js.css.png等等. 因为项目部署在第三方云平台,直接被当做恶意攻击,把IP封掉了如下图: 问题分析 Webpack 内置了 pr ...
一劳永逸部署项目：通过tomcat加载环境变量
一劳永逸部署项目:通过tomcat加载环境变量转载自:https://blog.csdn.net/u010414666/article/details/46499953 一.说明项目中经常会用到x ...
vue 判断页面加载完成_vue项目搭建及总结
一.vue的两种安装方式 (1)直接在html中引入vue.js (2)通过vue+nodeJS搭建我们采用的是第二种方式二.vue和nodeJS的关系 (1)nodeJS不是一个js框架,是一个 ...

记一次react项目部署之后页面加载极度缓慢的问题

加载太慢了

记一次react项目部署之后页面加载极度缓慢的问题相关推荐

最新文章

热门文章