Wiedza
Lighthouse-scores verbeteren via je afbeeldingen
Afbeeldingen zijn op de meeste WordPress-sites de grootste rem op je Lighthouse-score. Wie het gewicht en het formaat van beeld aanpakt, wint vaak de meeste punten met de minste moeite.
In het kort
- Cztery z najpopularniejszych audytów obrazów dotyczą wagi i formatu
- Nowoczesne formaty, takie jak WebP i AVIF, znacznie zmniejszają rozmiar plików
- Spark automatycznie zajmuje się właśnie tymi audytami
De image-audits die Lighthouse laat zien
Lighthouse benoemt afbeeldingen in een handvol terugkerende adviezen. Elk daarvan wijst naar hetzelfde onderliggende probleem: te grote of verkeerd afgeleverde beelden.
- Properly size images: nie dostarczaj zdjęcia 3000 px do miejsca 600 px
- Efficiently encode images: kompresuj mocniej bez widocznej utraty jakości
- Serve images in next-gen formats: użyj WebP lub AVIF
- Defer offscreen images: ładuj obraz dopiero, gdy pojawi się w widoku
Hoe Spark deze punten oppakt
Spark Media Optimizer comprimeert elk bestand op basis van je profiel en levert waar mogelijk WebP of AVIF met een nette fallback voor oudere browsers. Daarmee raak je de audits over encoding en next-gen formats in één keer.
Omdat de plugin op je eigen server werkt en het juiste formaat per browser serveert, verbetert je Largest Contentful Paint zonder dat je afhankelijk wordt van een externe dienst.
Uwaga: Lighthouse mierzy dla każdej strony osobno. Testuj swoje najcięższe strony, nie tylko stronę główną, bo tam zwykle jest największy zysk.
Los je zwaarste Lighthouse-punten in één run op.
Veelgestelde vragen
Obrazy to jeden z czynników. Spark bierze na siebie audyty obrazów, ale Twój łączny wynik zależy też od skryptów, CSS i serwera. Obraz jest jednak często najszybszym zyskiem.
Nie. Spark skanuje Twoją istniejącą bibliotekę multimediów i przetwarza obrazy, które już tam są, więc nie musisz niczego wgrywać ponownie ręcznie.
Lazy loading odkłada ładowanie, ale nie zmienia wagi. Spark zmniejsza sam plik, dzięki czemu obraz, który się ładuje, jest naprawdę lżejszy.