Website snelheid optimaliseren

Leestijd: 2 minuten

Voor

Maken van een website

Tijdens

Ik wil laten zien dat ik ook in Google kan komen op de zoekwoorden die voor mij belangrijk zijn. Echter, daarvoor moet ik ook mijn snelheid vergroten van mijn website. Laten we dat eens doen.

0-meting

Omdat ik een user experience designer ben, maak ik een aantal verschillende soorten ontwerpen voor de website.

Laat ik eerst maar eens beginnen met een ontwerp op normaal niveau.

De zoekwoorden waarop ik gevonden wil worden zijn:

  • webdesigner
  • website laten maken

Ik doe mijn analyses via PageSpeed insights.

Tsja, zoals te zien niet zo goed nog. Later we beginnen met optimaliseren.

First Contentful Paint = 5,8 s. Eens kijken hoe we die omlaag gaan krijgen. ‘Eerste tekenbewerking met content’ (FCP) geeft het tijdstip aan waarop de eerste tekst of afbeelding wordt weergegeven.

What FCP measures #

FCP measures how long it takes the browser to render the first piece of DOM content after a user navigates to your page. Images, non-white <canvas> elements, and SVGs on your page are considered DOM content; anything inside an iframe isn’t included.

Ik heb Lighthouse geïnstalleerd op mijn Google Chrome. 

Dit zijn de aanbevelingen: 

Laten we beginnen bij ‘ Reduce initial server response time. Hoe doe je dat? 

Wat is het: When users navigate to a URL in their web browser, the browser makes a network request to fetch that content. Your server receives the request and returns the page content.

Laten we kijken of het aan de server ligt: dit doen we via GT Metrix.

Time to First Byte (TTFB), also known as server response time

Hoe:

  • Optimize the server’s application logic
  • Optimize how your server queries databases
  • Upgrade your server hardware to have more memory or CPU.

https://builtwith.com gebruiken om te kijken naar concurrentie.

https://www.bitcatcha.com Laat zien dat mijn server prima is.

Ik heb hummingbird nog achter de hand. Laten we daar anders eens naar kijken.

Dit zijn nu de scores


Enable preload caching

Purge Varnish caching

Purge OpCache

Na

  • meting

LCP = 8.4 seconden

Ik schakel de .htaccess 301 redirectin

LCP = 5.6

Reduce initial server response time

page caching. Maar ik haal dit er uit voor de agents die er naar kijken.

bot
is_archive
slurp
crawl
spider
Yandex

LCP = 3.9

DEVOKED

				
					.woocommerce .widget_price_filter .ui-slider .ui-slider-range {

background-color: #fff;

}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {

background-color: #fff;

}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {

background-color: #000;

}
				
			
				
					<script>

document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
var mywindow = $(window);
var mypos = mywindow.scrollTop();
mywindow.scroll(function() {
if (mypos > 40) {
if(mywindow.scrollTop() > mypos) {
$('#stickyheaders').addClass('headerup');
} else {
$('#stickyheaders').removeClass('headerup');
}
}
mypos = mywindow.scrollTop();
}); }); });

</script>
<style>
#stickyheaders{
-webkit-transition: transform 0.34s ease;
transition : transform 0.34s ease;
}
.headerup{
transform: translateY(-110px); /*adjust this value to the height of your header*/
}
</style>
				
			

Long Read

nu slechts 4,70!

Uren
Minuten
Seconden

About us

Devoked is a research, design and development company based in The Netherlands. About the founder Hi there, my name is Joep Schoppen, and I started

Lees verder »

Home

Devoked Welcome to the Devoked website Login About us Portfolio Prices

Lees verder »

Prices

Devoked is pricing itself as transparent possible. We want to make sure you see how a price is build up. Over the years I tried

Lees verder »

Webdesign

Web Design Onderzoek Kennismaking Overwegen Conversie Aanmelden Inloggen Inschrijven Aankopen Informeren Contact opnemen Tracking Gebruiksvriendelijkheid Vindbaarheid Veiligheid Ontwerp Vormgeving Opmaak Opmaak Tekst opmaak, beeld opmaak

Lees verder »

Website

Rekening Functionaliteiten Vormgeving Gebruiksvriendelijkheid Vindbaarheid Veiligheid Rekening MovingMatters.nl Welkom Welkom in het account voor MovingMatters. De prestaties zijn onderverdeeld in de categorieën hiernaast. Om de

Lees verder »

Bedankt

Bedankt voor uw betaling aan Devoked Binnen 24 uur ontvangt u de bijpassende factuur

Lees verder »

Behaviour

Designing Human Behavior In order to Design Human Behavior we must first understand what behavior is and how it works. Behavior is the act of making

Lees verder »

Sales

Sales When selling happens between buyer and seller we call it sales. In sales there is a funnel where sales are going through.   Targets

Lees verder »

Research

Web Design Research In Web Design Research we focus on the following Key Performance Indicators (KPI): Functionality Usability Esthetics  Hierarchy Security Findability Support Functionality One

Lees verder »

Service Design

About Service Design Service Design is the design of structures, systems, chains, loops, journeys, cycles, models, mechanisms, curves and spectra in order to define all

Lees verder »

Human

Designing Human Experience Human Experience is a phenomenon happening within the conscious and subconscious mind. The receptors of the central nervous system sensor raw stimuli

Lees verder »

Templates

Simple Text Padding: 100px Title: 50px | Font: Lato Body: 25px | Font: Helvetica Sub title: 30px | Font: Lato Animations: fade in

