We were Gents and Wijs, but now you can call us Duke & Grace.

2Ghent

Foreestelaan 1
9000 Ghent

Brussels

Antwerpselaan 40
1000 Brussels

Deze post is gearchiveerd.

Ga naar onze recente blogposts


18 juli 2013 - Story

Rock Werchter: Hoe anticiperen op pieken in dataverkeer

Elke festivalganger kent het scenario wel. Wanneer de deuren open gaan ziet de wei er nog verlaten uit en heb je alle plaats om op je gemak te chillen. Maar eens de optredens van start gaan wordt het drummen voor een goed zicht op het podium. Je kan vrij goed voorspellen wanneer de drukte zal toenemen op de wei, maar hoe zit dat juist met de website? Is dat ook zo voorspelbaar?

In een eerder blogbericht lichtten we al toe hoe we het project technisch aanpakten, en hadden we het over Varnish, Capistrano, multi-servers, cache, … Kortom: over de theoretische kant van de zaak. Maar er is ook een menselijke kant aan het verhaal.

Samenwerken is bij dergelijke projecten nòg belangrijker dan bij een doorsnee project. Wat doen we als de server het begeeft? Wie is er bereikbaar als het misloopt? Is de server op de massa voorzien?

Bezoekersaantallen: through the roof

We lanceerden de site op 23 oktober 2012. Onze Analytics registreerden meteen een 20 000-tal bezoekers. Niet slecht voor een lancering, als je weet dat een doorsnee website gemiddeld op 1000 tot 2000 bezoekers kan rekenen.

Daarom spraken we af dat Jacob van Live Nation ons steeds op voorhand zou waarschuwen als er iets in de media werd aangekondigd. Bij elke nieuwe aankondiging konden we op 60 tot 70 000 bezoekers per dag rekenen. De grootste piek viel samen met de bekendmaking -om 16u30- van een grote batch namen. Die dag tekenden we maar liefst 112 000 bezoekers op, waarvan 80% tijdens het uur na de aankondiging.
Openminds, onze hosting partner, merkte dit duidelijk: de netwerk- en switchpoort waarop de server was aangesloten, was volledig verzadigd. En dat terwijl die wel een heel pak aankan. We waren gewaarschuwd voor de toekomst!

Vlak voor en tijdens het festival

Vanaf juni begon de spanning geleidelijk toe te nemen. Als we ons baseerden op het bezoekersverloop voor Werchter Boutique, mochten we ons de dag vòòr het festival aan 5 keer zo veel bezoekers verwachten dan gemiddeld, en nòg eens een verdubbeling de dag zelf.

Intussen steeg het gemiddelde aantal bezoekers naar 20 000 per dag.

Een ander verschil is inhoudelijk: tijdens het festival klikten bezoekers vaker door naar de foto’s en de live stream. De dagen daarvoor kwamen mensen vooral langs om de line-up te checken en om de FAQ te raadplegen voor de praktische details.

Anticiperen op enorm dataverkeer

Qua data is in deze periode veel meer verstookt dan tijdens het bekend maken van namen, maar de spreiding is veel beter. Onderstaande grafiek toont een relatief normaal dataverkeer in de weken voor het festival, met een serieuze stijging tijdens de festivaldagen zelf:

Om te voorkomen dat de servers het dataverkeer niet zouden aankunnen, hadden we twee buffers klaar staan. Enerzijds kon Openminds ervoor zorgen dat bezoekers van www.rockwerchter.be naar 2 verschillende servers konden (met een tweede A-record). Dat verdubbelde de capaciteit.

De andere maatregel was het inschakelen van een CDN of Content Delivery Network. Zo’n CDN maakt gebruik van verschillende servers, verspreid over de hele wereld.Op die manier kan je per gebied de site lokaal gaan aanbieden.

Flexibele contentingave

Bij Live Nation leidt Jacob het hele sociale media- en internetgebeuren in goede banen. We zorgden ervoor dat het voor hem mogelijk was om op elk moment van de dag foto’s te uploaden, artikels te plaatsen, de homepage een make-over te geven op basis van de actualiteit, enzovoort. Zo zag de homepage er bij de start van de ticketverkoop volledig anders uit dan bij het afsluiten ervan.

