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

科技   2024-11-25 14:24   安徽  

来源:tonsky.me/blog/js-bloat/

👉 欢迎加入小哈的星球,你将获得: 专属的项目实战 / 1v1 提问 / Java 学习路线 / 学习打卡 / 每月赠书 / 社群讨论

  • 新项目:《从零手撸:仿小红书(微服务架构)》 正在持续爆肝中,基于 Spring Cloud Alibaba + Spring Boot 3.x + JDK 17..., 点击查看项目介绍
  • 《从零手撸:前后端分离博客项目(全栈开发)》 2期已完结,演示链接:http://116.62.199.48/;

截止目前,累计输出 69w+ 字,讲解图 2776+ 张,还在持续爆肝中.. 后续还会上新更多项目,目标是将 Java 领域典型的项目都整一波,如秒杀系统, 在线商城, IM 即时通讯,Spring Cloud Alibaba 等等,戳我加入学习,解锁全部项目,已有2400+小伙伴加入

  • 以静态页面为主的网站
  • 以搜索功能为主的网站
  • 具有简单交互的单应用网站
  • 视频 / 多媒体类网站


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

图片

👉 欢迎加入小哈的星球,你将获得: 专属的项目实战 / 1v1 提问 / Java 学习路线 / 学习打卡 / 每月赠书 / 社群讨论

  • 新项目:《从零手撸:仿小红书(微服务架构)》 正在持续爆肝中,基于 Spring Cloud Alibaba + Spring Boot 3.x + JDK 17..., 点击查看项目介绍
  • 《从零手撸:前后端分离博客项目(全栈开发)》 2期已完结,演示链接:http://116.62.199.48/;

截止目前,累计输出 69w+ 字,讲解图 2776+ 张,还在持续爆肝中.. 后续还会上新更多项目,目标是将 Java 领域典型的项目都整一波,如秒杀系统, 在线商城, IM 即时通讯,Spring Cloud Alibaba 等等,戳我加入学习,解锁全部项目,已有2400+小伙伴加入


1. 我的私密学习小圈子,从0到1手撸企业实战项目!

2. 提高系统吞吐量的一把利器:DeferredResult 到底有多强?

3. 如何保证mongodb和数据库双写数据一致性?

4. 面试官:如果要存ip地址,用什么数据类型比较好

最近面试BAT,整理一份面试资料Java面试BATJ通关手册,覆盖了Java核心技术、JVM、Java并发、SSM、微服务、数据库、数据结构等等。

获取方式:点“在看”,关注公众号并回复 Java 领取,更多内容陆续奉上。

PS:因公众号平台更改了推送规则,如果不想错过内容,记得读完点一下在看,加个星标,这样每次新文章推送才会第一时间出现在你的订阅列表里。

“在看”支持小哈呀,谢谢啦

小哈学Java
码龄9年,前某厂中台研发。专注于Java领域干货分享,不限于BAT面试, 算法,数据库,Spring Boot, 微服务,高并发, JVM, Docker容器,ELK相关知识,期待与您一同进步。
 最新文章