# Frontend JS csomagolás

> A rendszer a publikus oldali JavaScriptet LCP-barát, kategóriaalapú csomagokba rendezi.

- **Eredeti HTML oldal:** [https://weboldal-berles.hu/tudasbazis/fiok/frontend-js-csomagolas](https://weboldal-berles.hu/tudasbazis/fiok/frontend-js-csomagolas)

Ez technikai optimalizálás: az adminban nem kell külön kapcsolni. Az oldalépítő aktív blokkjai alapján a rendszer számolja ki, melyik scriptcsomag szükséges.

Az alap működés közös public-core bundle-ből érkezik, a blokkfüggő funkciók pedig külön kategória bundle-ökbe kerülnek.

Egy kategória bundle csak az adott ügyféloldalon ténylegesen használt JS-eket tartalmazza: például a media csomagba nem kerül galéria vagy videó kód, ha az oldalon nincs ilyen blokk.

A saját statisztika és a Web Vitals runtime továbbra is hozzájárulás után, külön ügyfél-runtime fájlból indul, nem kerül bele a közös core bundle-be.

A hero carousel első slide-ja HTML-ből azonnal látható marad, a nem kritikus carousel és navigációs mérések pedig load/idle fázisban indulnak, hogy kevesebb kényszerített újraszámítás terhelje az első renderelést.

A normál hover és állapotátmenetek megmaradnak; a rendszer csak az adminban LCP-védett első blokkoknál kapcsolja le a belépő animációt és az átmeneteket.

## Kulcsszavak

- frontend js
- bundle
- minifikálás
- LCP
- INP
- scriptcsomag
- blokkok