Tag: cloudflare

Station Zuidhorn - trein Arriva

Gratis snelheid van een website verbeteren

Websites met veel foto’s zijn vaak erg traag. Zelfs als je gehost wordt bij snelle webhosting binnen Nederland. Dat kun je in WordPress eenvoudig verbeteren met caching en plugins. Zodat de website een stuk sneller wordt. Bijvoorbeeld met WP Optimize (met de reSmush-functie). Een andere, gratis, verbetering is Cloudflare gebruiken.

De oorzaak van het ‘traag’ zijn van fotografie websites is gelegen in de omvang van foto’s. Als fotograaf wil je je werk graag in hoge kwaliteit tonen aan je bezoekers. Dat betekent al snel dat de bestanden erg groot zijn. Dat is zeker niet nodig overigens. Door te kiezen voor afmetingen (in pixels) die overeenkomen met het gemiddelde computer- of laptopscherm (lange zijde maximaal 2400px) kun je al heel veel data besparen (ook niet onbelangrijk!) en zorgen dat de afbeeldingen sneller inladen.

Zelf kies ik voor foto’s met maximaal 1400px tot 1600px op de lange zijde. Dat is groot genoeg voor een mooie weergave op een scherm. Zeker omdat de meeste mensen toch via mobiel of tablet op internet surfen. Maar zelfs op een groot scherm ziet dat er prima uit.

Website verkeer per land

Omdat bezoekers voor mijn website van over de hele wereld komen wil ik graag dat de website een goede performance heeft.

Cloudflare gebruiken voor snellere website

Op deze website gebruikte ik tot voor kort een caching plugin maar door het grote aantal foto’s haperde die dusdanig bij het aanmaken van de cache dat ik besloten heb daar van af te stappen. Daarmee wordt de website wel trager. Dat vind ik persoonlijk niet zo erg, maar vooral voor mensen met een minder snelle internetverbinding is dat natuurlijk erg vervelend.

Daarnaast wordt een ‘trage’ website slechter geïndexeerd door Google. En aangezien mijn website van over de hele wereld bezoekers aantrekt en lang niet iedereen een goede internetverbinding heeft wil ik dus toch graag ook deze bezoekers goed ‘bedienen’.

Omdat ik voor mijn bedrijfswebsite hele goede ervaringen heb met Cloudflare heb ik besloten deze ook te gaan gebruiken voor deze fotografie-website.

Wat is Cloudflare?

Cloudflare versnelt het laden van je website en zorgt voor een beveiligde SSL-verbinding zonder dat je een SSL-certificaat hoeft te installeren of te kopen. Ook zorgt Cloudflare er voor dat hackers en spammers minder makkelijk bij je website kunnen komen. Dus caching en beveiliging van je website in één.

Voor het sneller maken van je website maken ze gebruik van caching en compressie. Ze slaan daarvoor een kopie van je data op hun eigen servers op. Bijvoorbeeld je (grote) foto’s! Dat maakt niet alleen je website sneller, het bespaart je ook data-transfer en dus, potentieel, geld!

Hoe installeer je Cloudflare?

Hoe kun je cloudflare gaan gebruiken? Als eerste: het is geen plugin maar een aparte dienst. Meldt je aan bij https://www.cloudflare.com/ en vervolgens kies je “Add Site” in het menu.

Website toevoegen aan cloudflare

Vul het adres van je website in en klik op [Add site]. Daarna leest cloudflare alle technische instellingen van je website uit en zet automatisch alles klaar voor je.

Je krijgt vervolgens twee nieuwe “DNS-servers”, de Cloudflare nameservers, van Cloudflare. Deze kun je vervolgens doorgeven aan je webhostingprovider. Vaak via een ‘beheerpanel’ in te voeren en/of zij voeren de aanpassing voor je uit. Het mooiste is als de hostingprovider het direct bij de uitgever van de domeinnaam (bijvoorbeeld de SIDN) voor je aanpast zodat je niet meer afhankelijk bent van hun diensten qua nameservers. Dat zorgt er voor dat het én  sneller is én wanneer er uitval of storing is in de DNS-server van je hostingprovider er geen storing in je website is!

Test verbetering performance met Cloudflare

Na een aantal uren, tot maximaal 48 uur, zal je website “via Cloudflare” gaan werken. Je kunt dit via het Cloudflare panel controleren of door een ping-opdracht te sturen naar je domeinnaam.

Onderstaand de resultaten voor deze website.

De belofte van Cloudflare

wat cloudflare belooft

Volgens Cloudflare kon deze website ruim één seconde sneller gaan laden. Dat lijkt niet zo veel te zijn, maar voor Google (en de gemiddelde bezoeker) is één seconde wachten “een eeuwigheid”. Elke seconde telt, zeker voor gebruikers van langzamere internetverbindingen of mobiele gebruikers.

Performance website voor Cloudflare

Via Google Pagespeed kun je meten hoe snel je website nu is. In mijn geval een score van 77.

pagespeed voor cloudflare

Voor mobiel gebruik:

Performance mobiel voor cloudflare

Performance website met Cloudflare

Na ingebruikname van Cloudflare zijn dit de resultaten.

Performance desktop pagespeed na cloudflare

Een enorme verbetering ten opzichte van hier voor! Voor mobiel gebruik is er ook een flinke verbetering gerealiseerd:

Website performance mobiel na cloudflare

 

De website loopt nu (weer) als een trein. Naast de bovenstaande testen heb ik ook nog wat andere testen uitgevoerd met ondermeer pingdom en GTMetrix. Aangezien die vanuit andere landen meten geven die iets minder optimistische resultaten maar wel verbeteringen.

Tot slot nog de ‘ping’ resultaten. Hier zie je dat de snelheid van de DNS-servers van mijn bedrijf niet slechter of beter is; die resultaten blijven nagenoeg hetzelfde.

Voor cloudflare

[email protected] ~ $ ping erbeefoto.nl
PING erbeefoto.nl (46.182.217.xxx) 56(84) bytes of data.
64 bytes from xxxx: icmp_seq=1 ttl=59 time=18.9 ms
64 bytes from xxxx: icmp_seq=2 ttl=59 time=20.6 ms

Na cloudflare

[email protected] ~ $ ping erbeefoto.nl
PING erbeefoto.nl (172.67.188.68) 56(84) bytes of data.
64 bytes from 172.67.188.68: icmp_seq=1 ttl=60 time=19.6 ms
64 bytes from 172.67.188.68: icmp_seq=2 ttl=60 time=17.3 ms

Dat is uiteraard, voor mij en mijn klanten, goed nieuws. De grote verbetering is simpelweg de caching van Cloudflare in mijn geval. En natuurlijk het feit dat de website vanaf nu nog beter bestand is tegen aanvallen van hackers!