专栏名称: 猿大侠
猿大侠,既然选择了,就一定成为大侠! 小程序、小游戏、Google、苹果、职场、前沿技术分享,一起成长。
目录
相关文章推荐
有车以后  ·  2024年卖得最好的4款SUV,目前都有优惠 ... ·  昨天  
小新说车  ·  它轻轻动手,又够国产车追10年了? ·  昨天  
汽车金融大全APP  ·  公安部交管局:全国机动车保有量4.53亿辆, ... ·  2 天前  
樊登读书  ·  真心建议所有爸妈:带孩子过一个低配寒假 ·  2 天前  
德州日报  ·  事关假期补课!德州市教育局重要发布 ·  2 天前  
51好读  ›  专栏  ›  猿大侠

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

猿大侠  · 公众号  ·  · 2024-02-23 18:28

正文

转自:OSC开源社区
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/