背景 门店的电视机上需要随着饮品上新播放一些不同的画面，包含图片（含当前门店商品价格），视频，需要支持所有画面都加载完成之后再播放并且支持离线播放。 设备：电视机 系统：安卓5/安卓9 浏览器内核：X

近期对Webpack5构建性能进行了优化，构建耗时从150s到60s再到10s，下面详细讲解下优化过程。

Docker 是一种容器技术，它可以在操作系统上创建多个相互隔离的容器。容器内独立安装软件、运行服务。 但是，这个容器和宿主机还是有关联的，比如可以把宿主机的端口映射到容器内的端口、宿主机某个目录挂载

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…

上期通过项目优化分享和实例解析：在淘宝优化了一个大型项目，分享一些干货（代码实例，图文结合），把 webpack 打包优化利器 SplitChunksPlugin 系统讲解了一遍。本期进一步深入，分析 SplitChunksPlugin 源码，搞清楚 webpack 是怎么和 …

想必大家都用过 webpack，也或多或少了解它的原理，但是不知道大家有没有写过 Webpack 的插件呢？ 今天我们就一起来写一个划分 Chunk 的 webpack 插件吧，写完后你会发现想怎么分

web性能-CDN架构介绍和优化CDN的中文全名是内容分发网络，其功能是将内容“发布”到离用户最近的服务器上，有效地避免网络拥塞（越远的距离越容易遇到拥塞）。大型网站一般分布较广，用户地域跨度大，而网

为用户提供更加流畅的App使用体验是我们的目标。作为电商类App，社区+交易相关业务强依赖图片、视频、文件等静态资源。由于这些静态资源部署在CDN上，因此本文统称为“CDN资源”。