Font loading strategie voor e-commerce — FOUT vs FOIT
Fonts laden zonder layout shift of onzichtbare tekst: alles over FOUT vs FOIT, font-display swap/optional, preload, self-hosting en subsetting met impact op LCP en CLS.
Praktische inzichten over e-commerce development. Van Magento en Shopify tot Laravel maatwerk. Geen fluff, alleen nuttige kennis.
Fonts laden zonder layout shift of onzichtbare tekst: alles over FOUT vs FOIT, font-display swap/optional, preload, self-hosting en subsetting met impact op LCP en CLS.
PWA Studio kost je gemiddeld 40-60% meer ontwikkeltijd dan een Hyvä-implementatie — voor een vergelijkbare frontend. Toch kiezen teams er nog steeds voor. Soms terecht, vaak niet. Dit artikel legt de twee aanpakken naast elkaar: complexiteit, kosten, performance en onderhoud.
Een standaard Hyvä-installatie scoort vaak al 90+ op mobiel. Maar 90 is geen 100. De laatste tien punten kosten het meeste werk en leveren de meeste discussie op.
95% minder JavaScript dan Luma — dat is geen marketingclaim, dat is de architectuur. Hyvä UI is gebouwd op Tailwind CSS en Alpine.js, en die keuze heeft directe gevolgen voor je LCP, CLS en INP. Dit artikel legt uit hoe, met concrete cijfers en de link naar conversie en SEO.
~95% minder JavaScript dan Luma. Dat getal verklaart waarom Hyvä-shops structureel hogere Core Web Vitals scoren dan klassieke Magento-frontends. LCP daalt, CLS verdwijnt vrijwel, INP scoort groen — en dat heeft directe invloed op SEO-rankings en conversie.
Een Luma-shop laadt gemiddeld 4 tot 7 seconden. Een Hyvä-shop haalt vaak een Largest Contentful Paint onder de 1,5 seconde. Dat verschil voel je niet alleen als gebruiker. Google ziet het ook.
Afbeeldingen zijn verantwoordelijk voor meer dan 60% van het paginagewicht op een gemiddelde webshop. Hyvä Commerce adresseert dat probleem direct vanuit de admin: een ingebouwde image editor en automatische media-optimalisatie, zonder losse plugins of build-stappen.
Gemiddeld laadt een e-commerce pagina 25 third-party scripts. Die scripts zijn verantwoordelijk voor 40-60% van de totale laadtijd. Hoe je meet wat het kost, en wat je eraan doet.
Afbeeldingen zijn verantwoordelijk voor 60-65% van het totale paginagewicht in de gemiddelde webshop. Met WebP, AVIF en correcte lazy loading haal je dat gewicht dramatisch naar beneden zonder enig kwaliteitsverlies.
Een JavaScript-bundel van 1,5MB is geen technisch detail. Het is een conversiekiller. Met tree shaking, code splitting en lazy imports halveer je de bundel zonder functionaliteit te verliezen. Concrete stappen, concrete cijfers.
Ontvang nieuwe artikelen en e-commerce tips in je inbox. Geen spam, alleen waardevolle content.