The Need For Speed

Een website moet tegenwoordig responsive, leesbaar, zoekmachinevriendelijk, snel ladend en veilig zijn. Sinds ik gestopt ben met mijn Online Marketing bedrijf besteed ik veel tijd aan het lezen over best practices en ik breng ze waar mogelijk ook meteen in de praktijk.

Over een paar zaken ben ik inmiddels best tevreden, waaronder de snelheid van de websites. Het traagste onderdeel van mijn websites zijn de Google Adsense advertenties (die ik helaas niet kan verwijderen zonder failliet te gaan).

Een aantal dingen die ik heb opgepakt toen ik vorig jaar de website TractorFan, Prikkebord, Nieuwsgrazer en Boeren.nu opnieuw heb ingericht:

  • Om het inloggen veiliger te maken is de website overgezet naar HTTPS. Dit is een vertragende factor die enigszins gemitigeerd wordt door ook over te stappen naar HTTP/2 met ALPN.
  • De backend werkt met PHP7, dit levert een flink snelheidswinst op t.o.v. PHP5.xx
  • De pagina’s op de websites laden alleen scripts en stylesheets in die van toepassing zijn op die pagina’s.
  • Alle scripts en stylesheets worden samengevoegd tot 1 bestand en scripts worden geladen aan het eind van de pagina.
  • Afbeeldingen worden geladen vanaf een CDN. Enerzijds om de afbeeldingenserver te onlasten en anderzijds vanwege het voordeel dat de CDN deze afbeeldingen ook beschikbaar maken op POP locaties in het buitenland, zodat mijn buitenlandse bezoekers daar ook van profiteren.
  • In de <head> staat een deel van de CSS, waaronder de achtergrondkleur. Zo ziet de gebruiker al snel iets ‘gebeuren’ op het scherm. Dit draagt vooral bij aan de ‘ervaren’ snelheid, niet aan de reële snelheid.
  • Uiteraard wordt alle inhoud gecomprimeerd en alle static resources gecached.

Nu Google onlangs testmysite.withgoogle.com heeft gelanceerd wordt mooi inzichtelijk hoe de website zich verhoudt tot de concurrentie:

Screenshot at jul. 13 20-49-51

Nu hopen dat Google hier veel gewicht aan geeft in de organische ranking van mijn websites.

Screenshot at jul. 13 20-52-30

Waarom websites zo vaak traag zijn

Ik ben er zelf één, dus ik mag het zeggen: developers zijn over het algemeen luie mensen. Of misschien is lui niet helemaal het goede woord. Developers kiezen vaak shortcuts om snel resultaat te halen.

Een van de dingen waaraan je dat kunt zien is het internet. Een eenvoudige website, met een simpele HTML pagina kan in principe binnen een fractie van een seconde op je scherm staan. Waarom zijn er dan toch zoveel trage websites? Hier de top 5 van de meest gehoorde excuses:

“Is dat echt zo belangrijk dan?”

Ja. 40% van het bezoek haakt af als een pagina niet binnen 3 seconden op het scherm staat. In veel branches betaal je inmiddels 2 euro per Adwords klik. Ooit uitgerekend hoeveel dat kost? En hoeveel pagina’s moet men ‘door’ om tot een conversie te komen? 5? Hoeveel mensen doen dat?

Zolang er een cultuur bestaat waarbij deze zaken niet bovenaan de agenda staan is de kans groot dat er aan de performance van de site niet veel veranderd.

“Volgens mij is het snel genoeg”

Als je mij soms hoort tieren op mijn internetverbinding dan zou je het niet zeggen, maar er zitten echt voordelen aan het werken vanaf het platteland via een armetierig ADSL lijntje. Met 4 Mbit/s loop je snel tegen de pijnpunten aan die de developers met een 500 Mbit/s glasvezel verbinding werken niet meer opmerken. Ze werken met de snelste computers, via de snelste lijnen, met de nieuwste browsers.

“Het werkt toch?”

Developers worden betaald om functionaliteit te ontwikkelen. Daar worden ze op beoordeeld. Als hun functionaliteit door de acceptatietest komt, dan is er niemand die zich afvraagt hoe het nog beter kan. Misschien dat een UX designer een keer sputtert over de laadtijd, maar dan is het vaak al te laat.

Zo ontstaat er steeds meer rotzooi in de code. Tot er een punt komt waarop niemand meer weet welke code er nog gebruikt wordt en je 3 Mb aan overbodige Javascript meestuurt bij elke pagina die men op je website bekijkt. 3 Mb aan javascript verwerken op een budget mobieltje duurt vaak alleen al 3 seconden.

