2017-06-16 66 views
0

在瀏覽器中加載組件的時間有多長。在角度2中加載組件需要多長時間?

例如,我在一個組件中創建了多個選項卡,每個選項卡中有很多代碼行和此選項卡中的其他選項卡,以便加載組件需要多少時間?

哪一個更好的辦法: -

  1. 我已經創建了一個組件,這個組件寫了這麼多的代碼。
  2. 我已經創建了多個組件,並在此組件中編寫了一個小代碼,並使用路由相互連接。

組件加載時間的因素取決於組件大小和其他因素?

請告訴我們。

+1

你需要自己做一些基準測試。沒有人能告訴你。它完全取決於你的組件。 –

+0

取決於組件的大小嗎? –

+0

這取決於組件需要做什麼類型的工作量以及構建它的組件數量,以及編譯組件後產生的代碼大小。 –

回答

0

讓多個組件相互連線可以幫助您更快加載。但它取決於除創建多個組件之外的其他許多事情

  • 最重要的是如何引導您的應用程序。如果您使用Web-pack進行引導並僅創建一個捆綁文件,那麼它幾乎無關緊要,因爲無論您是僅創建組件還是多個組件,它都將被捆綁到一個捆綁包文件中。但是,如果你是系統js,它可能很重要,因爲你可以選擇加載哪些js文件。第一個
  • 如果你使用路由進行加載,除非啓用延遲加載,否則angular仍然會同時加載編譯的js。如果您正在使用延遲加載到加載不同擊潰部件則具有不同的組件可以幫助加載速度更快

但大多數情況下角幾乎不成問題,這就是爲什麼角默認情況下不確實的路線做延遲加載,因爲如果你無法通過延遲加載來正確優化路由,那麼單個js有時會更快地工作。

除非你有一個巨大的應用程序,你可以選擇,而是專注於代碼的結構,以便將來可以管理。如果你的應用程序真的很大,我猜你必須分發到多個組件。然後,您可以選擇如何分發,引導和延遲加載它們。

+0

謝謝,這是一個完美的答案。 –