在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

如何通过和 APP 的配合大幅提升 H5 页面的首屏加载速度，如何构建一套秒开系统，让 H5 拥有类似小程序的性能体验。通过接口预请求让APP打开H5的同时并行请求数据，消灭H5请求数据的耗时。

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

不管是面试提问，还是实际工作中，前端性能都是一个绕不过去的问题。性能优化的指标，渲染优化的原理，代码优化，等等多方面的角度，系统的整理了前端性能优化的笔记。

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

前言 之前的开发工作中对vue2项目也有做过不同的优化，但是都比较零散且没有系统化的记录下来。 正好最近接手了一个老项目，虽然项目不大性能也还过得去，但是我觉得可优化的空间还是比较多的。 所以也趁此机

配置 vue.config.js， 分割 chunk-vendors 使多页面项目的各页面只引用真正需要用到第三方依赖。

当在部署访问 SPA单页面应用 时 需要一次性加载所有前端资源，导致文件体积较大。这会增加加载时间并增耗用户的带宽 在 vue项目中，会将我们的所有生产环境第三方依赖打包 chunk-ven