1. 使用小程序时，是否会经常遇到如下问题？ 2. 我们优化的方向有哪些？ 3. 启动加载性能 1. 首次加载 小程序启动时，微信会为小程序展示一个固定的启动界面，界面内包含小程序的图标、名称和加载提示图标。此时，微信会在背后完成几项工作：下载小程序代码包、加载小程序代码包、初…

6月份有幸被前端早读课邀请到厦门大前端技术沙龙，作了小程序页面加载性能优化的分享。从现场反响来看，大家对性能优化的关注度都很高，还是很开心的。 本文是分享的文字版，总结了我们上半年对榛果小程序性能优化的研究和一些实践，希望各位读者能够对小程序的性能优化有个系统的了解。 本文将围…

性能优化作为一个老生常谈的话题，可以在网上查到各种零碎的优化点，但对于新手来说，要对项目做完整的性能优化，却不知从何下手，其根本是缺乏对性能知识体系的认识

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

关于前端性能优化相关的技术知识，网上随便搜一些就有很多，本文将系统性的从初级到高级的思路，总结移动前端性能优化各个方面的相关技术点，内容来自笔者以往经验的总结，希望读者可以花些时间看看。 在目前大多数刚从事前端开发，或者是正在学习前端开发的同学来说，性能优化对于他们可能还比较远…

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…

前段时间有朋友问我一个他们公司遇到的问题, 说是后端由于某种原因没有实现分页功能, 所以一次性返回了2万条数据,让前端用select组件展示到用户界面里. 我听完之后立马明白了他的困惑, 如果通过硬编码的方式去直接渲染这两万条数据到select中,肯定会卡死. 后面他还说需要支…