很多人会认为功能多就卡，其实这是错误的，功能多不多与卡不卡基本上是无关的，直接看视频好了，有疑问的也可以自己去测试
每次测试前要清空苹果cms缓存与浏览器缓存否则测试结果是错误的

1. console.log(performance.getEntriesByType("navigation")[0].duration);

复制代码

短视第二套打开速度：3236.0999999940395
其他模板打开速度：15522.79999999702

很明显短视第二套加载的东西更多，功能更多包括有diy设置等等，但加载速度依旧优先其他模板


为什么模板看着很简洁没有花里胡哨的模板加载速度快？
首先你要知道你看到的是有div+csss实现的页面布局，它简洁只是说这个ui设计简洁与页面加载速度是两码事
页面加载速度取决于服务器，程序，加载的资源数量，于ui设计关系很小，除非是一些使用了特殊属性的会造成卡顿等问题其他基本是没关系

为什么功能多加载速度比功能少的快？
首先你要了解功能是如何实现的，比如设置默认主题色这个功能
一些人第一时间会想用php去读取配置文件然后判断显示哪一个主题样式
但我们还有很多方法去实现这个功能，比如黑色配置是h，白色配置是b，我们只需要把这个配置信息输出为css选择器然后通过css选择去给h与b设置不同的样式，这样其实这个功能我们后端只是输出了配置信息，即便是1000个功能1w个功能后端依旧只是做了一件事，输出了配置而已，不管功能多少所消耗时间可以说是一样的

很多人会认为功能多就卡，其实这是错误的，功能多不多与卡不卡基本上是无关的，直接看视频好了，有疑问的也可以自己去测试
每次测试前要清空苹果cms缓存与浏览器缓存否则测试结果是错误的

1. console.log(performance.getEntriesByType("navigation")[0].duration);

复制代码

短视第二套打开速度：3236.0999999940395
其他模板打开速度：15522.79999999702

很明显短视第二套加载的东西更多，功能更多包括有diy设置等等，但加载速度依旧优先其他模板


为什么模板看着很简洁没有花里胡哨的模板加载速度快？
首先你要知道你看到的是有div+csss实现的页面布局，它简洁只是说这个ui设计简洁与页面加载速度是两码事
页面加载速度取决于服务器，程序，加载的资源数量，于ui设计关系很小，除非是一些使用了特殊属性的会造成卡顿等问题其他基本是没关系

为什么功能多加载速度比功能少的快？
首先你要了解功能是如何实现的，比如设置默认主题色这个功能
一些人第一时间会想用php去读取配置文件然后判断显示哪一个主题样式
但我们还有很多方法去实现这个功能，比如黑色配置是h，白色配置是b，我们只需要把这个配置信息输出为css选择器然后通过css选择去给h与b设置不同的样式，这样其实这个功能我们后端只是输出了配置信息，即便是1000个功能1w个功能后端依旧只是做了一件事，输出了配置而已，不管功能多少所消耗时间可以说是一样的