Logo Lyfter
Logo Lyfter
  • Over
  • Werk
  • Contact
  • Over
  • Werk
  • Contact
  • Werkwijze
  • Diensten
  • Blog
  • Support
  • Werken bij
Molenweg 47
4651CG Steenbergen
mail@lyfter.nl +31(0)167 541 377

Speed is key 🏎️

Google Pagespeed Insights: Alles over pagespeed en hoe je jouw website sneller maakt

De echte mand uitleg voor pagespeed: de tijd die nodig is om een webpagina te laden. Een belangrijk onderdeel voor elke website developer en marketeer. Als we kijken naar pagespeed zijn er een hoop factoren die hier een rol in spelen, denk aan: servercapaciteit, content en bestandsgroottes, maar ook de technische basis. Met tools zoals Google Pagespeed Insights kun je deze factoren analyseren en inzicht krijgen in de prestaties van je website. Naast de elementen die invloed hebben op pagespeed, zijn er ook verschillende methoden om pagespeed te meten. Uiteindelijk kun je, op basis van deze inzichten, diverse acties ondernemen om je laadtijd te verbeteren en je site sneller te maken. Dit alles bekijken we graag samen met jou in dit blogartikel.

TLDR;
Pagespeed
Gebruikerservaring
Google
Compressie
WebP
Caching
Varnish
Redis
Opcache
intro

Wat meet Google Pagespeed Insight?

Pagespeed lijkt simpel: hoe snel laadt jouw webpagina? Dat is een vraag waar Google Pagespeed Insights antwoord op probeert te geven. Waar hij dan naar kijkt? Verschillende dingen. Daarnaast zijn er ook verschillende manieren om de pagespeed te bepalen. De drie meest voorkomende manieren zijn: Fully loaded page, Time to First Byte en First Meaningful Paint.

First Contentful Paint (FCP)

of First meaningful paint
Hoe lang duurt het voordat een gebruiker de pagina kan gebruiken? Een hele pagina laden, kan wat langer duren, maar voor de gebruiker is het natuurlijk belangrijk dat hij snel kan doen waarvoor hij op de site komt. First Meaningful Paint dus. Daarom is dit toch wel een belangrijke als het gaat over pagespeed.

Time to First Byte (TTFB)

Hoe lang duurt het voordat het inladen van een pagina begint? Misschien wat vaag, maar kom je wel eens een website tegen waarbij je eerst een volledig wit scherm krijgt voordat de pagina zelf in beeld komt? Dan kan die website wat optimalisatie gebruiken als het gaat over de Time to First Byte (TTFB).

Fully Loaded Page

De vraag die hier wordt gesteld is heel simpel: Hoe lang duurt het voordat alle resources van een pagina volledig zijn geladen? Dat is de tijd waar hier naar wordt gekeken.

Voor mezelf, Google of de gebruiker?

Waarom is pagespeed zo belangrijk?

Voor de één is pagespeed echt een doel op zich, de ander gebruikt het meer als rode draad. Pagespeed heeft invloed op je online vindbaarheid, maar vooral op de gebruikerservaring. Niemand houdt van een trage website. De aandachtsspanne van een gebruiker is tegenwoordig heel erg kort. Je wil dus zo snel mogelijk jouw verhaal en content kunnen tonen om zijn of haar aandacht te kunnen grijpen.

Voor Google 📈

Een langzame website zijn in veel gevallen langzaam omdat ze inefficiënt zijn. Dit betekent dat de informatie die Google moet crawlen vaak ook groot, veel en log zullen zijn. Dat is meer moeite voor Google, dus meer resources en daarmee meer geld. Google wil natuurlijk zo min mogelijk geld uitgeven. Dus hoe sneller en makkelijker te scannen je website is, des te groter de beloning zal zijn die Google biedt in de vorm van je ranking.

Voor de gebruiker 🤩

Uiteindelijk hebben we een website natuurlijk niet voor Google, maar voor de gebruikers. Onze klanten, partners of leads. Naast dat ze een duidelijk verhaal moeten krijgen, is de gebruikerservaring natuurlijk ontzettend belangrijk. Dus niet wachten tot een pagina is geladen of een product eindelijk aan een winkelmand is toegevoegd. Een soepele ervaring waar pagespeed natuurlijk een grote rol in speelt.
Of je het nou doet voor Google, je gebruikers of gewoon voor allebei: Reden genoeg om je pagespeed toch in de gaten te houden en hier altijd proberen het maximale uit te halen ⭐

