I am building a sports website that receives a high volume of traffic around game time.
The site homepage design and components need to change depending on what stage the game it is at. The homepage has 5 different states; pre-game, build-up, game time, reaction and match report. Each one has very different functionality.
For example before the game (Build-up) it will have a countdown time header, pre game news carousel, selected team news, etc. During the game (Game-Time) design needs to change to have a live score in the header, game reaction and video carousels and many other different components.
My question is what is the most performant way to build this for visitors for fast load times, while making it easy for the client to update?
Do I build out all the chunks in one template and have the client change a template variable so I can output the chunks accordingly? Would this slow down page load times having to process too much? Is it wiser to build out 5 different templates and just have the client change the template when they need to? Could I possibly cache more doing it this way?
Thanks