vue cli3 创建的网站,首页加载太慢~

npm run build打包的dist文件才3.9M,用FTP上传到服务器都是秒传。但是首页打开的时候巨慢,居然要用10秒钟才显示内容!不能忍受啊~

几乎没有用啥第三方的JS库,就用了个ivew,还就按需加载了3个UI组件(button, input, upload)。

有经验的朋友能帮忙看下,大概是哪里出了问题吗? 谢谢!

clipboard.png


服务器用的阿里云,带宽1M,当初买的时候想一个没啥PV的普通的企业网站用不到太多带宽,就选了个1M的,也太慢了!以前用腾讯云1M带宽比这快。刚才在阿里云后台临时把带宽提到4M,一切正常了。网站1秒就可以加载。

clipboard.png


把服务器带宽增加到4M后,在Nginx里开启gzip压缩后的网站加载速度:

clipboard.png

阅读 4.3k
2 个回答

前端项目在没有做按需加载,服务端渲染之前;
首屏加载时会将整个项目的代码全部请求下来,这是速度慢的原因之一;
再次即便是几兆的东西10s下载基本可以断定是服务器带宽不够导致的;
可以考虑在技术上做按需加载或服务端渲染来优化;
再从硬件上增加服务器带宽,或使用CDN托管加速;
就个人经验上讲使用阿里云或七牛云CDN加速最简单效率最高。

感觉是网速的问题或者服务器的问题啊,9.6k的图片的都要加载2s。打包优化之类的反而是其次了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题