Auteur:
    Aymeric PINEAU
    Création:2026-09-13Dernière mise à jour:2026-09-13

    vue-i18n VS Intlayer | Benchmark d'internationalisation Vue (i18n)

    vue-i18n est la bibliothèque i18n de référence pour Vue. Intlayer est une alternative basée sur un compilateur, délimitée au composant, avec une intégration Vue (vue-intlayer). Nous avons déjà comparé leurs fonctionnalités et expérience développeur. Cet article examine le coût de chacun une fois l'application construite.

    Les données proviennent de Benchmark Bloom, une suite open-source qui construit la même application avec chaque bibliothèque et enregistre ce que le navigateur télécharge et exécute réellement.

    tl;dr: Sur la même app Vite + Vue 3, vue-i18n embarque 134.9 KB de JavaScript gzippé par page contre 41.3 KB pour l'app sans i18n. Intlayer embarque 57.1 KB. Le runtime vue-i18n seul pèse 24.3 KB gzip (6x les 3.9 KB d'Intlayer), chaque page porte 90% des chaînes de pages étrangères, et un composant compilé en isolation traîne 196 KB car il est lié à l'arbre global des messages. L'adaptateur @intlayer/vue-i18n conserve l'API vue-i18n et a mesuré 47.0 KB par page.

    En résumé

    • vue-i18n - La bibliothèque i18n de facto pour Vue 2 / Vue 3 et le cœur de @nuxtjs/i18n. Messages au style ICU, blocs <i18n> dans les SFC, directive v-t, formatters d() / n(), grand écosystème. Les messages sont enregistrés sur une instance globale à createI18n(); le chargement lazy par locale suit un pattern setLocaleMessage() manuel, et la division per-route est à construire vous-même.
    • Intlayer - Modèle de contenu centré sur les composants. Les dictionnaires .content.ts se situent à côté du composant qu'ils servent, un compilateur build-time (vite-intlayer) tree-shake et lazy-load par composant et par locale, les types TypeScript stricts sont générés depuis votre contenu, et les traductions manquantes échouent au moment du build. Inclut des helpers pour router / SEO, un Visual Editor / CMS et une traduction assistée par IA.

    Bibliothèque | Stars GitHub | Commits totaux | Dernier commit | Première version | Version NPM | Téléchargements NPM

    Lingui vs Intlayernext-intl vs @intlayer/next-intl

    Commentaires

    Aucun commentaire pour le moment. Soyez le premier à partager vos pensées.

    Articles similaires

    Comment rendre multilingue (i18n) une application Next.js existante après coup (Guide i18n 2026)

    Le guide 2026 pour rendre multilingue (i18n) une application Next.js existante sans refactorisation fastidieuse. Découvrez l'extraction sans effort, la traduction IA et le routage performant avec Intlayer.

    Aymeric PINEAU

    Comment détecter les traductions manquantes avant vos utilisateurs

    Les traductions manquantes échouent en silence. Pourquoi le fallback les dissimule, les quatre niveaux de détection efficaces et comment bloquer un build sur une clé non traduite.

    Aymeric PINEAU

    Solid i18n: why translations freeze on locale change

    Why Solid components capture translations as constants, how @solid-primitives/i18n works, lazy catalogs, SolidStart locale routing, and what Intlayer changes.

    Aymeric PINEAU

    Comment internationaliser votre application Next.js avec next-intl - Guide complet pour traduire Translate Next.js 16 with next-intl — App Router Setup

    Meilleure solution pour la taille du bundle, le SEO, les performances & la maintenabilité. Rendez votre Next.js 16 site web multilingue en 2026, traduction LLM, Agent Skills & MCP.

    Aymeric PINEAU

    Derniers articles

    next-intl vs Intlayer: Benchmark et Comparaison 2026

    Taille du bundle, fuite de contenu, réactivité du changement de locale et expérience développeur mesurés sur Next.js et TanStack Start. Quelle bibliothèque i18n devriez-vous choisir en 2026 ?

    Aymeric PINEAU

    i18next vs Intlayer: Benchmark & Comparatif 2026

    react-i18next et next-i18next mesurés face à Intlayer sur Next.js et TanStack Start. Taille de bundle, fuites de contenu, réactivité au changement de langue et expérience développeur.

    Aymeric PINEAU

    Lingui vs Intlayer: Benchmark & Comparaison 2026

    Deux bibliothèques i18n basées sur compiler mesurées sur Next.js et TanStack Start. Taille du bundle, fuite de contenu, taille du composant, hydratation, réactivité du changement de locale et expérience développeur.

    Aymeric PINEAU

    next-intl vs @intlayer/next-intl : Même API, Bundle différent

    Ce qui change quand les imports de next-intl d'une application Next.js sont servies par l'adaptateur de compatibilité @intlayer/next-intl. Taille du bundle, fuites, taille des composants et hydratation mesurés sur le même code, plus ce que l'adaptateur conserve, ignore et ne peut pas remplacer.

    Aymeric PINEAU