Co to code splitting i czym różni się od lazy loading?

Code splitting dzieli JavaScript na mniejsze paczki. Lazy loading odkłada załadowanie fragmentu do chwili, gdy jest potrzebny.

Przykład: ciężki edytor nie musi obciążać początkowego widoku, gdy większość osób nigdy go nie otworzy.

Doprecyzowanie: Next.js zapewnia podział kodu, a dynamiczne importy pozwalają dodatkowo kontrolować ładowanie komponentów i bibliotek.

Pułapka: samo podzielenie kodu nie dowodzi poprawy wydajności. Sprawdzam, czy zmalała ilość początkowo pobieranego i wykonywanego JS oraz czy użytkownik nie czeka potem zbyt długo na potrzebny element.