“Ik ben door mijn uren heen”

Budget is een andere reden. De meeste websites hebben, zodra het eenmaal werkt als afgesproken, geen budget om (bijvoorbeeld) het project te doorlopen en bottlenecks weg te nemen, overbodige code te verwijderen en de website te testen op een budget telefoon via een 3G netwerk.

Laat staan dat iemand er aan toe komt om de rotzooi op te ruimen die hierboven ontstaan is.

“HTTP/2? Wat is dan dan?”

Wat ook gewoon vaak voorkomt is een gebrek aan kennis. Hoeveel web developers en online marketeers weten van de begrippen HTTP/2, ALPN, GZIP, CDN, TTFB, Critical Path CSS en legio andere termen die er bij komen kijken om een complexe website sneller te maken? Een groot deel van de web developers is al blij dat ze de website responsive kunnen maken, want dan doet ie het toch op mobiel?

Het zou goed zijn als developers de tijd krijgen om deze ontwikkelingen bij te houden.

 

 

 

Formule 1 microsites

Op zondag 19 februari lanceerde ik diverse nuttige en informatieve Formule 1 websites. De eerste GP (Australië) is inmiddels achter de rug en de tweede (China) staat voor de deur. Hoe deden deze websites het tot nu toe?

Na lancering heb ik niet veel gedaan ter promotie van de websites. Enkel een paar links vanaf de homepagina’s van mijn andere websites en een gastblog op Griekipedia (over Formule 1 in Griekenland) en een aankondiging van het nieuwe wedstrijdschema op de blog van Alex Miedema.

I ❤️ Bing

Een website als F1 Kalender wordt ook wel een Exact Matching Domain (EMD) genoemd. Het algoritme van Bing heeft hier blijkbaar geen penalty voor ingebakken, want met de meeste relevante zoektermen staat mijn website op #1 in de zoekresultaten. Dit levert een mooi aantal bezoekers op:

f1-kalender

Hetzelfde geldt voor de website voor de GP van Australie:

gp-australie.png

Google haat EMD’s

Al sinds 2012 heeft Google een EMD penalty opgenomen in haar algoritme. Maar toch kom ik regelmatig goed presterende EMD’s tegen die duidelijk door creatieve SEO experts zijn opgezet, dus ik nam deze beweringen met een korreltje zout. Maar nu zowel f1-kalender.nl als de gp sites toch achterblijven in Google begin ik mezelf toch even achter de oren te krabben:

f1-kalender-google.png

Dat zijn nou geen bezoekersaantallen waar je met trots een blog over schrijft.

Verbeteringen

Ik geloof niet dat het alleen aan de domeinnaam ligt. Massa’s nieuwe websites blijven steken op pagina 2 van Google.Misschien is het een over-optimization penalty, misschien heb ik niet genoeg inkomende links, misschien zijn de domeinen gewoon te nieuw.

Ik ga doen wat ik altijd doe bij het maken van websites: de website nog relevanter maken voor de bezoeker. Laat Google zich maar om mijn websites heen optimaliseren in plaats van andersom. Hoewel ik me had voorgenomen om niet meer dan 2 dagen bezig te houden met het bouwen en vullen van de 22 websites, ga ik toch nog een paar dingen aanpakken:

  • Meer pagina’s. Alle inhoud staat nu op 1 pagina, met interne anchor links. Ik denk dat ik bepaalde inhoud ga scharen onder subpagina’s.
  • Meer inhoud. Er komt dagelijks vers nieuws uit over de Formule 1. Ik ga deze nieuwsberichten verzamelen en er naar linken vanaf de gp websites. Ook ga ik tweets embedden met verse inhoud.

Hopelijk is dit zo rond de GP van Spanje gereed. Zodra er meer (of minder) resultaten te melden zijn volgt er een nieuwe blog.

Gevolgen van nieuwe Google Image Search in Duitsland en Frankrijk

Deze grafieken doen me denken aan 4 jaar geleden, toen mijn websites ook van de een op de andere dag 1.000 bezoekers per dag minder deden. Google wijzigde toon Google Image Search zo dat de website niet meer op de achtergrond geladen werd. Tot een dag of 10 geleden werkt dat in Duitsland en Frankrijk nog wel zo, waarschijnlijk om juridische redenen. Google lag in die landen al langer overhoop met de grote uitgevers.

