i18next 庫在初始化時花費太多時間

Question

我試圖將我的應用程序與 i18next 庫集成以支持本地化。 我對檢測到的語言幾乎沒有做出任何決定，因此這位於應用程序啟動的關鍵路徑中。

我觀察到下面的調用大約需要 200-300 毫秒。 我希望我能在檢測到語言之后而不是在實際下載資源時得到回調（/local/*.json）

await i18n
.use(backend)
.init({
    fallbackLng: 'en',
})

我嘗試了下面的事件回調，但所有這些都在 200-300 毫秒后出現。

i18n.on('initialized', function(options) {
  console.log("i18n","initialized")
})


i18n.on('loaded', function(loaded) {
  console.log("i18n","loaded")
})

i18n.on('languageChanged', function(lng) {
  console.log("i18n","language detected")
})

當我最后嘗試進行此類語言檢測時，它會在不到 1 毫秒的時間內完成。 我只是想弄清楚是什么讓這個庫運行緩慢。

Answer 1

根據使用的 i18next 后端，它不僅檢測語言，還加載（獲取）適當的翻譯資源。 如果沒有 i18next 后端（全部在內存中），您會發現它花費的時間更少： https://www.i18next.com/how-to/add-or-load-translations#add-on-init