沒有 JS 的網站

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

網站JS heap (MB)EventListener 數量
Rspress14.7562
Vitepress5.2243
Docusaurus(官網,含遙測)23.91677
My Docusaurus(只放 gtag)12.6865
Hugo deca2.536
Hugo yore5.3156
Hugo PaperMod/bearblog1.515

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

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

#隨筆