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

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

图片


以搜索功能为主的网站

  • StackOverflow, 3.5 MB

图片

  • NPM, 4 MB

图片

  • Airbnb, 7 MB

图片

  • Booking.com, 12 MB

图片

  • Google, 9 MB

图片


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

  • 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

图片


最后看看本站:

图片

相关链接:

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

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值