下圖為我們此次來比較的庫/框架！以RealWorld 示例程式
比較的指標有：
效能：
此應用程式顯示內容併到可用花費的時間？
大小：
該應用有多大？我們只會比較已編譯後 JavaScript 檔案的大小。CSS 對於所有變種都是通用的，並且從 CDN（內容交付網路）下載。HTML 也適用於所有變體。所有技術都可以編譯或轉換成 JavaScript，因此我們只比較 JavaScript 檔案的大小。
程式碼行：
作者需要根據規範建立 RealWorld 應用程式需要多少行程式碼？我們量化標準是應用程式src/中的程式碼行數。
效能
使用 Chrome 的 Lighthouse Audit 來進行首次有效繪製測試。首次遊戲繪製的時間越短體驗越好。
大小
轉換的程式碼大小來自 Chrome network tab 資料顯示。從伺服器返回的 GZIPed 響應標頭加上響應主體。檔案越小意味著下載越快（並且解析速度越快）。
這取決於你的框架大小、你新增的額外依賴關係以及你的構建工具如何壓縮
可以看到 Svelte， Dojo 2 和 AppRun 表現非常的出色
程式碼行
我們使用 cloc 來計算每個 repo 的 src 資料夾中的程式碼行。空白和註釋會被忽略。
程式碼量越小，出現錯誤的機率就越小。
看完這些對比框架中有沒有你最常用的呢？歡迎下方留言評論！
如果有對web前端感興趣，想學網頁設計製作的同學，不妨關注小編頭條號，私信【學習】領取小編整理的一整套系統的web前端學習教程。
