Web應用程序速度性能

Question

我正在使用React並與Webpack捆綁來創建我的Web應用程序。 我的簡單問題是：

我的捆綁文件只有約4.5mb，但由於圖片和其他資產，我的整體回購約爲20mb。我的問題是應用程序的性能（首次打開頁面）是否僅受我的包大小影響？或整個回購？

而且，什麼被認爲是超大回購或捆綁？對於普通企業生產應用？

Answer 1

您的生產應用程序可能會使用的是您在build目錄內生成的內容。有時這只是一個bundle.js文件（圖像和樣式將在裏面），有時您可以將bundle.js文件的圖像和樣式分割爲不同的文件，因此您必須包含該文件。這一切都取決於你的設置。

4.5mb不是太多，但它也取決於您的服務器性能。如果它包含所有的依賴關係是完全正常的。如果您需要比其他頁面更快地加載某些頁面，則可以將該分發包分成多個文件，這樣應用的某些部分就不需要所有的包文件。這稱爲代碼分割。你讀了更多關於它here。

通常你會希望一些簡單的登陸頁面加載速度更快，它將取決於你的網站主要用於手機（差網絡連接）還是筆記本電腦（通常使用Wifi）。