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

优化关键渲染路径、减少回流重绘，提升交互响应。优化资源缓存、使用CDN加速，减少服务器请求。合理使用缓存、压缩和分块传输，减少资源大小。持续监测性能，优化前端代码和设计。最终目标是提高用户体验

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

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

本文是《PWA学习与实践》系列的第十篇文章。也许你还没有听说过或不了解Resource Hint，但是通过本文，你会快速学习到这一件页面加载性能利器。本系列相关demo的代码都可以在github repo中找到。 PWA作为时下最火热的技术概念之一，对提升Web应用的安全、性能…

背景 产品：你看看这页面加载的如此之慢，怎么会有用户用呢？（并甩给了我一个录屏） 我: （抛出前端应对之策）前端需要加载vue，js，html，css这些都需要时间呀，是不是，别说还需要接口请求，数据

在开发环境和生产环境中，这两个环境下构建的目标存在很大差异，在开发环境中，我们需要的是强大的`source map`、实时加载、热更新等能力的配置。...

背景 笔者在最近碰到一个问题： 有一些项目没有类似jenkins的自动部署平台，前端部署都是本地执行npm run build命令生成压缩包，然后放到服务器上面，解压到nginx 目录, 但是有的时候