【卤代烃实验室】前端性能优化专题

今天介绍一个很少被人所知的浏览器默认性能优化方案 —— HTML Preload Scanner，看看它是如何优化网络资源加载速度的。

前言 由于 Web 的开放特性，同样是糊页面，Web 前端工程师往往要和 CORS（跨域请求）做一些斗争，例如我之前遇到的一个 《SVG 图片字体失效问题》 就是 CORS 引起的。 CORS 除了会

今天的标题是 The Cost Of JavaScript，是作者 Addy Osmani 的系列 Blog 主标题，，到今年为止一共写了 4 篇，从 开发者/内核/框架 等角度探索如何优化 JS

稍微研究一下前端兼容的知识，才会发现这块儿内容知识非常杂，因为版本兼容的相关知识没有那么多内在逻辑性，很多细碎的知识点散落在在各个商业公司的博弈和版本变更中。

https://web.dev/ 是一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，非常适合有性能优化诉求的开发者去浏览和学习。

2021 年一直没有怎么更文，2022 准备开个好头，所以先挑些简单的内容写一写，记录一下我是如何把个人站点的文件存储资费降低 90% 的。

本文主要从 JavaScript 的角度出发，并总结分析了 JSBundle 的各种优化手段，再结合网络和渲染优化，全方位提升 React Native 应用的启动速度。

据我考据这个问题起码有十年历史了。在日新月异学不动的前端圈子里，这个问题能一直被问，就是因为因为它是个非常好的问题，涉及非常多的知识点，平时做一些性能优化，都可以从这个问题出发，分析性能瓶颈，然后对症下药进行优化。 不过今天我们不谈 Web 的性能优化，只是借助刚刚的那个那个经…

2021 年谈 React Native，在日新月异的前端圈，可能算比较另类了。但是想到写技术文章又不是赶时髦，啥新潮写啥，所以还是动笔写了这篇 React Native 渲染性能优化指南

如果大家看过一些 webpack4 优化的文章，一定会出现 dll 动态链接库。它以配置之复杂让众多初学者记忆犹新。今天我会以一个学习者的角度去一步一步探讨 webpack dll 的配置，最后得出一