In welke volgorde pak je LCP aan?

De volgorde die wij aanhouden:

1. Stel vast welk element het LCP-element is, apart voor mobiel en desktop.
2. Kijk in PageSpeed Insights welk van de vier onderdelen de meeste tijd kost. Dat bepaalt waar je begint, niet de standaardlijst met aanbevelingen.
3. Zet lazy loading uit op de LCP-afbeelding en geef die fetchpriority hoog. Dit is meestal in tien minuten gedaan en levert vaak het meeste op.
4. Verklein en converteer de afbeelding naar WebP of AVIF, met srcset voor de verschillende schermformaten.
5. Regel de serverkant: caching aan, hosting beoordelen.
6. Pak daarna pas de renderblokkerende CSS en lettertypen aan. Dat is het meeste werk en de kleinste winst.
7. Wacht vier weken voordat je het resultaat beoordeelt.

Stap 1 en 2 worden het vaakst overgeslagen, en dat is precies waarom optimalisatietrajecten soms niets opleveren. Zonder te weten welk onderdeel de tijd kost, werk je een lijst af in plaats van een probleem op te lossen.