當前位置: 妍妍網 > 碼農

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訊息佇列等多個型別),歡迎您的使用。

    👇👇

    👇點選"閱讀原文",獲取更多資料(持續更新中