Nu heeft Google de stap wel genomen, waardoor met name TractorFan Deutschland en TractorFan France getroffen zijn:

 

tractorfaneu

Maar ook TractorFan Nederland loopt nu elke week honderden bezoekers mis.

tractorfannl

Google heeft de nieuwe UI ingevoerd onder het mom dat de bezoeker de website op de achtergrond toch negeerde. Maar uit mijn cijfers blijkt dat dat helemaal niet zo is.

bouncerate

Maar goed, als kleine publisher kan ik toch niet opboksen tegen ‘the hand that feeds me’.

Formule 1 experiment

De Dakar van 2017 was voor dakartrucks.nl een succes. Bijna 17.000 bezoekers bezochten in Januari en December de site en ze bekeken daarbij 61.000 pagina’s. Qua bezoekers is dat nagenoeg gelijk aan vorig jaar, maar men bekeek wel 2x zoveel pagina’s. In Google staat de site voor de belangrijkste trefwoorden, dakar trucks en dakar vrachtwagens allebei op de eerste plek. Alleen op het trefwoord Dakar 2017 zou de site het nog iets beter mogen doen. In de aanloop naar de Dakar stond de site daar nog vrolijk mee in de top 10, maar toen de echte berichtgeving op gang kwam sneeuwde de site onder. In 2016 bleef de site veel langer vindbaar op die zoektermen.

Tijd voor een nieuw experiment. Voor het seizoen 2017 heb ik voor elk Formule 1 weekend ook een website gemaakt. Vooralsnog alleen gevuld met informatie over de circuits en de starttijden van trainingen, kwalificaties en races. Maar het idee is dat er naast TractorFan en TruckFan ook een MotorsportFan website komt. Berichtgeving over de formule 1 wedstrijden kan dan naast motorsportfan.nl ook op bijvoorbeeld gp-australie.nl geplaatst worden.

Het was mijn doelstelling om de websites binnen 48 allemaal opgezet en gevuld te hebben. De websites draaien op 1 centrale database waar de kalender en circuit info wordt bijgehouden. Op f1-kalender.nl kun je alle F1 wedstrijden ook downloaden in iCal formaat, zodat je ze kunt toevoegen aan je Google Calendar, iPhone, Android of Outlook. De websites zijn daarnaast zeer nuttig voor de mensen die willen weten hoe laat een training, kwalificatie of race begint.

Ze hebben allemaal een unieke content, een passende domeinnaam, ze zijn responsive en allemaal voorzien van een SSL certificaat. Een goede ranking halen zou mogelijk moeten zijn, maar vooralsnog is dit in Google nog niet echt gelukt. Ik blijf voorlopig hangen op de 2e pagina.

Wat opvallend is, is dat de websites, op de belangrijkste zoektermen, allemaal binnen enkele uren op plek 1 stonden in Bing. Als je dus zoekt op GP Oostenrijk 2017 dan zie je als eerste gp-oostenrijk.nl.

Misschien dat ik in Google, ondanks dat de websites zeer nuttig kunnen zijn voor de bezoekers, een ‘over-optimization’ penalty heb gekregen. We gaan zien hoe zich dit ontwikkelt!

Online kijkersfiles

Het effect is direct te zien als mensen sirenes horen. Iedereen wil weten wat er aan de hand is. Daarom trappen mensen massaal op de rem als er op de andere rijbaan zwaailichten te zien zijn en er een paar autowrakken verspreid over de weg liggen.

Dit effect is ook online waarneembaar. Nieuws over de belastingplannen van het kabinet? Slechts 100 lezers. Een botsing tussen een frisdranktruck en een bierfiets? 10.000 lezers.

Voor de betrokkenen bij een ongeluk is het natuurlijk niet leuk dat alles ongefilterd online verschijnt. Dit weerhoudt honderden mensen er niet van om meteen bij de eerste P2000 melding op de scooter of in de auto te stappen en enkele minuten later hun lenzen te richten op wat er ook maar gebeurd is. Mensen kijken immers toch.

Omdat er op TruckFan regelmatig topics worden aangemaakt met betrekking tot vrachtwagens die niet meer in staat moeten worden geacht hun lading op tijd af te leveren, heb ik vandaag een nieuwe website gelanceerd, waarop al deze vrachtwagen ongevallen overzichtelijk worden weergegeven. De techniek kon ik hergebruiken van de Dakar trucks website. Ook het logo bleek goed herbruikbaar 🙂