Java精选面试题 (微信小程序): 5000+ 道面试题和选择题, 真实面经 , 简历模版 ,包含Java基础、并发、JVM、线程、MQ系列、Redis、Spring系列、Elasticsearch、Docker、K8s、Flink、Spark、架构设计、大厂真题等,在线随时刷题!

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

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

打开网易新闻 查看精彩图片

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

以静态页面为主的网站

  • Wikipedia, 0.2MB

打开网易新闻 查看精彩图片

  • Linear, 3MB

打开网易新闻 查看精彩图片

  • Zoom, 6MB

打开网易新闻 查看精彩图片

  • Vercel, 6MB

打开网易新闻 查看精彩图片

  • Gitlab, 13MB

打开网易新闻 查看精彩图片

  • Medium, 3MB

打开网易新闻 查看精彩图片

  • Quora, 4.5MB

打开网易新闻 查看精彩图片

  • Pinterest, 10MB

打开网易新闻 查看精彩图片

以搜索功能为主的网站

  • StackOverflow, 3.5MB

打开网易新闻 查看精彩图片

  • NPM, 4MB

打开网易新闻 查看精彩图片

  • Airbnb, 7MB

打开网易新闻 查看精彩图片

  • Booking.com, 12MB

打开网易新闻 查看精彩图片

  • Google, 9MB

打开网易新闻 查看精彩图片

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

  • Google Translate, 2.5MB

打开网易新闻 查看精彩图片

  • ChatGPT, 7MB

打开网易新闻 查看精彩图片

视频 / 多媒体类网站

推荐划水摸鱼地址: https://www.yoodb.com/slack-off/home.html
  • Loom, 7MB

打开网易新闻 查看精彩图片

  • YouTube, 12MB

打开网易新闻 查看精彩图片

  • Pornhub, 1.4MB

打开网易新闻 查看精彩图片

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

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

打开网易新闻 查看精彩图片

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

  • jQuery, 0.1MB

打开网易新闻 查看精彩图片

相关链接: https://tonsky.me/blog/js-bloat/ 转自:OSC开源社区

公众号“Java精选”所发表内容注明来源的,版权归原出处所有(无法查证版权的或者未注明出处的均来自网络,系转载,转载的目的在于传递更多信息,版权属于原作者。如有侵权,请联系,笔者会第一时间删除处理!

最近有很多人问,有没有技术或摸鱼交流群!加入方式很简单,公众号Java精选,回复“加群”,即可入群!在线摸鱼:https://www.yoodb.com/

Java精选面试题(微信小程序):3000+道面试题,包含Java基础、并发、JVM、线程、MQ系列、Redis、Spring系列、Elasticsearch、Docker、K8s、Flink、Spark、架构设计等,在线随时刷题!

特别推荐:专注分享最前沿的技术与资讯,为弯道超车做好准备及各种开源项目与高效率软件的公众号,「大咖笔记」,专注挖掘好东西,非常值得大家关注。点击下方公众号卡片关注

文章有帮助的话,点在看,转发吧!