沒有 JS 的網站

網路有一派人很討厭有 JS 的網站,說什麼網站很大很肥巴拉巴拉,總之就是要去 JS 用原生 HTML/CSS,那測試一下不同類型的

  • 網頁記憶體用量(browser tab 上面顯示的,粗略值,單位 MB)
  • JS heap(單位 MB)
  • EventListener 數量

表格如下

網站記憶體用量JS heap監聽器數量
Rspress54514.7562
Vitepress2555.2243
Docusaurus
(官網,含遙測)
44923.91677
My Docusaurus
(只放 gtag)
32512.6865
Hugo deca1362.536
Hugo yore1455.3156
Hugo PaperMod1061.515

實際瀏覽起來最順的是 Docusaurus/Vitepress/Rspress 這些 SPA,最肥但是最順,最卡的是 PaperMod。deca 有 swup.js AJAX 換頁也很順,但是完全沒打磨因此網站 JS heap 和 listener 都很小,yore 經過大量打磨,尤其是 a11y 遠勝在場所有對手,但是沒用 swup,流暢度介於中間,消耗的資源也介於中間。

結論是那些原生派根本就沒真的去理解就在網路上大吼大叫,而且不用 JS 很多 a11y 需求都無法實現。他們應該要靠杯的是在不對的網站用了不對的框架,但那也是網站的問題不是 JS 的問題。

阿如果你說順不順不重要,有 JS 就是爛,那我無話可說。

#隨筆