前端开发者往往不太关注页面所占用的内存，因为前端内存的分配与回收基本是依靠系统自动完成的，这个过程对于开发者是无感的 但内存优化的作用也同样重要，一个好的网站，内存的优化也是极致的

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

在做前端开发的时候，经常会需要通过CDN的方式引入一些第三方库，比如React、Bootstrap等，可以看到官方给到的CDN引用示例中都会有crossorigin和integrity属性，那具体有什

如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示，先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…

PWA 前言 由于项目驱动，要改造成pwa，开始感觉还是有点难度的。文档是英文的，实例也比较少。随着慢慢的学习，发现pwa实质，利用现有技术，使传统的网页有更好的体验的一种渐进式的应用程序， 概念 P

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包

最近，Chrome DevTools在 102 版本发布了新的Performance insights，让我们来了解一下这个新的面板。

Critical CSS Vue 如何提取 Critical Css,FMP,只将渲染首屏内容所需的关键CSS内联到HTML中

Lighthouse之减少javaScript执行时间简单说明，此说明标注了Lighthouse关于减少js执行时间的一些参数的说明