Tijdens het festival zelf maakten we van de homepage een “1-oogopslag-ervaring” door de twitter feed naast de livestreamlink te plaatsen. Daaronder kreeg de bezoeker een overzicht van sfeer- en concertfoto’s. Na het festival werd het sfeerfilmpje de blikvanger.

Wat op de homepage staat heeft invloed op de gebruikerservaring, én op de belasting van de server. Daarom hebben we geopteerd om niet, zoals oorspronkelijk voorzien, alle afbeeldingen in de foto-slider te tonen maar dit tot een klein aantal te beperken. Dit maakt de site stukken sneller. Ook het formaat van de afbeeldingen past zich aan de grootte van je scherm aan.

Uitdagingen voor caching

Onze belangrijkste opzet was: gebruikers ten allen tijde een vlotte surfervaring bieden. Met één beperking: caching. We legden eerder uit hoe we dit technisch aanpakten, maar nog even in mensentaal: wat Varnish van caching doet lijkt op een supermarktbezoek. Dankzij Varnish hoef je niet de hele winkel door te lopen om je boodschappen te verzamelen en af te rekenen.

Varnish-style boodschappen doen is langs de supermarktparking rijden, en plots de boodschappen in je koffer hebben.

Wanneer we aanpassingen live zetten, moesten we regelmatig controleren of er niets “ouds” in de cache bleef hangen. In dat geval hadden we nog enkele seconden om de cache opnieuw te laten opbouwen. Niet vanzelfsprekend als er op dat zelfde moment meer dan 500 bezoekers op de site zitten.

Veel hebben bezoekers hier niet van gemerkt. De nieuwe versie werd eerst klaargezet op de server, dan schakelden we in een fractie van een seconde naar deze nieuwe versie over. Restte nog enkel de cache opnieuw op te bouwen.

Snel schakelen!

Voor dit project was het enorm belangrijk dat de content er ook stond wanneer het nodig was, want in de muziekbusiness is niets helemaal voorspelbaar. Daarom werd de site opgeleverd in een doorlooptijd die nog niet half zo lang was dan die van een normaal project.

Ook de bereikbaarheid buiten de werkuren was van groot belang. De ticketverkoop startte bijvoorbeeld in het weekend, dus stond ik in het weekend paraat om de nodige aanpassingen goed te laten verlopen.
Tijdens het festival was ik 24/7 stand-by. Jacob mocht me steeds bellen in noodgevallen, en ik mocht op mijn beurt de hulp van Openminds inroepen als ik het zelf niet opgelost kreeg. Gelukkig bleef het bij afspraken, want echte noodgevallen waren er niet.

Samenwerken

Een high-profile project als dit is ook voor ons een unieke ervaring. Als je weet hoeveel aandacht de organisatie van het festival steekt in alle details rond het festival en de afspraken met zo veel derde partijen, dan is het bijna vanzelfsprekend dat we hier ook wat extra aandacht aan die derde partijen besteden.
Met AppMiral, ontwikkelaar van de mobiele app en de checkpoints op de wei, werkten we samen om de relevante info aan te leveren in het voor hen beste formaat. We pasten de hele code van Fork CMS aan om goed te werken op de servers van Openminds, met al hun uitzonderlijke aspecten (caching, 2 systemen, ...).
Met Live Nation zelf gingen we een stapje verder in de samenwerking door het gehele systeem om content in te geven af te stemmen op hun specifieke noden zodat alles supersnel werkte. En uiteraard, ook binnen Wijs zelf hebben we de samenwerking tot een hoger level gedreven door de verschillende stappen in het ontwikkelproces simultaan uit te voeren, in plaats van na elkaar.

Bij deze nog een welgemeende dankuwel aan het hele team dat aan de sites www.rockwerchter.be, www.twclassic.be en www.werchterboutique.be heeft meegewerkt!

Share this insight on

It's time to stop scrolling and start making.

Let's get in touch

Call us +32 9 335 22 80