1.最近项目中在使用Vditor 富文本,但是会出现第一次加载速度慢(将近10秒)这种问题怎么能容忍呢
2.问题原因,我们可以看到,在下图1处所指的位置,是本次页面中加载8000毫秒中正在进行的请求
下图2处是8000秒时间点的请求列表,通过观察请求列表我们可以看到,和Vditor 富文本相关的请求,只有lute.min.js
3.解决方案:知道了问题的原因就比较好解决了,既然访问官方提供的地址慢,那我们就自己搞一个地址,让他能访问到相同东西即可。
4.开始实施
(1)因为Vditor 是有很多版本的,所以官网说的,下载下来npm install; npm run build 还要去寻找他的版本,就比较麻烦,所以我抱着试一试的态度去node_modules里面找编译好的dist文件,爱笑的人终究运气不会太差,还真被我找到了,如下图。
(2)有了dist文件之后,有两种方式,第一种:放到根目录下,以文件的方式进行引用(未测试)
第二种:放到一下可访问的服务器,或者对象存储中,通过修改cdn方式进行访问(已测试)
(3)在服务器创建目录/vditor 然后将刚刚找的dist文件上传上去,通过nginx,获取springboot 程序等等方式,让dist中的文件可以被访问到
(4)然后最后一步,在富文本初始化位置加上cdn配置,如下图即可秒开
小伙伴门抓紧试一试啦,不懂的地方可以点击右侧客服。
1. 本站所有资源来源于用户上传和网络,如有侵权请及时联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"mababa.xin",如遇到无法解压的请联系管理员!
码巴巴-优质代码创造者 » Vditor 富文本加载速度慢,Vditor 富文本离线使用
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 一个高级程序员模板开发平台