Waarom is paginasnelheid van cruciaal belang? Hoe u de uwe kunt testen en verbeteren

Waarom is paginasnelheid cruciaal?

De meeste sites verliezen ongeveer de helft van hun bezoekers vanwege de lage paginasnelheid. In feite de gemiddelde desktopwebpagina bouncepercentage is 42%, het gemiddelde bouncepercentage voor mobiele webpagina's is 58%, en het gemiddelde bouncepercentage voor bestemmingspagina's na klikken van 60 tot 90%. Geen flatterende cijfers, vooral gezien het feit dat het mobiele gebruik blijft groeien en het met de dag moeilijker wordt om de aandacht van de consument te trekken en vast te houden.

Volgens Google is de gemiddelde laadtijd van de pagina top bestemmingspagina'sis nog steeds een traag 12.8 seconden. Dit geldt ook voor plaatsen waar mobiele internettoegang veel voorkomt en 4G-snelheden behoren tot de hoogste ter wereld. 

Die gemiddelde paginasnelheid is veel te lang, aangezien 53% van de gebruikers de pagina's na slechts 3 seconden verlaat - en vanaf daar wordt het alleen maar erger:

Paginasnelheid en bouncepercentages

Wat is dan een goede laadsnelheid van een pagina? Bijna onmiddellijk

Gelukkig is er een oplossing. Laten we, voordat we daarop ingaan, meer ontdekken over het belang van paginasnelheid.

Waarom paginasnelheid belangrijk is

eMarketer laat dat zien in 2019 De wereldwijde uitgaven voor digitale advertenties zullen meer dan $ 316 bedragen miljard en lijkt alleen maar toe te nemen in de nabije toekomst:

Uitgaven aan digitale advertenties van 2017 tot 2022

Het is duidelijk dat merken enorme bedragen aan advertenties uitgeven en verwachten het meeste uit hun budget te halen. Maar wanneer mensen op een advertentie klikken - en de bestemmingspagina na het klikken laadt niet onmiddellijk - ze klikken waarschijnlijk binnen een paar seconden terug en bijgevolg wordt het budget van adverteerders verspild.

De kostenimplicaties van paginasnelheid zijn enorm en u moet paginasnelheid absoluut een prioriteit maken in de toekomst. Hier zijn een paar statistieken en punten waarmee u rekening moet houden bij het evalueren van uw eigen digitale advertentiecampagnes:

Kwaliteitsscores

Niet alleen frustreert het langzaam laden van pagina's gebruikers, maar het zorgt er ook voor dat de kwaliteitsscores eronder lijden. Aangezien de kwaliteitsscore rechtstreeks verband houdt met uw advertentiepositie, en wat u uiteindelijk zou kunnen betalen voor elke klik, een langzaam ladende pagina verlaagt natuurlijk de scores.

Wisselkoersen

Als er minder mensen blijven wachten tot uw pagina is geladen, krijgen minder mensen de kans om te converteren. Ze verlaten uw pagina voordat ze uw aanbieding, voordelen, call-to-action, enz. Hebben gezien.

In de detailhandel bijvoorbeeld zelfs een een seconde vertraging in mobiele laadtijden kunnen de conversieratio's tot 20% beïnvloeden.

Mobiele ervaring

Halverwege 2016 mobiel internetgebruik doorgegeven desktopverkeer in volume:

Mobiel overtreft de grafiek met bureaubladweergaven

Met uitgaven van consumenten meer tijd op mobiel, marketeers en adverteerders waren (en worden nog steeds) gedwongen zich aan te passen. Een manier om te leveren voor mobiel geoptimaliseerde campagnes is om snel ladende pagina's te maken.

Dat brengt ons bij de # 1-oplossing voor paginasnelheid die elk van deze problemen aanpakt.

AMP-bestemmingspagina's verhogen de paginasnelheid

AMP, het open source-framework geïntroduceerd in 2016, biedt adverteerders een manier om bliksemsnelle, soepel ladende mobiele webpagina's te maken die de gebruikerservaring boven alles stellen. 

AMP-pagina's zijn aantrekkelijk voor adverteerders omdat ze vrijwel onmiddellijke laadtijden bieden, terwijl ze toch enige vormgeving en aanpasbaarheid van branding ondersteunen. Ze maken snellere weergave van bestemmingspagina's na het klikken mogelijk, omdat ze HTML / CSS en JavaScript beperken. In tegenstelling tot traditionele mobiele pagina's, worden AMP-pagina's automatisch in de cache opgeslagen door Google AMP Cache voor snellere laadtijden op Google Zoeken.

Als leider in optimalisatie na het klikken, biedt Instapage de mogelijkheid om landingspagina's na het klikken te maken met behulp van het AMP-framework:

Versnelde mobiele pagina's (AMP)

Met de Instapage AMP-builder, marketeers en adverteerders kunnen:

  • Maak AMP post-click-bestemmingspagina's rechtstreeks vanaf het Instapage-platform, zonder ontwikkelaar
  • Valideer, A / B-test en publiceer AMP-pagina's naar WordPress of een aangepast domein
  • Bied betere mobiele ervaringen, verhoog de kwaliteitsscores en genereer meer conversies

AMP-versnelde validatie van mobiele pagina's

Accelerated Mobile Page (AMP) -validatie

