Porovnání Nuxt.js a Quasar Framework

Daniel Kříž

Bakalářská práce

Comparison of Nuxt.js and Quasar Framework

Anotace:

Předkládaná bakalářská práce analyzuje a porovnává frameworky Nuxt.js a Quasar z hlediska jejich architektury, výkonnosti a efektivity při vývoji moderních webových aplikací. Výzkum kombinuje teoretická východiska s praktickým experimentem, v jehož rámci je v obou frameworcích implementována identická referenční aplikace. Následná komparace se zaměřuje na zhodnocení kvantitativních ukazatelů popularity obou technologií, testování časové náročnosti sestavení produkčního balíčku (Build Time), analýzu síťové komunikace a rychlosti načítání. Zvláštní pozornost je věnována detailní analýze výkonu (Performance) s důrazem na standardizované metriky Core Web Vitals a jejich reálný dopad na uživatelský zážitek. Výsledky experimentu prokazují, že Nuxt.js dosahuje signifikantně lepších výsledků v rychlosti prvotního načtení a výkonnostních metrikách, což jej činí ideálním pro veřejně přístupné webové portály s důrazem na organickou návštěvnost. Naopak Quasar Framework, ačkoliv vykazuje vyšší síťovou zátěž při úvodní inicializaci, nabízí díky své rozsáhlé integrované knihovně UI komponent výrazně rychlejší vývojový proces a kratší dobu sestavení. Závěry práce tak potvrzují, že Quasar je nejvhodnější volbou pro efektivní vývoj interních informačních systémů a multiplatformních aplikací, zatímco Nuxt.js dominuje v projektech s kritickým důrazem na absolutní webový výkon a okamžitou interaktivitu.

Abstract:

This bachelor thesis analyzes and compares the Nuxt.js and Quasar frameworks in terms of their architecture, performance, and development efficiency for modern web applications. The research combines theoretical foundations with a practical experiment, in which an identical reference application is implemented in both frameworks. The subsequent comparison focuses on evaluating the quantitative popularity indicators of both technologies, testing the production bundle build time, and analyzing network communication and loading speed. Special attention is given to a detailed performance analysis with an emphasis on Core Web Vitals metrics and their real-world impact on user experience. The results of the experiment demonstrate that Nuxt.js achieves significantly better results in initial load speed and performance metrics, making it ideal for public-facing web portals with an emphasis on organic traffic. Conversely, the Quasar Framework, although exhibiting higher network load during initial initialization, offers a significantly faster development process and shorter build times due to its extensive integrated library of UI components. The conclusions of the thesis thus confirm that Quasar is the most suitable choice for the efficient development of internal information systems and cross-platform applications, while Nuxt.js dominates in projects with a critical emphasis on absolute web performance and immediate interactivity.

Klíčová slova

Framework, JavaScript, Porovnání frameworků, Vue.js, Webová aplikace, Nuxt.js, Typescript, Frontendový vývoj, Quasar Framework

Keywords

Comparison of Frameworks, Framework, Frontend Development, JavaScript, Nuxt.js, Quasar Framework, TypeScript, Vue.js, Web Application

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 18. 3. 2026

Obhajoba závěrečné práce

• Obhajoba proběhla 19. 5. 2026
• Vedoucí: RNDr. Alexander Galba
• Oponent: Jan Masner, Ph.D.

Česká zemědělská univerzita v Praze

Provozně ekonomická fakulta

Bakalářský studijní program:
Informatika