In 2019 is de gemiddelde grootte van de mobiele webpagina 1,6 MB. Afbeeldingen vertegenwoordigen doorgaans ongeveer de helft van de gemiddelde webpagina omdat het gebruik ervan veel bronnen vereist.
Als je beeldoptimalisatie nog nooit serieus hebt genomen en je WordPress-site traag is, heb je er alles aan om het goed te doen. Als uw afbeeldingen langzaam worden geladen, betekent dit meestal dat er een probleem is met uw WordPress blog. Door u op uw afbeeldingen te concentreren, kunt u veel problemen met de prestaties van de site voorkomen.
In deze tutorial leg ik uit waarom het optimaliseren van afbeeldingen het beste startpunt is om de prestaties van je WordPress blog. We zullen ook enkele tips bespreken om u op weg te helpen als u langzaam ladende WordPress-afbeeldingen moet oplossen.
Waarom u met afbeeldingen moet beginnen wanneer u overweegt om de prestaties te verbeteren
Het internet is nu een multimediarijk landschap met video's, podcasts en meer afbeeldingen dan ooit tevoren. Afbeeldingen kunnen ervoor zorgen dat uw site opvalt in een druk medialandschap, maar daar zijn wel kosten aan verbonden. Als u uw afbeeldingen niet correct weergeeft, kan uw site in het nadeel zijn. Als u ervoor zorgt dat afbeeldingen sneller worden geladen, kunt u de prestaties van uw site verbeteren, een mobielvriendelijke gebruikerservaring bieden, verbeteren SEO en conversies verhogen.
Afbeeldingen zijn erger als ze slecht zijn gedaan
Extra grote afbeeldingen wegen uw webpagina's zelfs zwaarder.
Als u een 1,5 MB-bestandsgrootte voor een webpagina target en u elk een paar 2 MB-afbeeldingen toevoegt, overschrijdt u die limiet met een enkele afbeelding.
Maar de beelden kunnen zijn beaucoup groter. De gemiddelde bestandsgrootte die door een gemiddelde DSLR wordt geproduceerd, ligt tussen de 4 en 12 MB! Als je niet beter weet en een afbeelding van 12 MB gebruikt, of erger nog, meer dan een afbeelding van 12 MB, dan ga je je paginaprestaties echt verpesten.
Als u gecombineerde afbeeldingen van minder dan 1 MB krijgt, kunt u uw paginagewicht mogelijk met 20 MB verminderen. Dit is duidelijk een grote overdrijving, maar het is om te illustreren hoeveel teveel kan oplopen als je het niet goed doet.
Iets eenvoudigs als het wijzigen van het formaat van uw afbeeldingen kan de prestaties dramatisch verbeteren en u besparenaccommodatie. Uw host brengt u meer in rekening voor de schijfruimte die al die grote afbeeldingen in beslag nemen.
We leven in een eerste mobiele wereld
Door uw afbeeldingen voor mobiel te optimaliseren, zorgt u voor een geweldige gebruikerservaring voor gebruikers van alle soorten apparaten, zodat ze steeds terugkomen naar uw site.
De populariteit van mobiele apparaten is zodanig geëxplodeerd dat we nu in een wereld leven waar mobiele telefoons het meest worden gebruikt. In juli 2018 kondigde Google aan dat de snelheid van de pagina een rangordefactor was voor mobiele zoekopdrachten.
Dit betekent dat wanneer u uw sites maakt, u ervoor moet zorgen dat u afbeeldingen levert die geschikt zijn voor mobiele apparaten met tragere gegevensverbindingen.
Als u Retina-afbeeldingen die bestemd zijn voor desktops in een klein venster streamt, verspilt u gegevens. Voor uw bezoekers die geen onbeperkte dataplannen hebben, kan het erg frustrerend en duur zijn.
De voor zoeken geoptimaliseerde afbeelding is terug
Google heeft niet alleen de impact van mobiele optimalisatie op rankings veranderd, maar ook de manier waarop zoekresultaten voor afbeeldingen worden weergegeven, wat tot diepgaande veranderingen in de rankings heeft geleid. SEO afbeeldingen .
U kunt nu verkeer naar uw site leiden wanneer uw afbeeldingen worden weergegeven in Google Afbeeldingen.
In 2013 heeft Google een afbeeldingsweergaveknop toegevoegd aan de zoekresultaten voor afbeeldingen. Toen iemand op die knop klikte, werden ze rechtstreeks naar de afbeelding geleid in plaats van naar de webpagina waarop de afbeelding stond. Sites meldden een daling van 63% in het verkeer dankzij het zoeken naar afbeeldingen.
In 2018 moest Google de knop voor het weergeven van afbeeldingen verwijderen, waardoor het verkeer weer begon binnen te stromen. Er zijn veel mogelijkheden om uw afbeeldingen goed te laten scoren omdat SEO's SEO-beeldoptimalisatie hebben verwaarloosd.
Beeldoptimalisatie heeft invloed op de onderste rij
Afbeeldingen kunnen uw WordPress-site vertragen als ze niet correct worden weergegeven en kunnen uw conversie verlagen.
Als u producten op uw site verkoopt, kunt u deze gebruiken de Google-snelheidstest voor mobiele pagina's om u het bedrag van uw potentiële inkomen te laten zien. Scroll op de resultatenpagina naar beneden en open het gedeelte De impact van een snellere site beoordelen.
Beeldoptimalisatie zorgt niet alleen voor meer conversies, maar het bepaalt ook het aantal leads dat u via zoekverkeer tegenkomt.
Het doel van Google is om de best mogelijke gebruikerservaring te bieden, van zoekopdracht tot antwoord. Als u de prestaties van gebruikers verbetert door hen een geweldige gebruikerservaring te bieden, zal Google uw site gemakkelijker rangschikken in de zoekresultaten.
Hoe u uw WordPress-site sneller kunt maken door afbeeldingen te verbeteren
Nu we hebben uitgelegd waarom afbeeldingen de beste plek zijn om te beginnen, leg ik enkele eenvoudige taken uit die u op uw site kunt uitvoeren om het laden van afbeeldingen te versnellen.
Wis onnodige afbeeldingen
Een van de gemakkelijkste manieren om het paginagewicht te verminderen en het aantal HTTP-verzoeken te verminderen, is door het aantal afbeeldingen op uw webpagina's te beperken. Als het laden van een webpagina langer dan 3 seconden duurt, overweeg dan om items en afbeeldingen te verwijderen die niet bijdragen aan conversies.
Zorg er altijd voor dat uw afbeeldingen de juiste maat hebben voor hun container.
Als uw afbeeldingen niet worden weergegeven wanneer uw site wordt geladen, komt dat waarschijnlijk doordat uw afbeeldingen te groot zijn en het downloaden te lang duurt. Om dit probleem op te lossen, moet u de grootte van de afbeelding bepalen en vervolgens de afbeelding van uw site vervangen door een afbeelding van de juiste grootte.
Zie ons artikel op vergroten of verkleinen van afbeeldingen om enkele methoden te ontdekken om het te doen.
Gebruik het juiste formaat en gebruik indien mogelijk de volgende genindelingen
Sommige bestandsindelingen zijn groter dan andere, waarbij geanimeerde GIF's tot nu toe een van de meest inefficiënte bestandsindelingen zijn. U dient het juiste formaat te gebruiken om aan uw behoeften te voldoen en u te helpen bij het produceren van de kleinst mogelijke bestandsgrootte.
Optimaliseer WordPress Fast door vertraagd laden in te schakelen
Uitgesteld laden is een snelle en gemakkelijke manier om het laden van afbeeldingen en andere items onder de e-mail uit te stellen. Als de afbeelding niet in het browservenster staat, wacht de browser totdat deze is gedownload, zodat deze kan weergeven wat de bezoeker veel sneller kan zien.
Progressief laden is relatief eenvoudig te implementeren en er zijn tal van lichtgewicht plug-ins om de klus te klaren. De grootte van plug-inbestanden is doorgaans ongeveer 1-3 KB en kan binnen enkele minuten worden geconfigureerd.
Gebruik CDN om het laden van afbeeldingen te versnellen
CDN's hebben locaties over de hele wereld, dus de gegevensoverdracht die nodig is om uw afbeeldingen te laden, is veel sneller. Het gebruik van een CDN om uw afbeeldingen aan te leveren, is een gemakkelijke manier om afbeeldingen sneller in WordPress te laden.
Hoewel uw host mogelijk een CDN bij uw account heeftaccommodatie Om de prestaties van uw site te verbeteren, is het CDN van Smush Pro speciaal ontworpen met het oog op beeldoptimalisatie.
Wilt u een gemakkelijke manier om WordPress te optimaliseren?
Je hebt nog veel te doen om je WordPress-site sneller te maken. Als u niet weet waar u moet beginnen, zijn de foto's een goed uitgangspunt. Goed geoptimaliseerde afbeeldingen bieden vele voordelen en met alles-in-één oplossingen zoals deze 5-plug-ins om afbeeldingen te comprimerenHet is gemakkelijk om afbeeldingen op uw site in slechts enkele minuten drastisch te verbeteren.
