2025年,只有搞顏色的P站真正關心網站效能

👉 這是一個或許對你有用的社群
🐱 一對一交流/面試小冊/簡歷最佳化/求職解惑,歡迎加入芋道快速開發平臺知識星球。下面是星球提供的部分資料:
👉這是一個或許對你有用的開源專案
國產 Star 破 10w+ 的開源專案,前端包括管理後臺 + 微信小程式,後端支援單體和微服務架構。
功能涵蓋 RBAC 許可權、SaaS 多租戶、資料許可權、商城、支付、工作流、大屏報表、微信公眾號、CRM 等等功能:
  • Boot 倉庫:https://gitee.com/zhijiantianya/ruoyi-vue-pro
  • Cloud 倉庫:https://gitee.com/zhijiantianya/yudao-cloud
  • 影片教程:https://doc.iocoder.cn
【國內首批】支援 JDK 21 + SpringBoot 3.2.2、JDK 8 + Spring Boot 2.7.18 雙版本 

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
基於 Spring Boot + MyBatis Plus + Vue & Element 實現的後臺管理系統 + 使用者小程式,支援 RBAC 動態許可權、多租戶、資料許可權、工作流、三方登入、支付、簡訊、商城等功能
  • 專案地址:https://github.com/YunaiV/ruoyi-vue-pro
  • 影片教程:https://doc.iocoder.cn/video/

以搜尋功能為主的網站

  • StackOverflow, 3.5 MB
  • NPM, 4 MB
  • Airbnb, 7 MB
  • Booking.com, 12 MB
  • Google, 9 MB
基於 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 實現的後臺管理系統 + 使用者小程式,支援 RBAC 動態許可權、多租戶、資料許可權、工作流、三方登入、支付、簡訊、商城等功能
  • 專案地址:https://github.com/YunaiV/yudao-cloud
  • 影片教程:https://doc.iocoder.cn/video/

具有簡單互動的單應用網站

  • 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

歡迎加入我的知識星球,全面提升技術能力。
👉 加入方式,長按”或“掃描”下方二維碼噢
星球的內容包括:專案實戰、面試招聘、原始碼解析、學習路線。
文章有幫助的話,在看,轉發吧。
謝謝支援喲 (*^__^*)

相關文章