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

源码共读

共 1392字,需浏览 3分钟

 · 2024-04-11

caf59d9a7ce8b551f792f3d514f533bf.webp架构师大咖 架构师大咖,打造有价值的架构师交流平台。分享架构师干货、教程、课程、资讯。架构师大咖,每日推送。公众号该公众号已被封禁2024 年,大家觉得一个网站 JS 文件的平均大小应该是多少?1MB、5MB、10MB,还是更加大呢?

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

0ca215febc5c951c7737ed20f83e3834.webp

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


以静态页面为主的网站

  • Wikipedia, 0.2 MB

29d48444ecad87ef095f3335edd2834b.webp

  • Linear, 3 MB

109bd6d2226d55f5cf46f3cb58d3cec2.webp

  • Zoom, 6 MB

44af92779ff4354f8f8e4529290e3975.webp

  • Vercel, 6 MB

7a4fb69d06948517a3c7bc85d09c651e.webp

  • Gitlab, 13 MB

79233155e08b23300e68c724f0c029af.webp

  • Medium, 3 MB

fa20b7461791553145d23efaf52dccae.webp

  • Quora, 4.5 MB

c8b2ebd6ca9e81fa2aac7943cbe5f686.webp

  • Pinterest, 10 MB

7b795042cbacf50571bd351ce89660c4.webp


以搜索功能为主的网站

  • StackOverflow, 3.5 MB

7d06675217c8da7ade3caa31fd43080a.webp

  • NPM, 4 MB

d0600635f265cae1fa210212ad5f0ece.webp

  • Airbnb, 7 MB

3340b0d95e7933aa6410eeebbf89d3db.webp

  • Booking.com, 12 MB

a2773e9bf44d3c224b72a4722a267af5.webp

  • Google, 9 MB

4491bc8a1228cbd1f750fd53557ded7a.webp


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

  • Google Translate, 2.5 MB

856e7d8fca48aee619ffc47a30e9b2f7.webp

  • ChatGPT, 7 MB

040d35c493497c4b19cf96871d45f0da.webp


视频 / 多媒体类网站

  • Loom, 7 MB

0f4cbf653cb7e6c9541cc44ec4183f00.webp

  • YouTube, 12 MB

6f44024f319208bfd2754be73b66cf3e.webp

  • Pornhub,  1.4 MB

d9cd6268231a87c621d95457e7613dd3.webp

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

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

d9190611ff0f19bcfe38e24bcd9c8388.webp

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

  • jQuery, 0.1 MB

5db9450e53a7ddaa0c239a364f0eba0d.webp

c51e79c82a5057dee545c5a552337d0c.webpPython入门到精通 Python入门到精通:人生苦短,我用Python!Python每日推送、Python教程、Python资料、Python视频、Python项目、Python学习等。公众号该公众号已被封禁
浏览 5
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报