Grote netwerkpayloads zijn sterk gecorreleerd met lange laadtijden. Ze kosten gebruikers ook geld; Gebruikers moeten bijvoorbeeld mogelijk betalen voor meer mobiele data. Het verkleinen van de totale omvang van de netwerkverzoeken van uw pagina is dus goed voor de ervaring van uw gebruikers op uw site en voor hun portemonnee.
Hoe de Lighthouse-netwerkpayload-audit mislukt
Lighthouse toont de totale grootte in kibibytes (KiB) van alle bronnen die door uw pagina worden opgevraagd. De grootste verzoeken worden eerst ingediend:
Gebaseerd op HTTP Archive-gegevens ligt de gemiddelde netwerkpayload tussen 1.700 en 1.900 KiB. Om de hoogste payloads naar boven te halen, markeert Lighthouse pagina's waarvan het totale netwerkverzoek meer dan 5.000 KiB bedraagt.
Hoe u de lading kunt verkleinen
Probeer uw totale bytegrootte onder de 1.600 KiB te houden. Deze doelstelling is gebaseerd op de hoeveelheid gegevens die theoretisch kan worden gedownload via een 3G-verbinding terwijl toch een Time to Interactive van 10 seconden of minder wordt bereikt.
Hier volgen enkele manieren om de payloadgrootte laag te houden:
- Stel verzoeken uit totdat ze nodig zijn. Zie het PRPL-patroon voor een mogelijke aanpak.
- Optimaliseer verzoeken om zo klein mogelijk te zijn. Mogelijke technieken zijn onder meer:
- Cacheverzoeken zodat de pagina de bronnen bij herhaalde bezoeken niet opnieuw downloadt. (Zie de landingspagina voor netwerkbetrouwbaarheid om te leren hoe caching werkt en hoe u dit kunt implementeren.)
Stapelspecifieke begeleiding
Hoekig
Pas codesplitsing op routeniveau toe om de grootte van uw JavaScript-bundels te minimaliseren. Overweeg ook om assets vooraf te cachen met de Angular-servicemedewerker .
Drupal
Overweeg het gebruik van responsieve afbeeldingsstijlen om de grootte van afbeeldingen die op uw pagina worden geladen, te verkleinen. Als u Views gebruikt om meerdere inhoudsitems op een pagina weer te geven, kunt u overwegen paginering te implementeren om het aantal inhoudsitems dat op een bepaalde pagina wordt weergegeven te beperken.
Joomla
Overweeg om fragmenten in uw artikelcategorieën weer te geven (een populaire oplossing is een 'lees meer'-link), het verminderen van het aantal artikelen dat op een bepaalde pagina wordt weergegeven, het opsplitsen van uw lange berichten in meerdere pagina's, of het gebruik van een plug-in om reacties lui te laden.
WordPress
Overweeg om fragmenten in uw berichtenlijsten weer te geven (u kunt de tag "meer" gebruiken), het aantal berichten dat op een bepaalde pagina wordt weergegeven te verminderen, uw lange berichten op te splitsen in meerdere pagina's, of een plug-in te gebruiken om reacties lui te laden.