Het revolutionaire hoortoestelbedrijf Eargo heeft ongelooflijke resultaten geboekt sinds AMP is geïmplementeerd in zijn post-click-ervaring:

AMP-bestemmingspagina's op Instapage

AMP-bestemmingspagina's met instapage

Naast het bouwen van AMP-pagina's met Instapage, zijn er verschillende andere manieren waarop u de paginasnelheid kunt verbeteren. Hier zijn er drie om u op weg te helpen.

3 Andere manieren om de paginasnelheid te verbeteren

1. Maak gebruik van tools voor paginasnelheid

PageSpeed ​​Insights is de snelheidstest van Google die uw pagina scoort van 0 tot 100 punten:

paginasnelheid inzichten

Scoren is gebaseerd op twee parameters:

  1. Tijd tot laden boven de vouw (de totale tijd die een pagina nodig heeft om inhoud boven de vouw weer te geven nadat een gebruiker een nieuwe pagina heeft aangevraagd)
  2. Tijd tot volledige pagina laden (de tijd die een browser nodig heeft om een ​​pagina volledig weer te geven nadat een gebruiker daarom heeft verzocht)

Hoe hoger uw score, hoe beter uw pagina is. Als vuistregel geldt dat alles boven de 85 aangeeft dat uw pagina goed presteert. Lager dan 85 en je zou de suggesties van Google moeten bekijken om je score te verhogen.

PageSpeed ​​Insights biedt rapporten voor zowel de desktopversie als de mobiele versie van uw pagina, en biedt ook aanbevelingen voor verbeteringen.

Denk met Google: test mijn site, gelanceerd door het PageSpeed ​​Insights-team, test alleen mobiele paginasnelheden, in tegenstelling tot zowel mobiel als desktop. Het is een andere indicator van hoe snel (of langzaam) uw pagina's worden geladen:

denk met google test mijn site

Deze tool geeft uw laadtijd weer, geeft aangepaste aanbevelingen om elke pagina op uw site te versnellen en biedt vervolgens de mogelijkheid om een ​​volledig rapport te genereren.

2. Volledig geoptimaliseerde afbeeldingen (compressie)

Het optimaliseren van afbeeldingen met compressie, formaat wijzigen, opnieuw formatteren, enz. Kan helpen bytes te besparen, de laadtijd van pagina's te versnellen en de prestaties van mobiele sites te verbeteren. Tussen andere topaanbevelingen, Zegt Google om onnodige afbeeldingen met hoge resolutie en GIF's te verwijderen en afbeeldingen waar mogelijk te vervangen door tekst of CSS. 

Bovendien is het nu gemakkelijker dan ooit om gecomprimeerde en verkleinde afbeeldingen te serveren, omdat deze instellingen kunnen worden geautomatiseerd. U kunt bijvoorbeeld het formaat van honderden afbeeldingen automatisch laten aanpassen en automatisch laten comprimeren met een script, waardoor handmatig werk wordt verminderd (bij het samenstellen van AMP-pagina's maken aangepaste afbeeldingstags veel van deze zelfde optimalisaties automatisch).

Het kiezen van een optimaal beeldformaat kan moeilijk zijn met zoveel beschikbare opties. Het hangt allemaal af van de use case, maar hier zijn enkele van de meest voorkomende:

  • WebP: Fotografische en doorschijnende afbeeldingen
  • JPEG: Foto's zonder transparantie
  • PNG: Transparante achtergronden
  • SVG: Schaalbare pictogrammen en vormen

Google raadt aan om met WebP te beginnen omdat het 30% meer compressie mogelijk maakt dan JPEG, zonder verlies van beeldkwaliteit.

3. Geef prioriteit aan content boven de vouw

Het verbeteren van de perceptie van uw gebruikers van sitesnelheid is bijna net zo belangrijk als het verbeteren van de sitesnelheid zelf. Daarom moet u, zodra uw afbeeldingen zijn geoptimaliseerd, ervoor zorgen dat ze op het juiste moment worden afgeleverd.

Overweeg dit: op een mobiel apparaat is het zichtbare gedeelte van de site beperkt tot een klein gebied, boven de vouw. Als resultaat heb je de mogelijkheid om snel de inhoud in dat gebied te laden, terwijl de andere elementen onder de vouw op de achtergrond worden gedownload.

Opmerking: wat AMP uniek maakt, is dat het een ingebouwde prioriteit heeft voor het laden van bronnen, zodat alleen de belangrijkste bronnen als eerste worden gedownload.

Het kan een uitdaging zijn om het aantal afbeeldingen op een site te verminderen - vooral voor winkelmerken, bijvoorbeeld met veel producten - maar het is nog steeds van cruciaal belang om de impact van afbeeldingen op de laadtijd met deze drie tactieken te minimaliseren. 

Verhoog de paginasnelheid met AMP

Als uw mobiele pagina's te kampen hebben met hoge bouncepercentages en lage conversieratio's vanwege de lage laadsnelheid, kunnen AMP-pagina's uw redding zijn.

Begin met het maken van AMP-pagina's na het klikken om uw bezoekers snelle, geoptimaliseerde en relevante mobiele browse-ervaringen te bieden, en verbeter uw kwaliteitsscores en conversies in het proces.

Wat denk je?

Deze site gebruikt Akismet om spam te verminderen. Ontdek hoe uw reactiegegevens worden verwerkt.