Afbeeldingen en video's zijn de belangrijkste oorzaken van een te zware pagina. Hier zijn enkele tips om het gewicht van pagina's die de aanbevolen limieten overschrijden, te verminderen.
Afbeeldingen optimaliseren
Zorg ervoor dat u alle afbeeldingen op uw website optimaliseert. Idealiter mag geen enkele afbeelding groter zijn dan 1MB in grootte. Blocs verkleint automatisch grote afbeeldingen wanneer u deze aan uw project toevoegt (alleen Embedded Asset Workflow).
Daarnaast zijn er verschillende tools van derden die kunnen helpen de bestandsgrootte van afbeeldingen verder te verkleinen. Wij raden aan ImageOptim, een gratis en gebruiksvriendelijke tool voor beeldoptimalisatie voor Mac.
Wij raden ook aan om de WebP genereren optie in de exportinstellingen. Hiermee worden WebP-versies gemaakt van alle afbeeldingen op uw website, die vaak aanzienlijk kleiner zijn in bestandsgrootte dan JPG or PNG formaten.
De WebP-optie is alleen beschikbaar voor export en wordt niet toegepast wanneer uw website in de voorbeeldmodus is gegenereerd.
Video's optimaliseren
Grote videobestanden kunnen de paginagrootte aanzienlijk verhogen en uw website vertragen. Als u uw eigen video's host, raden we u aan om HandBrake om ze te optimaliseren voor het web.
Vooraf laden
Voor grote zelf-gehoste video- en audiobestanden raden wij aan uitschakelen De preload-optie op de Bric-speler. Dit verbetert de laadprestaties van de pagina en vermindert het waargenomen paginagewicht.
Lazy laden
Wij raden aan om de Lazy Load Exporteeroptie om de pagina minder zwaar te maken. Deze functie vertraagt het laden van bronnen zoals afbeeldingen, video's en audio totdat ze op het scherm verschijnen.