当前位置: 欣欣网 > 码农

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

2024-05-29码农

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/

    文章来源:【公众号:OSC开源社区】

    >>

    END

    精品资料,超赞福利,免费领

    微信扫码/长按识别 添加【技术交流群

    群内每天分享精品学习资料

    最近开发整理了一个用于速刷面试题的小程序;其中收录了上千道常见面试题及答案(包含基础并发JVMMySQLRedisSpringSpringMVCSpringBootSpringCloud消息队列等多个类型),欢迎您的使用。

    👇👇

    👇点击"阅读原文",获取更多资料(持续更新中