2024年，只有搞颜色的 P 站真正关心网站性能

👉 这是一个或许对你有用的社群

🐱 一对一交流/面试小册/简历优化/求职解惑，欢迎加入「芋道快速开发平台」知识星球。下面是星球提供的部分资料： 

• 《项目实战（视频）》：从书中学，往事上“练”
• 《互联网高频面试题》：面朝简历学习，春暖花开
• 《架构 x 系统设计》：摧枯拉朽，掌控面试高频场景题
• 《精进 Java 学习指南》：系统学习，互联网主流技术栈
• 《必读 Java 源码专栏》：知其然，知其所以然

来源：tonsky.me/blog/js-bloat/

• 以静态页面为主的网站
• 以搜索功能为主的网站
• 具有简单交互的单应用网站
• 视频 / 多媒体类网站

2024 年，大家觉得一个网站 JS 文件的平均大小应该是多少？1MB、5MB、10MB，还是更加大呢？

近年来，层出不穷的现代化前端技术让人眼花缭乱，让网站拥有了更多的交互和丰富的功能，再加上终端设备的配置越来越高，许多网站似乎不用再过分担心性能问题 —— 常常打开网站就要下载超过 10M 的 JS 文件。

知名开源开发者 Nikita Prokopov 对常见网站的 JS 文件大小进行了统计（未压缩） ，结果有点令人出乎意料。

以静态页面为主的网站

• Wikipedia, 0.2 MB

• Linear, 3 MB

• Zoom, 6 MB

• Vercel, 6 MB

• Gitlab, 13 MB

• Medium, 3 MB

• Quora, 4.5 MB

• Pinterest, 10 MB

基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序，支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

• 项目地址：https://github.com/YunaiV/ruoyi-vue-pro
• 视频教程：https://doc.iocoder.cn/video/

以搜索功能为主的网站

• StackOverflow, 3.5 MB

• NPM, 4 MB

• Airbnb, 7 MB

• Booking.com, 12 MB

• Google, 9 MB

基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 实现的后台管理系统 + 用户小程序，支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

• 项目地址：https://github.com/YunaiV/yudao-cloud
• 视频教程：https://doc.iocoder.cn/video/

具有简单交互的单应用网站

• Google Translate, 2.5 MB

• ChatGPT, 7 MB

视频 / 多媒体类网站

• Loom, 7 MB

• YouTube, 12 MB

• Pornhub, 1.4 MB

目前看下来，维基百科网站的 JS 文件最小，仅有 0.2MB。Pornhub 次之，为 1.4MB。

Pornhub 声称「每一天都有 1.3 亿人访问我们的网站」，因此不难理解他们对于性能的极致追求。根据他们 Web 工程师的采访，该网站主要使用原生 JavaScript。

但这俩在下面这个网站前面都是弟弟 ——

• jQuery, 0.1 MB