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

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

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

• 《项目实战（视频）》：从书中学，往事上“练”

• 《互联网高频面试题》：面朝简历学习，春暖花开

• 《架构 x 系统设计》：摧枯拉朽，掌控面试高频场景题

• 《精进 Java 学习指南》：系统学习，互联网主流技术栈

• 《必读 Java 源码专栏》：知其然，知其所以然

👉这是一个或许对你有用的开源项目

国产 Star 破 10w+ 的开源项目，前端包括管理后台 + 微信小程序，后端支持单体和微服务架构。

功能涵盖 RBAC 权限、SaaS 多租户、数据权限、商城、支付、工作流、大屏报表、微信公众号、CRM 等等功能：

• Boot 仓库：https://gitee.com/zhijiantianya/ruoyi-vue-pro

• Cloud 仓库：https://gitee.com/zhijiantianya/yudao-cloud

• 视频教程：https://doc.iocoder.cn

【国内首批】支持 JDK 21 + SpringBoot 3.2.2、JDK 8 + Spring Boot 2.7.18 双版本 

来源：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

---

欢迎加入我的知识星球，全面提升技术能力。

👉 加入方式，“长按”或“扫描”下方二维码噢：

星球的内容包括：项目实战、面试招聘、源码解析、学习路线。

文章有帮助的话，在看，转发吧。
谢谢支持哟 (*^__^*）