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

Auteur: tinus

There are so many ways to succeed online. Let's find one.

Geef een reactie

Vul je gegevens in of klik op een icoon om in te loggen.

WordPress.com logo

Je reageert onder je WordPress.com account. Log uit /  Bijwerken )

Twitter-afbeelding

Je reageert onder je Twitter account. Log uit /  Bijwerken )

Facebook foto

Je reageert onder je Facebook account. Log uit /  Bijwerken )

Verbinden met %s