vue、vuex优化首页加载速度之引入cdn同时防止cdn挂掉

2020-01-13 21:19:07

参考地址 vue、vuex优化首页加载速度之引入cdn

第三方的插件，一时用着一时爽，一直用着，一直爽，但是打包之后，加载速度很慢，有时候首页加载需要四五秒，怎么办呢？除了路由按需加载之外，还有如下方法：

在index.html里面


如图，引入vue，vue-router，vuex，mint-ui，百度地图等cdn。

该安装的还是安装，防止第三方cdn挂掉，影响自己的项目运行。那么：


main.js里面，其他方法里面

const Vue = require(‘vue’);


项目重新打包，部署完成，你会发现，打开首页速度飞起来了。


  • 精彩推荐

  • 2017-05-02 17:54:57

    高并发 php uniqid 不重复唯一标识符生成方案

    PHP uniqid()函数可用于生成不重复的唯一标识符，该函数基于微秒级当前时间戳。在高并发或者间隔时长极短（如循环代码）的情况下，会出现大量重复数据。即使使用了第二个参数，也会重复，最好的方案是结合md5函数来生成唯一ID。

  • 2017-05-12 16:33:24

    说说JSON和JSONP，也许你会豁然开朗

    　　JSON(JavaScript Object Notation)和JSONP(JSON with Padding)虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没？一个是描述信息的格式，一个是信息传递双方约定的方法。

  • 2017-05-25 23:18:23

    webpack图片的路径与打包

    刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里(bundle)。下面我们就来分析下在webpack项目中图片的应用场景。