本文介绍了云音乐桌面端 3.0 改版前端在性能方面遇到的挑战和优化实践（卡顿、系统资源占用和具体业务场景等优化）。

当网页中用到远程字体时，需要考虑网络因素导致的字体加载延时问题。一般会有一个空档期：文档加载完毕但字体文件尚未完成加载解析，空档期内如何规划网页中文本的渲染呢？这就要用到一个属性：font-displ

前言 越来越多的项目使用webpack5来构建项目了，今天给大家带来最前沿的webpack5配置，让我们代码在编译/运行时性能更好~ 我们会从以下角度来进行优化： 提升打包构建速度 减少代码体积 优化

性能优化已是老生常谈的问题，但不知大家对于模块联邦这个概念是否熟悉。一句话介绍，模块联邦可以让当前前端应用动态地加载来自其他应用的代码。 听着有点绕？那我先来说说模块联邦带来的一个特性：依赖共享。

在上一篇文章中，我们学习了用webpack打包一个组件库。这次我们来学习怎么用rollup打包一个组件库。 rollup 是一个 JavaScript 模块打包器，在功能上要完成的事和webpack性质一样，就是将小块代码编译成大块复杂的代码，例如 library 或应用程序。…

提到前端打包工具，毫无疑问想先到的是webpack。但是前端发展地很快，时不时会有新东西出现，打包工具这边之前也出现parcel和rollup。各种工具的碰撞，相互汲取优点，促进技术的发展。 webpack4中支持了零配置的特性，同时对块打包也做了优化，CommonsChunk…

前言 webpack 我们每天都在用，但是Tree Shaking知道多少呢，今天就来唠一唠他都帮我们干了些什么？ Tree Shaking 是一种优化方式，在 JavaScript 中用来表示移除无

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

Web Worker为前端带来了后端的计算能力，十万、百万条数据都是弟弟…… Web Worker扩大了前端的业务边界，减轻了因大量计算造成的UI阻塞