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

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

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

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

8aa0fbe821edbee7628a7211b1956b79.png

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


以静态页面为主的网站

  • Wikipedia, 0.2MB

2faa6f6d266b3f54c433e97de601c656.png

  • Linear, 3MB

aa1f644e0ba5a7a9a859aafe510e18c5.png

  • Zoom, 6MB

80819d01fa211b5dcfd2df4e83b79527.png

  • Vercel, 6MB

b0957d7dace98446b9e96c12b2ee6039.png

  • Gitlab, 13MB

84f860a814b684bd6f445c4a6ead72d2.png

  • Medium, 3MB

3510d49e2b7b628a72be7b8e5938f0d2.png

  • Quora, 4.5MB

169f7a3fb101137ab89d195a67832be5.png

  • Pinterest, 10MB

7d1e906aedd697fb1c1ec5b33e445691.png


以搜索功能为主的网站

  • StackOverflow, 3.5MB

8d0b9ff37990f85864b4f46fab67621e.png

  • NPM, 4MB

98fde683251442b5020b6f0c17e3796c.png

  • Airbnb, 7MB

1b836e661fd86c0582ba408ef4c32513.png

  • Booking.com, 12MB

32fb9d948045d0a6c8a86beb2f380c47.png

  • Google, 9MB

f32857f380e88efa8b2fbfabcc89b367.png


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

  • Google Translate, 2.5MB

f511b23941bb9cae0b3dcb64f5f47ce5.png

  • ChatGPT, 7MB

3993074ebae1606121fd5d96123d478d.png


视频 / 多媒体类网站

推荐划水摸鱼地址:

https://www.yoodb.com/slack-off/home.html

  • Loom, 7MB

c450f549e9507d064b5bda04030a735f.png

  • YouTube, 12MB

7aedf95e460805d4b0aed0d22848c63b.png

  • Pornhub,  1.4MB

a99a9f506087d2a72cbfe4ea92401510.png

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

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

17aa8bc4192c7b81ff384e2c30728e74.png

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

  • jQuery, 0.1MB

39a4c24fcf8be6e5c4d7189b62d5bcdd.png

相关链接:

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、架构设计等,在线随时刷题!
------ 特别推荐 ------
特别推荐:专注分享最前沿的技术与资讯,为弯道超车做好准备及各种开源项目与高效率软件的公众号,「大咖笔记」,专注挖掘好东西,非常值得大家关注。点击下方公众号卡片关注。

点击“阅读原文”,了解更多精彩内容!文章有帮助的话,点在看,转发吧!
数据集介绍:垃圾分类检测数据集 一、基础信息 数据集名称:垃圾分类检测数据集 图片数量: 训练集:2,817张图片 验证集:621张图片 测试集:317张图片 总计:3,755张图片 分类类别: - 金属:常见的金属垃圾材料。 - 纸板:纸板类垃圾,如包装盒等。 - 塑料:塑料类垃圾,如瓶子、容器等。 标注格式: YOLO格式,包含边界框和类别标签,适用于目标检测任务。 数据格式:图片来源于实际场景,格式为常见图像格式(如JPEG/PNG)。 二、适用场景 智能垃圾回收系统开发: 数据集支持目标检测任务,帮助构建能够自动识别和分类垃圾材料的AI模型,用于自动化废物分类和回收系统。 环境监测与废物管理: 集成至监控系统或机器人中,实时检测垃圾并分类,提升废物处理效率和环保水平。 学术研究与教育: 支持计算机视觉与环保领域的交叉研究,用于教学、实验和论文发表。 三、数据集优势 类别覆盖全面: 包含三种常见垃圾材料类别,覆盖日常生活中主要的可回收物类型,具有实际应用价值。 标注精准可靠: 采用YOLO标注格式,边界框定位精确,类别标签准确,便于模型直接训练和使用。 数据量适中合理: 训练集、验证集和测试集分布均衡,提供足够样本用于模型学习和评估。 任务适配性强: 标注兼容主流深度学习框架(如YOLO等),可直接用于目标检测任务,支持垃圾检测相关应用。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值