李理

現(xiàn)在的網(wǎng)站容量太大了，根據(jù)長期跟蹤其他網(wǎng)站的性能及其使用技術的HTTP Archive數(shù)據(jù)統(tǒng)計，單個網(wǎng)頁大小平均約2MB。良好的移動4G連接可以在不到一秒鐘的時間內下載2MB字節(jié)。但是，今天的網(wǎng)頁對于連接速度慢或帶寬較小的用戶來說是個不小的問題。

當今的網(wǎng)站容量如此之大原因很多，其中包括廣告和跟蹤腳本，它們占據(jù)了相當多的頁面。另一個原因是網(wǎng)站不僅僅顯示文本和圖像，現(xiàn)在許多站點看起來像復雜而龐大的桌面應用程序。

為了構建這些交互式站點，許多Web開發(fā)人員都轉向使用處理常規(guī)任務的開源軟件包。這些開源工具將程序員從繁重的重復工作中解放了出來，但是它們使網(wǎng)頁更加繁瑣。例如Facebook用于構建用戶界面的開源React庫的容量約100 KB，但加入其他一些圖形和工具包，占用很快就要用MB計算了。

Svelte漸成Web框架主流工具

由新聞工作者和軟件開發(fā)人員里奇·哈里斯創(chuàng)建的新興JavaScript框架Svelte旨在讓編寫更快速、更小型的交互式網(wǎng)站和應用程序變得更加容易。Web開發(fā)人員肖恩說，他通過從React切換到Svelte，將個人網(wǎng)站的大小從187 KB減少到9 KB：“我甚至沒有試圖優(yōu)化尺寸，它的容量就已經(jīng)下降了?！?/p>

Web 框架層出不窮，作為主流 Web 框架之一的 Svelte，有著獨特的優(yōu)勢。它不僅可以構建完整的 Web 應用程序，還可以創(chuàng)建自定義元素，并與其他框架制作的已有Web應用程序良好兼容。Svelte是一個有趣的客戶端/服務器框架并且可以改變我們的開發(fā)方式，它可以在構建時預先呈現(xiàn)JavaScript。Svelte類似于Vue.js的JavaScript框架，傳統(tǒng)的框架需要運行時用代碼來定義和執(zhí)行模塊、保持狀態(tài)，更新視圖并且還要運行這些框架。而Svelte完全融入JavaScript中，就好像沒有引用這個框架，這種方式有益于減小文件大小。

使用框架會增加網(wǎng)站的容量，因為它們是應用程序代碼和用戶瀏覽器之間的中間層。這意味著開發(fā)人員除了開發(fā)自己的代碼之外，還需要將整個框架與應用程序捆綁在一起，即使他們只使用了框架的少數(shù)功能。

哈里斯是《紐約時報》的圖形編輯，他在2016年為《衛(wèi)報》工作時創(chuàng)建并發(fā)布了Svelte的第一版。他當時開發(fā)的多個項目都涉及交互式圖形和動畫，但他擔心圖形加載時間太長會破壞用戶的數(shù)據(jù)限制。

哈里斯采取了獨特的解決方法：在開發(fā)人員將代碼上傳到Web服務器之前，Svelte執(zhí)行其中間層工作。即在用戶下載代碼之前，就刪除不必要的功能，從而縮小生成的應用程序。當用戶運行應用程序時，它還減少了活動部件的數(shù)量，這可以使Svelte應用程序更快、更高效。雖然該框架創(chuàng)建起來更棘手，但擁護者表示，它使開發(fā)人員更容易構建高效的應用程序。

存在的爭議

一些程序員將Svelte用于網(wǎng)頁，但仍然將React（起源于 Facebook 的內部項目，因為對市場上所有 JavaScript MVC 框架都不滿意，F(xiàn)acebook就決定自己寫一套用來架設Instagram 的網(wǎng)站。做出來以后，發(fā)現(xiàn)這套東西真的很好用，就在2013年5月開源了）用于較大的應用程序或專業(yè)工作。因為應用程序越大就越有可能使用到React的所有功能，這樣浪費的容量可以忽略不計。

某些情況下Svelte應用程序甚至比使用React或類似工具制作的應用程序更大。

而且與Svelte開發(fā)人員相比，業(yè)界對React開發(fā)人員的需求更大，認可度更高。在JavaScript 2019年對兩萬名開發(fā)人員的調查中，使用Svelte的受訪者中有88%表示對它感到滿意，使其在調查中排名第二，僅次于React的89%滿意度。但只有7.8%的受訪者使用過Svelte，而24.7%的人從未聽說過。相對的有80.3%的人使用過React。為什么開發(fā)人員會猶豫學習Svelte，因為JavaScript開發(fā)的世界發(fā)展迅速，程序員已經(jīng)有了令人眼花繚亂的工具。React的優(yōu)勢在于得到了Facebook的支持，擁有強大的就業(yè)市場以及與之兼容的龐大第三方應用生態(tài)系統(tǒng)。

Svelte最適合對性能和文件大小有特別限制的情況，例如在智能電視或低功耗設備上運行的應用程序。

一些Svelte開發(fā)人員使用它來構建更大的應用程序，瑞安·阿特金森是Felt Social的創(chuàng)始人，該公司提供了用于構建高度可定制的社交網(wǎng)站的工具。他之所以選擇Svelte，是因為它可以使應用程序響應速度更快，即使它們不一定總是最小的。他說：“Svelte的體系結構可以從根本上改變構建用戶界面的游戲?！?/p>