Server Opgericht
Server Optimalisatie
De server is de ruggengraat van uw website
Vergeet uw serverconfiguratie niet
Verzeker uw Server is snel
De juiste serverconfiguratie verkrijgen voor snellere paginasnelheidscores behalen is een eenvoudige, maar cruciale stap om de best mogelijke scores te behalen. Er zijn een aantal belangrijke stappen waar u rekening mee moet houden bij het opzetten/aankopen van uw server. Net als in de rest van deze handleiding zal ik u niet alle verwarrende technische redenen vertellen waarom dit moet worden gedaan, maar u eerder een overzicht geven van waar u op moet letten en hoe u dit correct kunt instellen.
Om de toon te zetten: goedkope (of gedeelde hosting zoals aangeboden door Godaddy of Rackspace) is niet de juiste keuze. Met dit type hosting deelt u te veel bronnen en wordt de tijd tot de eerste byte (TTFB) enorm vertraagd. Het delen van PHP-workers kan ook ernstige vastlopen veroorzaken als een andere website waarmee u bronnen deelt, druk wordt.
Je moet dus kiezen voor hosting met een eigen omgeving. Cloudfare is ook een must als u een wereldwijde website heeft. Hiermee worden eenvoudig de mediabestanden/grotere bestanden op uw website gerepliceerd op honderden servers over de hele wereld. De responstijd voor een Cloudflare-installatie zorgt ervoor dat gegevens sneller van uw website naar elke mondiale eindgebruiker kunnen worden overgedragen dan welke andere serveropstelling/CDN dan ook.
Als u echter een lokaal bedrijf bent, gebruik dan helemaal geen CDN. Het zal uw website daadwerkelijk vertragen voor uw lokale doelmarkt door een andere server in de supply chain te introduceren.
Server Optimalisatie
De server is de ruggengraat van uw website
Vergeet uw serverconfiguratie niet
Verzeker uw Server is snel
Het verkrijgen van de juiste serverconfiguratie voor het behalen van snellere paginasnelheidscores is een eenvoudige, maar cruciale stap om de best mogelijke scores te behalen. Er zijn een aantal belangrijke stappen waar u rekening mee moet houden bij het opzetten/aankopen van uw server. Net als in de rest van deze handleiding zal ik u niet alle verwarrende technische redenen vertellen waarom dit moet worden gedaan, maar u eerder een overzicht geven van waar u op moet letten en hoe u dit correct kunt instellen.
Om de toon te zetten: goedkope (of gedeelde hosting zoals aangeboden door Godaddy of Rackspace) is niet de juiste keuze. Met dit type hosting deelt u te veel bronnen en wordt de tijd tot de eerste byte (TTFB) enorm vertraagd. Het delen van PHP-workers kan ook ernstige vastlopen veroorzaken als een andere website waarmee u bronnen deelt, druk wordt.
Je moet dus kiezen voor hosting met een eigen omgeving. Cloudfare is ook een must. Hiermee worden eenvoudig de mediabestanden/grotere bestanden op uw website gerepliceerd op honderden servers over de hele wereld. Dankzij de responstijd voor een Cloudflare-installatie kunnen gegevens sneller van uw website naar elke mondiale eindgebruiker worden overgedragen dan welke andere serveropstelling/CDN dan ook.
Als u echter een lokaal bedrijf bent, gebruik dan helemaal geen CDN. Het zal uw website daadwerkelijk vertragen voor uw lokale doelmarkt door een andere server in de supply chain te introduceren.
Het verkrijgen van de juiste serverconfiguratie is een eenvoudige, maar cruciale stap in het bereiken van hoge snelheid.
Er zijn een paar belangrijke stappen waarmee u rekening moet houden bij het instellen van uw server.
Net als in de rest van deze handleiding zal ik u niet alle verwarrende technische redenen vertellen waarom dit moet worden gedaan, maar u eerder een overzicht geven van waar u op moet letten en hoe u dit correct kunt instellen.
Om de toon te zetten: goedkope (of gedeelde hosting zoals aangeboden door Godaddy of Rackspace) is niet de juiste keuze.
Met dit type hosting deelt u te veel bronnen en wordt de tijd tot de eerste byte (TTFB) enorm vertraagd.
Het delen van PHP-workers kan ook ernstige vastlopen veroorzaken als een andere website waarmee u bronnen deelt, druk wordt.
Serveraanbevelingen & Installatiehandleiding
Server verbeteren Prestatie
Host dicht bij uw klanten
Het hosten van uw website dicht bij uw klanten is belangrijk, en de redenering hierachter komt sterk overeen met hoe een CDN werkt. Dit is vooral als u een website heeft die lokale klanten bedient.
Waarom is Dit Belangrijk?
Stel je voor dat je bedrijf in Londen is gevestigd. Je bedient klanten lokaal die jouw website bezoeken. Stel je nu voor dat je website wordt gehost in New York. Uw klanten zitten op hun telefoon of computer en klikken op een link. Die klik moet dan helemaal naar New York reizen, de gegevens ophalen en dan weer helemaal terug naar Londen komen om op hun scherm te verschijnen. Waarom hosten we het niet gewoon lokaal op een server in Londen?
Dit bespaart niet alleen de gegevens een lange reis, maar verkort ook de wachttijd voor de klant en maakt uw site responsiever voor uw doelgroep. Het verbetert de TTFB enorm en niet alleen zullen klanten dit zien, maar uw lokale Google-algoritme zal dit ook meten, waardoor uw lokale webranglijst wordt verbeterd.
Eventuele aanbevolen webhosts?
Ik zal niet ingaan op een aantal enorme hostingrecensies, maar geef gewoon mijn aanbevelingen. Er zijn genoeg van web hosting beoordelingen die er zijn, maar ik zal het beperken tot twee hosts die ik aanbeveel vanwege hun prestaties en flexibiliteit.
Ten eerste Kinsta. Als het budget er niet toe doet (het is $30 per maand), dan gewoon ga ervoor. Het is gebaseerd op Nginx. Alles op deze pagina is al ingesteld (plus nog veel meer) en het is veruit de snelste webhost die er is. Niet alleen dat, maar het is gebaseerd op de AWS/Google Cloud-architectuur en heeft Cloudflare ingebouwd. Er is geen gedoe met het instellen ervan – het is gewoon klaar om uit de doos te gaan.
Kijk eens naar hun servers op de Kinsta-website. Je zult het beste bereiken paginasnelheid scores en responstijden van websites met behulp van Kinsta WordPress-hosting en u kunt ervoor kiezen om uw website in een groot aantal landen te hosten, afhankelijk van uw behoeften.
De tweede optie als u de voorkeur geeft aan een goedkopere host met cPanel is A2-hosting. Omdat ze Amerikaanse servers zijn, zijn ze het beste voor in de VS gevestigde websites.
Zolang je voor de turbohosting kiest, kom je goed terecht paginasnelheidscores. Hosting is supergoedkoop, maar voor een keer kan ik aanbevelen wat niet normaal is voor goedkopere hosting. Je hebt hier iets meer te doen dan bij Kinsta, maar Cloudflare is inbegrepen, wat geweldig is voor deze prijs.
Je kan de ... zien A2 Turbo-pakketten op deze pagina.
Compressie inschakelen
U moet GZIP-compressie op uw webserver inschakelen. Hierdoor worden bestanden tot wel 85% gecomprimeerd en kan de laadtijd van uw website met seconden worden verkort. Dit is een van de grootste instant pagespeed-boosters die er zijn.
Hoe doe ik Inschakelen Compressie?
Bij de meeste hosts is dit standaard ingeschakeld, maar voer een controle uit hier door uw domeinnaam in te typen. Als dit niet is ingeschakeld, plaatst u de volgende code bovenaan uw .htaccess-bestand:
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE tekst/html
AddOutputFilterByType DEFLATE tekst/css
AddOutputFilterByType DEFLATE tekst/javascript
AddOutputFilterByType DEFLATE tekst/xml
AddOutputFilterByType DEFLATE tekst/plain
AddOutputFilterByType DEFLATE afbeelding/x-pictogram
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE-toepassing/rss+xml
AddOutputFilterByType DEFLATE-toepassing/javascript
AddOutputFilterByType DEFLATE-toepassing/x-javascript
AddOutputFilterByType DEFLATE-applicatie/xml
AddOutputFilterByType DEFLATE-toepassing/xhtml+xml
AddOutputFilterByType DEFLATE applicatie/x-font
AddOutputFilterByType DEFLATE-toepassing/x-font-truetype
AddOutputFilterByType DEFLATE-toepassing/x-font-ttf
AddOutputFilterByType DEFLATE-toepassing/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE-toepassing/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE lettertype/opentype
# voor oudere browsers die geen compressie aankunnen
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
Zodra dit is ingeschakeld, wist u uw servercache en WordPress-cache en test u uw website opnieuw met behulp van GTMetrix of Google-vuurtoren.
Stel een efficiënt cachebeleid in
Wanneer de browser de statische bronnen van uw pagina in het cachegeheugen opslaat, wordt een lokale kopie van deze bronnen in de cache opgeslagen, waardoor het ophalen van bestanden veel sneller gaat.
Dit staat bekend als een cachingbeleid en vertelt de browser eenvoudigweg hoe lang elk bestandstype moet worden opgeslagen.
Een langer cachebeleid instrueert de browser om deze bestanden langer te bewaren (bijvoorbeeld 1 jaar). Dit is belangrijk voor bronnen die waarschijnlijk niet vaak zullen veranderen, zoals een logoafbeelding of paginalettertypen. Een korter cachebeleid is ideaal voor bronnen die regelmatig veranderen, zoals CSS- en JavaScript-bestanden.
Hoe doe ik Stel mijn cache in Beleid?
Het is vergelijkbaar met de stap hierboven. Afhankelijk van of je een Apache-server (cPanel) of een NGINX-server hebt, plaats je gewoon de volgende code in je .htaccess-bestand en alles wordt ingesteld.
Er zijn geen plug-ins nodig om cachebeleid in te stellen!
Apache
<IfModule mod_expires.c>
Verloopt Actief Aan
#-afbeeldingen
ExpiresByType image/jpeg “toegang plus 1 jaar”
ExpiresByType afbeelding/gif “toegang plus 1 jaar”
ExpiresByType image/png “toegang plus 1 jaar”
ExpiresByType image/webp “toegang plus 1 jaar”
ExpiresByType image/svg+xml “toegang plus 1 jaar”
ExpiresByType image/x-icon “toegang plus 1 jaar”
#-video
ExpiresByType video/webm “toegang plus 1 jaar”
VerlooptByType video/mp4 “toegang plus 1 jaar”
ExpiresByType video/mpeg “toegang plus 1 jaar”
#-lettertypen
ExpiresByType font/ttf “toegang plus 1 jaar”
ExpiresByType font/otf “toegang plus 1 jaar”
ExpiresByType font/woff “toegang plus 1 jaar”
ExpiresByType font/woff2 “toegang plus 1 jaar”
ExpiresByType applicatie/font-woff “toegang plus 1 jaar”
# CSS, JavaScript
ExpiresByType tekst/css “toegang plus 1 jaar”
ExpiresByType tekst/javascript “toegang plus 1 jaar”
ExpiresByType applicatie/javascript “toegang plus 1 jaar”
# Overige
ExpiresByType applicatie/pdf “toegang plus 1 jaar”
ExpiresByType image/vnd.microsoft.icon “toegang plus 1 jaar”
</ifmodule>
Nginx
Normaal gesproken zijn Nginx-servers hiervoor ingesteld, maar als dat niet het geval is, voegt u het volgende fragment toe aan uw serverblok. Normaal gesproken moet u dit doen op:
/etc/nginx/site-enabled/default
locatie ~* \.(jpg|jpeg|gif|png)$ {
verloopt 365d;
}
locatie ~* \.(pdf|css|html|js|swf)$ {
vervalt 30d;
}
Wis opnieuw uw servercache en WordPress-cache en test uw website opnieuw met behulp van GTMetrix of Google-vuurtoren. Als alles volgens plan verloopt, zou het cachen volledig moeten zijn ingesteld.
Is dat alles?
Dat is het enige waar u zich voorlopig zorgen over hoeft te maken. Er zullen wat extra schrijfbewerkingen naar het .htaccess-bestand plaatsvinden, maar dit zal door een paar plug-ins worden gedaan terwijl we het proces doorlopen.
Hoe zit het met Wolkenvlam?
Sommige hosts zoals A2 of Kinsta hebben het allemaal voor je ingesteld – je hoeft alleen maar een vakje aan te vinken om het aan de gang te krijgen.
Als uw host geen automatische integratie heeft, dan heeft Cloudflare een goede integratiegids jij kunt lezen. Voor de dagelijkse gebruiker raad ik graag een host aan die wel over automatische integratie beschikt.
Serverinstallatie voltooid!
Stap 2: Installeer plug-ins
Tijd om tot de kern van de zaak te komen
Server verbeteren Prestatie
Host dicht bij uw klanten
Het hosten van uw website dicht bij uw klanten is belangrijk, en de redenering hierachter komt sterk overeen met hoe een CDN werkt. Dit is vooral als u een website heeft die lokale klanten bedient.
Waarom is Dit Belangrijk?
Stel je voor dat je bedrijf in Londen is gevestigd. Je bedient klanten lokaal die jouw website bezoeken. Stel je nu voor dat je website wordt gehost in New York. Uw klanten zitten op hun telefoon of computer en klikken op een link. Die klik moet dan helemaal naar New York reizen, de gegevens ophalen en dan weer helemaal terug naar Londen komen om op hun scherm te verschijnen. Waarom hosten we het niet gewoon lokaal op een server in Londen?
Dit bespaart niet alleen de gegevens een lange reis, maar verkort ook de wachttijd voor de klant en maakt uw site responsiever voor uw doelgroep. Het verbetert de TTFB enorm en niet alleen zullen klanten dit zien, maar uw lokale Google-algoritme zal dit ook meten, waardoor uw lokale webranglijst wordt verbeterd.
Eventuele aanbevolen webhosts?
Ik zal niet ingaan op een aantal enorme hostingrecensies, maar geef gewoon mijn aanbevelingen. Er zijn tal van webhostingrecensies beschikbaar, maar ik zal het beperken tot twee hosts die ik aanbeveel vanwege hun prestaties en flexibiliteit.
Ten eerste Kinsta. Als het budget er niet toe doet (het is $30 per maand), dan gewoon ga ervoor. Het is gebaseerd op Nginx. Alles op deze pagina is al ingesteld (plus nog veel meer) en het is veruit de snelste webhost die er is. Niet alleen dat, maar het is gebaseerd op de AWS/Google Cloud-architectuur en heeft Cloudflare ingebouwd. Er is geen gedoe met het instellen ervan – het is gewoon klaar om uit de doos te gaan.
Kijk eens naar hun servers op de Kinsta-website. U behaalt de beste paginasnelheidscores en responstijden van websites met Kinsta WordPress hosting en u kunt ervoor kiezen om uw website in een van de vele landen te hosten, afhankelijk van uw behoeften.
De tweede optie als u de voorkeur geeft aan een goedkopere host met cPanel is A2-hosting. Omdat ze Amerikaanse servers zijn, zijn ze het beste voor in de VS gevestigde websites.
Zolang u voor de turbohosting kiest, krijgt u goede paginasnelheidscores. Hosting is supergoedkoop, maar voor een keer kan ik aanbevelen wat niet normaal is voor goedkopere hosting. Je hebt hier iets meer te doen dan bij Kinsta, maar Cloudflare is inbegrepen, wat geweldig is voor deze prijs.
Je kan de ... zien A2 Turbo-pakketten op deze pagina.
Compressie inschakelen
U moet GZIP-compressie op uw webserver inschakelen. Hierdoor worden bestanden tot wel 85% gecomprimeerd en kan de laadtijd van uw website met seconden worden verkort. Dit is een van de grootste instant pagespeed-boosters die er zijn.
Hoe doe ik Inschakelen Compressie?
Bij de meeste hosts is dit standaard ingeschakeld, maar voer een controle uit hier door uw domeinnaam in te typen. Als dit niet is ingeschakeld, plaatst u de volgende code bovenaan uw .htaccess-bestand:
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE tekst/html
AddOutputFilterByType DEFLATE tekst/css
AddOutputFilterByType DEFLATE tekst/javascript
AddOutputFilterByType DEFLATE tekst/xml
AddOutputFilterByType DEFLATE tekst/plain
AddOutputFilterByType DEFLATE afbeelding/x-pictogram
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE-toepassing/rss+xml
AddOutputFilterByType DEFLATE-toepassing/javascript
AddOutputFilterByType DEFLATE-toepassing/x-javascript
AddOutputFilterByType DEFLATE-applicatie/xml
AddOutputFilterByType DEFLATE-toepassing/xhtml+xml
AddOutputFilterByType DEFLATE applicatie/x-font
AddOutputFilterByType DEFLATE-toepassing/x-font-truetype
AddOutputFilterByType DEFLATE-toepassing/x-font-ttf
AddOutputFilterByType DEFLATE-toepassing/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE-toepassing/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE lettertype/opentype
# voor oudere browsers die geen compressie aankunnen
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
Zodra dit is ingeschakeld, wist u uw servercache en WordPress-cache en test u uw website opnieuw met behulp van GTMetrix of Google-vuurtoren.
Stel een efficiënt cachebeleid in
Wanneer de browser de statische bronnen van uw pagina in het cachegeheugen opslaat, wordt een lokale kopie van deze bronnen in de cache opgeslagen, waardoor het ophalen van bestanden veel sneller gaat.
Dit staat bekend als een cachingbeleid en vertelt de browser eenvoudigweg hoe lang elk bestandstype moet worden opgeslagen.
Een langer cachebeleid instrueert de browser om deze bestanden langer te bewaren (bijvoorbeeld 1 jaar). Dit is belangrijk voor bronnen die waarschijnlijk niet vaak zullen veranderen, zoals een logoafbeelding of paginalettertypen. Een korter cachebeleid is ideaal voor bronnen die regelmatig veranderen, zoals CSS- en JavaScript-bestanden.
Hoe doe ik Stel mijn cache in Beleid?
Het is vergelijkbaar met de stap hierboven. Afhankelijk van of je een Apache-server (cPanel) of een NGINX-server hebt, plaats je gewoon de volgende code in je .htaccess-bestand en alles wordt ingesteld.
Er zijn geen plug-ins nodig om cachebeleid in te stellen!
Apache
<IfModule mod_expires.c>
Verloopt Actief Aan
#-afbeeldingen
ExpiresByType image/jpeg “toegang plus 1 jaar”
ExpiresByType afbeelding/gif “toegang plus 1 jaar”
ExpiresByType image/png “toegang plus 1 jaar”
ExpiresByType image/webp “toegang plus 1 jaar”
ExpiresByType image/svg+xml “toegang plus 1 jaar”
ExpiresByType image/x-icon “toegang plus 1 jaar”
#-video
ExpiresByType video/webm “toegang plus 1 jaar”
VerlooptByType video/mp4 “toegang plus 1 jaar”
ExpiresByType video/mpeg “toegang plus 1 jaar”
#-lettertypen
ExpiresByType font/ttf “toegang plus 1 jaar”
ExpiresByType font/otf “toegang plus 1 jaar”
ExpiresByType font/woff “toegang plus 1 jaar”
ExpiresByType font/woff2 “toegang plus 1 jaar”
ExpiresByType applicatie/font-woff “toegang plus 1 jaar”
# CSS, JavaScript
ExpiresByType tekst/css “toegang plus 1 jaar”
ExpiresByType tekst/javascript “toegang plus 1 jaar”
ExpiresByType applicatie/javascript “toegang plus 1 jaar”
# Overige
ExpiresByType applicatie/pdf “toegang plus 1 jaar”
ExpiresByType image/vnd.microsoft.icon “toegang plus 1 jaar”
</ifmodule>
Nginx
Normaal gesproken zijn Nginx-servers hiervoor ingesteld, maar als dat niet het geval is, voegt u het volgende fragment toe aan uw serverblok. Normaal gesproken moet u dit doen op:
/etc/nginx/site-enabled/default
locatie ~* \.(jpg|jpeg|gif|png)$ {
verloopt 365d;
}
locatie ~* \.(pdf|css|html|js|swf)$ {
vervalt 30d;
}
Wis opnieuw uw servercache en WordPress-cache en test uw website opnieuw met behulp van GTMetrix of Google-vuurtoren. Als alles volgens plan verloopt, zou het cachen volledig moeten zijn ingesteld.
Is dat alles?
Dat is het enige waar u zich voorlopig zorgen over hoeft te maken. Er zullen wat extra schrijfbewerkingen naar het .htaccess-bestand plaatsvinden, maar dit zal door een paar plug-ins worden gedaan terwijl we het proces doorlopen.
Hoe zit het met Wolkenvlam?
Sommige hosts zoals A2 of Kinsta hebben het allemaal voor je ingesteld – je hoeft alleen maar een vakje aan te vinken om het aan de gang te krijgen.
Als uw host geen automatische integratie heeft, dan heeft Cloudflare een goede integratiegids jij kunt lezen. Voor de dagelijkse gebruiker raad ik graag een host aan die wel over automatische integratie beschikt.
Serverinstallatie voltooid!
Stap 2: Installeer plug-ins
Tijd om tot de kern van de zaak te komen
Servers Uitgelegd
Gastheer dicht bij huis
Het hosten van uw website dicht bij uw klanten is belangrijk, en de redenering hierachter komt sterk overeen met hoe een CDN werkt. Dit is vooral als u een website heeft die lokale klanten bedient.
Waarom is Dit Belangrijk?
Stel je voor dat je bedrijf in Londen is gevestigd. Je bedient klanten lokaal die jouw website bezoeken. Stel je nu voor dat je website wordt gehost in New York. Uw klanten zitten op hun telefoon of computer en klikken op een link. Die klik moet dan helemaal naar New York reizen, de gegevens ophalen en dan weer helemaal terug naar Londen komen om op hun scherm te verschijnen. Waarom hosten we het niet gewoon lokaal op een server in Londen?
Dit bespaart niet alleen de gegevens een lange reis, maar verkort ook de wachttijd voor de klant en maakt uw site responsiever voor uw doelgroep. Het verbetert de TTFB enorm en niet alleen zullen klanten dit zien, maar uw lokale Google-algoritme zal dit ook meten, waardoor uw lokale webranglijst wordt verbeterd.
Eventuele aanbevelingen?
Ik zal niet ingaan op een aantal enorme hostingrecensies, maar geef gewoon mijn aanbevelingen. Er zijn tal van webhostingrecensies beschikbaar, maar ik zal het beperken tot twee hosts die ik aanbeveel vanwege hun prestaties en flexibiliteit.
Ten eerste Kinsta. Als het budget er niet toe doet (het is $30 per maand), dan gewoon ga ervoor. Het is gebaseerd op Nginx. Alles op deze pagina is al ingesteld (plus nog veel meer) en het is veruit de snelste webhost die er is. Niet alleen dat, maar het is gebaseerd op de AWS/Google Cloud-architectuur en heeft Cloudflare ingebouwd. Er is geen gedoe met het instellen ervan – het is gewoon klaar om uit de doos te gaan.
Kijk eens naar hun servers op de Kinsta-website. U behaalt de beste pagespeed-scores en website-responstijden met behulp van Kinsta WordPress-hosting en u kunt ervoor kiezen uw website in een groot aantal landen te hosten, afhankelijk van uw behoeften.
De tweede optie als u de voorkeur geeft aan een goedkopere host met cPanel is A2-hosting. Omdat ze Amerikaanse servers zijn, zijn ze het beste voor in de VS gevestigde websites.
Zolang u voor de turbohosting kiest, krijgt u goede paginasnelheidscores. Hosting is supergoedkoop, maar voor een keer kan ik aanbevelen wat niet normaal is voor goedkopere hosting. Je hebt hier iets meer te doen dan bij Kinsta, maar Cloudflare is inbegrepen, wat geweldig is voor deze prijs.
Je kan de ... zien A2 Turbo-pakketten op deze pagina.
Compressie inschakelen
U moet GZIP-compressie op uw webserver inschakelen. Hierdoor worden bestanden tot wel 85% gecomprimeerd en kan de laadtijd van uw website met seconden worden verkort. Dit is een van de grootste instant pagespeed-boosters die er zijn.
Hoe doe ik Inschakelen Compressie?
Bij de meeste hosts is dit standaard ingeschakeld, maar voer een controle uit hier door uw domeinnaam in te typen. Als dit niet is ingeschakeld, plaatst u de volgende code bovenaan uw .htaccess-bestand:
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE tekst/html
AddOutputFilterByType DEFLATE tekst/css
AddOutputFilterByType DEFLATE tekst/javascript
AddOutputFilterByType DEFLATE tekst/xml
AddOutputFilterByType DEFLATE tekst/plain
AddOutputFilterByType DEFLATE afbeelding/x-pictogram
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE-toepassing/rss+xml
AddOutputFilterByType DEFLATE-toepassing/javascript
AddOutputFilterByType DEFLATE-toepassing/x-javascript
AddOutputFilterByType DEFLATE-applicatie/xml
AddOutputFilterByType DEFLATE-toepassing/xhtml+xml
AddOutputFilterByType DEFLATE applicatie/x-font
AddOutputFilterByType DEFLATE-toepassing/x-font-truetype
AddOutputFilterByType DEFLATE-toepassing/x-font-ttf
AddOutputFilterByType DEFLATE-toepassing/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE-toepassing/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE lettertype/opentype
# voor oudere browsers die geen compressie aankunnen
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
Zodra dit is ingeschakeld, wist u uw servercache en WordPress-cache en test u uw website opnieuw met behulp van GTMetrix of Google-vuurtoren.
Stel uw cachebeleid in
Wanneer de browser de statische bronnen van uw pagina in het cachegeheugen opslaat, wordt een lokale kopie van deze bronnen in de cache opgeslagen, waardoor het ophalen van bestanden veel sneller gaat.
Dit staat bekend als een cachingbeleid en vertelt de browser eenvoudigweg hoe lang elk bestandstype moet worden opgeslagen.
Een langer cachebeleid instrueert de browser om deze bestanden langer te bewaren (bijvoorbeeld 1 jaar). Dit is belangrijk voor bronnen die waarschijnlijk niet vaak zullen veranderen, zoals een logoafbeelding of paginalettertypen. Een korter cachebeleid is ideaal voor bronnen die regelmatig veranderen, zoals CSS- en JavaScript-bestanden.
Hoe doe ik Stel mijn cache in Beleid?
Het is vergelijkbaar met de stap hierboven. Afhankelijk van of je een Apache-server (cPanel) of een NGINX-server hebt, plaats je gewoon de volgende code in je .htaccess-bestand en alles wordt ingesteld.
Er zijn geen plug-ins nodig om cachebeleid in te stellen!
Apache
<IfModule mod_expires.c>
Verloopt Actief Aan
#-afbeeldingen
ExpiresByType image/jpeg “toegang plus 1 jaar”
ExpiresByType afbeelding/gif “toegang plus 1 jaar”
ExpiresByType image/png “toegang plus 1 jaar”
ExpiresByType image/webp “toegang plus 1 jaar”
ExpiresByType image/svg+xml “toegang plus 1 jaar”
ExpiresByType image/x-icon “toegang plus 1 jaar”
#-video
ExpiresByType video/webm “toegang plus 1 jaar”
VerlooptByType video/mp4 “toegang plus 1 jaar”
ExpiresByType video/mpeg “toegang plus 1 jaar”
#-lettertypen
ExpiresByType font/ttf “toegang plus 1 jaar”
ExpiresByType font/otf “toegang plus 1 jaar”
ExpiresByType font/woff “toegang plus 1 jaar”
ExpiresByType font/woff2 “toegang plus 1 jaar”
ExpiresByType applicatie/font-woff “toegang plus 1 jaar”
# CSS, JavaScript
ExpiresByType tekst/css “toegang plus 1 jaar”
ExpiresByType tekst/javascript “toegang plus 1 jaar”
ExpiresByType applicatie/javascript “toegang plus 1 jaar”
# Overige
ExpiresByType applicatie/pdf “toegang plus 1 jaar”
ExpiresByType image/vnd.microsoft.icon “toegang plus 1 jaar”
</ifmodule>
Nginx
Normaal gesproken zijn Nginx-servers hiervoor ingesteld, maar als dat niet het geval is, voegt u het volgende fragment toe aan uw serverblok. Normaal gesproken moet u dit doen op:
/etc/nginx/site-enabled/default
locatie ~* \.(jpg|jpeg|gif|png)$ {
verloopt 365d;
}
locatie ~* \.(pdf|css|html|js|swf)$ {
vervalt 30d;
}
Wis opnieuw uw servercache en WordPress-cache en test uw website opnieuw met behulp van GTMetrix of Google-vuurtoren. Als alles volgens plan verloopt, zou het cachen volledig moeten zijn ingesteld.
Is dat alles?
Dat is het enige waar u zich voorlopig zorgen over hoeft te maken. Er zullen wat extra schrijfbewerkingen naar het .htaccess-bestand plaatsvinden, maar dit zal door een paar plug-ins worden gedaan terwijl we het proces doorlopen.
Hoe zit het met Wolkenvlam?
Sommige hosts zoals A2 of Kinsta hebben het allemaal voor je ingesteld – je hoeft alleen maar een vakje aan te vinken om het aan de gang te krijgen.
Als uw host geen automatische integratie heeft, dan heeft Cloudflare een goede integratiegids jij kunt lezen. Voor de dagelijkse gebruiker raad ik graag een host aan die wel over automatische integratie beschikt.
Serverinstallatie voltooid!
Stap 2: Installeer plug-ins
Tijd om tot de kern van de zaak te komen