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

点击关注公众号:互联网架构师,后台回复 2T获取2TB学习资源!

上一篇:2T架构师学习资料干货分享

大家好,我是互联网架构师!

99357da5063497849fd1bd71fb331aee.png

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

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

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


以静态页面为主的网站

  • Wikipedia, 0.2 MB

24c18f2c52dd288bca2dfd9673aae422.png

  • Linear, 3 MB

ac58fd2c7b14a9a3905291e637ff30ab.png

  • Zoom, 6 MB

69edb19e46a080371e07708fb0ed9f55.png

  • Vercel, 6 MB

a47a4c2087592b10787fdee0858fd55b.png

985075812acb54d8aa112cc98a35695e.png

  • Medium, 3 MB

79ca1c2b3d2a5f5b91fdfea1f2e4dedb.png

  • Quora, 4.5 MB

d4995c1adbe3ab24e65a787335f5e928.png

  • Pinterest, 10 MB

bbc75dc93d9679e9871527c6cdaa90d0.png


以搜索功能为主的网站

  • StackOverflow, 3.5 MB

d2a47cb03f63ab99d17f66d0094e4b61.png

  • NPM, 4 MB

493358e9c594a99f7d9f124258f99a10.png

  • Airbnb, 7 MB

1ded89fafc9321be0b93ded53dd2d36f.png

  • Booking.com, 12 MB

b36c0f6914896bd9ebacc80fa8b7637b.png

  • Google, 9 MB

e897dde2120b3d91d8f6d190ed220aeb.png


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

  • Google Translate, 2.5 MB

e6a1a64b148872588001a6f6ff184fce.png

  • ChatGPT, 7 MB

07ac7b290b605f521411fe0f264009c8.png


视频 / 多媒体类网站

  • Loom, 7 MB

2bfffa3e300f7ec24888bdbe0e05c5f5.png

  • YouTube, 12 MB

b37d9ca96fb75fdb2a9ece5872d916a4.png

  • Pornhub,  1.4 MB

7038938638b550b9c858f3fff199fea2.png

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

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

2c9991ca7b17d11a4e08e83d0acbd648.png

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

  • jQuery, 0.1 MB

c2eac1ad99da0387b086bf4ec404c238.png

相关链接:

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

最后,关注公众号互联网架构师,在后台回复:2T,可以获取我整理的 Java 系列面试题和答案,非常齐全。

正文结束

推荐阅读 ↓↓↓

1.JetBrains 如何看待自己的软件在中国被频繁破解?

2.无意中发现了一位清华妹子的资料库!

3.程序员一般可以从什么平台接私活?

4.40岁,刚被裁,想说点啥。

5.为什么国内 996 干不过国外的 955呢?

6.中国的铁路订票系统在世界上属于什么水平?                        

7.15张图看懂瞎忙和高效的区别!

d1cf521e6133fcba51f29a2875197d54.gif

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值