Paginasnelheid is een meting van hoe snel de inhoud op uw pagina wordt geladen. Paginasnelheid wordt vaak verward met “snelheid van de site,” Dit is feitelijk de paginasnelheid voor een voorbeeld van paginaweergaven op een site. Paginasnelheid kan in beide worden beschreven “laadtijd van de pagina” (de tijd die nodig is om de inhoud op een specifieke pagina volledig weer te geven) of “tijd tot de eerste byte” (hoe lang het duurt voor uw browser om de eerste byte van de informatie ontvangen van de webserver).

U kunt uw pagina snelheid evalueren Google's PageSpeed ​​Insights. PageSpeed ​​Insights Speed ​​Score bevat gegevens van Crux (Chrome User Experience Report) en rapporten over twee belangrijke snelheid metrics: Eerste Contentful Paint (FCP) en DOMContentLoaded (DCL).

SEO Best Practices

Google heeft aangegeven sitesnelheid (en als een resultaat, page speed) is een van de signalen die door het algoritme te rangschikken pagina. En onderzoek heeft uitgewezen dat Google mogelijk specifiek de tijd tot de eerste byte meet, zoals wanneer het rekening houdt met de paginasnelheid. In aanvulling op, een langzame pagina snelheid betekent dat zoekmachines minder pagina's kunnen doorzoeken met behulp van hun toegewezen crawl budget, en dit kan een negatieve invloed hebben op uw indexatie.

Pagina snelheid is ook belangrijk om de gebruikerservaring te. Pagina's met een langere laadtijd hebben de neiging om hogere bounce rates en lagere gemiddelde tijd op de pagina hebben. Langere laadtijden hebben ook aangetoond conversies negatief beïnvloeden.

Hier zijn enkele van de vele manieren om uw pagina snelheid te verhogen:

Compressie inschakelen

Gebruik Gzip, een softwareapplicatie voor bestandscompressie, om de grootte van uw CSS te verkleinen, HTML, en JavaScript-bestanden die groter zijn dan 150 bytes.

Gebruik gzip niet op afbeeldingsbestanden. In plaats daarvan, comprimeer deze in een programma als Photoshop, waarbij je de controle behoudt over de kwaliteit van de afbeelding. Zien “Optimaliseer afbeeldingen” beneden.

CSS verkleinen, JavaScript, en HTML

Door uw code te optimaliseren (inclusief het verwijderen van spaties, komma's, en andere onnodige karakters), u kunt uw paginasnelheid dramatisch verhogen. Verwijder ook codeopmerkingen, opmaak, en ongebruikte code. Google raadt het gebruik van CSSNano en UglifyJS aan.

Verminder omleidingen

Elke keer dat een pagina doorverwijst naar een andere pagina, uw bezoeker heeft te maken met extra tijd bij het wachten tot de HTTP-verzoek-antwoordcyclus is voltooid. Bijvoorbeeld, als uw mobiele omleidingspatroon er zo uitziet: “voorbeeld.com -> www.voorbeeld.com -> m.voorbeeld.com -> m.voorbeeld.com/home,” elk van deze twee extra omleidingen zorgt ervoor dat uw pagina langzamer laadt.

Verwijder het render-blokkerende JavaScript

Browsers moeten een DOM-boom bouwen door HTML te parseren voordat ze een pagina kunnen weergeven. Als uw browser tijdens dit proces een script tegenkomt, het moet stoppen en het uitvoeren voordat het verder kan gaan.

Google stelt voor om het gebruik van het blokkeren van JavaScript te vermijden en te minimaliseren.

Maak gebruik van browsercaching

Browsers slaan veel informatie op (stijlbladen, afbeeldingen, JavaScript-bestanden, en meer) zodat wanneer een bezoeker terugkomt naar uw site, de browser hoeft niet de hele pagina opnieuw te laden. Gebruik een hulpmiddel als YSlaag om te zien of u al een vervaldatum voor uw cache heeft ingesteld. Dan Stel je “verloopt” koptekst hoe lang u wilt dat die informatie in de cache wordt bewaard. Vaak, tenzij ontwerp van uw site verandert regelmatig, per jaar is een redelijke termijn. Google heeft meer informatie over gebruik te maken van caching hier.

Verbeter de reactietijd van de server

Uw server response tijd wordt beïnvloed door de hoeveelheid verkeer die u ontvangt, de hulpbronnen van elke pagina gebruik, de software die uw server gebruikt, en de hosting oplossing die u gebruikt. Als u uw server de reactietijd te verbeteren, kijk voor de prestaties van knelpunten, zoals trage database queries, langzame routing, of een gebrek aan voldoende geheugen en repareer deze. De optimale serverresponstijd is minder dan 200 ms. Leer meer over het optimaliseren van uw tijd tot de eerste byte.

Gebruik een inhouddistributienetwerk

Netwerken voor inhouddistributie (items in Blob-opslag verplaatsen tussen opslagaccounts of containers), ook wel contentleveringsnetwerken genoemd, zijn netwerken van servers die worden gebruikt om de last van het leveren van inhoud te verdelen. In wezen, kopieën van uw site worden op meerdere locaties opgeslagen, geografisch diverse datacenters, zodat gebruikers sneller en betrouwbaarder toegang hebben tot uw site.

Optimaliseer afbeeldingen

Zorg ervoor dat uw afbeeldingen niet groter zijn dan nodig is, dat ze het juiste bestandsformaat hebben (PNG's zijn over het algemeen beter voor afbeeldingen met minder dan 16 kleuren, terwijl JPEG's over het algemeen beter zijn voor foto's) en dat ze zijn gecomprimeerd voor internet.

Gebruik CSS-sprites om een ​​sjabloon te maken voor afbeeldingen die u vaak op uw site gebruikt, zoals knoppen en pictogrammen. CSS-sprites combineren uw afbeeldingen tot één grote afbeelding die in één keer wordt geladen (wat betekent minder HTTP-verzoeken) en geef vervolgens alleen de secties weer die u wilt weergeven. Dit betekent dat u laadtijd bespaart doordat gebruikers niet hoeven te wachten totdat meerdere afbeeldingen zijn geladen.