Oke, ik wil iets met mijn pagespeed

Wat kan je doen om jouw pagespeed te verbeteren?

Er zijn een hoop dingen die je kan doen om je pagespeed te verbeteren, de ene actie wat simpeler dan de andere. Maar eigenlijk zijn alle acties te verdelen onder twee hoofdpijlers: content en techniek. Daarom zijn dit twee onderdelen waar we graag wat dieper op ingaan.

Varnish

Met Varnish kunnen we ervoor zorgen dat je verzoek niet helemaal naar de server verstuurd hoeft te worden, omdat deze door Varnish al aangeboden wordt. Zo wordt het verzoek dus al een stuk sneller bediend. Hier hebben we eerder al een blog over geschreven 📝

Redis

Redis is vergelijkbaar met Varnish, maar waar Varnish de “voorkant” opslaat en teruggeeft, doet Redis dit voor database vragen. Een makkelijk voorbeeld. Je zit op de bank een beetje te Netflixen, maar je hebt in de kast een reep chocola liggen. Altijd lekker natuurlijk 🍫 Je staat op, loopt naar de kast en pakt een blokje van de reep. Je gaat weer zitten, maar lust toch eigenlijk wel nog een stukje. Nog een keer op staan, stukje pakken, reep weer wegleggen en weer gaan zitten. Nog een stukje past er ook wel bij. Maar nog een keer op staan? Er moet toch een makkelijkere manier zijn, zonder dat je steeds heen en weer hoeft te lopen? En natuurlijk is die er: neem de reep mee en leg hem op het tafeltje bij de tv. Minder heen en weer geloop en sneller genieten van chocola 😍

Dit is hoe Redis ook werkt. De stukjes van de chocolade reep, zijn de stukjes informatie die we nodig hebben van de database. En het tafeltje naast de bank is waar Redis je helpt.

Opcache

Opcache onthoudt de vertaling van ‘voor ons leesbare’-code naar “computer-taal”. We schrijven code bijvoorbeeld in PHP, een taal die voor ons te lezen is, maar een computer heeft genoeg aan de echte ‘beepboopbeep’-computer taal 🤖 Deze vertaalslag wordt opgeslagen in een tussenlaag genaamd Opcache, zodat niet alles elke keer volledig vertaald hoeft te worden.

Conclusie: Snelheid is key

Met Google Pagespeed Insights kun je heel makkelijk zien hoe jouw website presteert en waar verbeteringen mogelijk zijn. De snelheid van je website is ontzettend belangrijk voor een goede ranking in Google en een prettige gebruikerservaring. Mocht je nou merken dat jouw website wat langzaam aanvoelt, is er dus een hoop wat hier aan gedaan kan worden.

Benieuwd naar de mogelijkheden voor jouw website?

Neem contact met ons op!

mail@lyfter.nl
+31167541377

Samen bouwen we awesome websh*t

Emerce100 Badge 2024

Bakje koffie?

Molenweg 47
4651CG Steenbergen
mail@lyfter.nl +31(0)167 541 377

Lyfter

  • Over ons
  • Werkwijze
  • WordPress Framework
  • Blog
  • Contact
  • Changelog
  • Hosting status

WordPress

  • WordPress Development
  • WordPress Framework
  • WooCommerce Webshop
  • WordPress Hosting

Webdevelopment

  • Webdevelopment
  • Open source

Awesomeness

 

Powered by Lyfter.nl
  • Algemene Voorwaarden
  • Privacy Verklaring
Cookies

Ja ook wij moeten voldoen aan de regelgeving rondom cookies. Met de knop hieronder ga je akkoord met alle cookies. Wil je iets specifiek niet, stel je dit hier in

Alles accepteren
Wil je iets in je cookies wijzigen?

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Altijd ingeschakeld
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDuurBeschrijving
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
OPSLAAN & ACCEPTEREN
  • Nederlands