在使用阿里云服务器部署完flask项目后,实际访问网站发现网站加载速度慢
问题分析:
打开开发者工具-网络,发现echarts文件及其3D库加载时间过长,页面空白时间长,用户等待时间长,如下图
解决办法:
1、利用CDN内容分发网络使用户根据自己网络的特点更快、更稳定地访问到节点服务器中的资源,从而加快网页加载速度
2、将服务器base.html文件head标签中的script标签放到body标签中,实现在页面完全显示之后再加载JS文件,但实质上并未解决JS资源加载时间长的问题
3、给script标签设置延迟脚本或异步脚本,实现浏览器先下载JS文件,再延迟执行。
本文选择BootCDN解决了echarts文件的加载问题
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.4.1/echarts.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts-gl/2.0.8/echarts-gl.js"></script>