Lees verder »

Web Design

Current work Devoked.com ApointCBP.nl ProMasters.nl Recent work Shoelala.nl MovingMatters.nl Floorvandersteen.nl Van-V.nl ArtistChocolate.com Early work BureauMPA.nl PearlSmileNederland.nl CorreaInstallaties.nl MetEsther.nl SchoppenVideo.nl YogiBag.nl

Lees verder »

If this then that

Wanneer je Facebook gebruikt om je content te distribueren, dan is gebruik maken van IFTTT* (If This Than That). Deze integratie tussen WordPress Websites Elementor

Lees verder »

Thuis werken

Thuis werken is het nieuwe normaal. Sinds de corona crisis neemt het aantal thuis werkenden toe. Het is daarom belangrijk om voor deze ervaring van

Lees verder »

De slaapbeleving

Slapen doen we allemaal. Vaak slaapt een mens 1/3 van zijn leven (8 uur). Dit is aanzienlijk veel en daarom dat je in dit artikel

Lees verder »

Het gebruik van Spotfy

Spotify is dé app voor het streamen van muziek en podcasts. In dit artikel schrijf ik op wat er qua gebruikerservaring verbeterd kan worden aan

Lees verder »

Websites ontwerpen

Welke soorten ontwerpen zijn er mogelijk? Horizontaal, verticaal, one page etc. En hoe? Via WordPress en Elementor Pro

Lees verder »

Voedsel bereiden

Hoe maak je voedsel goed klaar? Ik ga vandaag spruitjes koken, maar hoe maak je die nou het lekkerste klaar? Het ‘kontje’ er af Buitenste

Lees verder »

Waterkracht onderzoeken

Energieopwekking door waterkracht. Waterkracht is een bron van energie die tot op heden X% van het totaal is. Dit betekent dat er nog veel te

Lees verder »

Over Devoked

Hallo, ik zal mij even voorstellen. Ik ben Joep Schoppen, eigenaar en oprichter van Devoked. Sinds juli 2018 ben ik als internet ondernemer mezelf gaan

Lees verder »

Slapen

Slapen moeten we allemaal. Daarom beschrijf ik in dit artikel de ervaring voor, tijdens en na het slapen van de gemiddelde mens. Voor het slapenVoor

Lees verder »

Nadenken over afval

Mensen produceren afval en dat afval, daar moet iets mee. Nu is het nog zo dat wij dat zelf moeten fixen, maar hoeveel chiller zou

Lees verder »

Ik heb een Error

Heel verveld natuurlijk, maar ik heb een error. Deze error: er heeft een kritieke fout voorgedaan op je site wordt veroorzaakt door de volgende foutcode:

Lees verder »

Het maken van een website

Een website maken is een vakmanschap. Het vergt disciplines uit meerdere delen van ontwerp tot ontwikkeling en van schrijven tot communiceren met andere partijen betrokken

Lees verder »

Toileteren

Toileteren doe je tijdens je dag meerdere keren. Je doet het na het consumeren. Wat je er voor doet is consumeren en zorgen voor WC

Lees verder »

Producten afrekenen

In de meeste gevallen is het supermarktpersoneel nog de gene die de producten afrekent. De klant moet natuurlijk wel zelf betalen.

Lees verder »

Naar huis gaan

De ervaring met de supermarkt eindigt als de klant de supermarkt verlaat. Daar wordt de klant weer een mens. De mens zal naar huis gaan.

Lees verder »

Bedrijfsonderzoek

Over het bedrijf Wat doet het bedrijf? Wat is het aanbod? Wat is het doel van uw bedrijf? Wat maakt uw bedrijf speciaal? Wie probeert

Lees verder »

Een brief schrijven

Wie de brief schrijft kan verschillen. Dit kunnen mensen zijn, maar vooral bedrijven / de marketingafdeling. Wat staat er in de brief? Wij schrijft het?

Lees verder »

Een enveloppe maken

Voordat iemand een brief ontvangt, moet deze natuurlijk wel in een enveloppe. Deze moet worden gemaakt. Hoe wordt deze gemaakt? Hoe duurzaam is dat?

Lees verder »

Brief in enveloppe stoppen

Er kunnen meerdere partijen zijn die een brief in een enveloppe stoppen. Zo kunnen mensen onderlink een brief sturen, maar ook kan dit gedaan worden

Lees verder »

Brief versturen

Het versturen van een brief gaat via een postbus. Daar stop je de brief in. Vervolgens wordt deze geleegd en wordt de brief verstuurd via

Lees verder »

Bewustzijnsvormen

Hoger bewustzijn: flow Hoog bewustzijn: mindset, vrij wil Basis bewustzijn: gedachten Laag bewustzijn: karakter Onderbewustzijn

Lees verder »

Bootcamp

Een bootcamp is een meerdaagse training in het leren toepassen van de kennis van levensbelevingen. Via:– Workshops: Diepteanalyse, Brainstorms,  – Focusgroepen: Mapping, – Prototyping: A-B testen,  Proof

Lees verder »

Logo laten maken

Als merk wilt u een logo laten maken bij Devoked. Hoe die ervaring er uit ziet, kunt u hieronder lezen. Briefing Iteraties Aliteraties

Lees verder »

Login

Als Devoked Member kunt u inloggen om de taken, planning, status en statistieken te vinden over uw project met Devoked.

Ontdek de ervaring