Skip to content

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

发表时间:Tue Feb 27 2024 11:57:24 GMT+0800 (中国标准时间)

iProgrammer https://mmbiz.qpic.cn/sz\_mmbiz\_jpg/dkwuWwLoRK896GLVueoPdmIzx1ZPzZibeENUg6E0xicfFkc0uwQXh0kNgyovgJA7vl3XFeNdWicDorArNPakURTqg/0?wx_fmt=jpeg

↓推荐关注↓

转自:OSC开源社区

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

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

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\0.png)

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


以静态页面为主的网站

  • Wikipedia, 0.2 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\1.png)

  • Linear, 3 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\2.png)

  • Zoom, 6 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\3.png)

  • Vercel, 6 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\4.png)

  • Gitlab, 13 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\5.png)

  • Medium, 3 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\6.png)

  • Quora, 4.5 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\7.png)

  • Pinterest, 10 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\8.png)


以搜索功能为主的网站

  • StackOverflow, 3.5 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\9.png)

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\10.png)

  • Airbnb, 7 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\11.png)

  • Booking.com, 12 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\12.png)

  • Google, 9 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\13.png)


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

  • Google Translate, 2.5 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\14.png)

  • ChatGPT, 7 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\15.png)


视频 / 多媒体类网站

  • Loom, 7 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\16.png)

  • YouTube, 12 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\17.png)

  • Pornhub,  1.4 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\18.png)

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

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

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\19.png)

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

  • jQuery, 0.1 MB

![](image\2024年,只有搞颜色的 P 站真正关心网站性能\20.png)

相关链接:

https://tonsky.me/blog/js-bloat/

- EOF -

推荐阅读  点击标题可跳转

1、改几行代码,for 循环耗时从 3.2 秒降到 0.3 秒!

2、改一行代码,数组遍历耗时从 10.3 秒降到了 0.5 秒

3、有这个迹象,公司就要凉了

4、大厂程序员提倡“防御性编程”:故意把代码写得很烂

5、雷军 30 年前的病毒论文,结语最后一句是亮点

关注「程序员的那些事」加星标,不错过圈内事

点赞和在看就是最大的支持❤️

阅读原文

上次更新于: