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

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 🙂