Nieuwe layout en features frontpage

Zoals je op de FP hebt kunnen lezen en waarschijnlijk al hebt bekeken (niet? ga snel kijken, hup!) hebben we vandaag de volgende editie van de FOK!frontpage gereleased. Er is een nieuwe layout, er is in die layout een nieuwe indeling en we hebben een paar nieuwe features. Wat is er allemaal veranderd?

De technische wijzigingen
Om te beginnen is de hele site opgebouwd in PHP5 in plaats van PHP4. Dat zegt natuurlijk niet zoveel, want het zijn opeenvolgende versies van de zelfde taal, maar het houdt wel in dat we ons niet meer in hoeven houden met bepaalde acties ‘want we draaien nog op PHP4′. We kunnen nu gebruik maken van wat betere methoden op ontwikkelgebied. De afgelopen maanden zijn alle subsites gecontroleerd op PHP5-compatibiliteit en omgebouwd waar nodig, zodat we de servers allemaal naar PHP5 konden tillen. Die update hebben we gisteravond uitgevoerd. En hiermee zijn we officieel van de ‘4′-generaties van MySQL en PHP af, na de MySQL update van afgelopen november. Het werd eens tijd ook. En voor de nerds onder ons is het gewoon leuk.

Daarnaast hebben we een sterkere focus op performance gelegd, zowel aan de voorkant als aan de achterkant. We maken gebruik van minder code om hetzelfde te doen (less is more), ontzien de database zoveel mogelijk en voeren het gebruik van Memcache in om beide zaken nog meer te ontzien. Zoals al eens toegelicht in een Feedback-topic dat ik nu niet ga opzoeken, bewaren we van diverse functies de output in het geheugen, zodat we bij een volgende keer dat deze data nodig is zowel de database kunnen ontzien als de bijbehorende loops en processing kunnen wegnemen. Deze caching wordt op de FP gebruikt in, onder andere, de trackers aan de linker- en rechterkant, de gebruikersinstellingen en diverse kleine brokken niet-veranderlijke informatie. Het zorgt ervoor dat het mogelijk is om pagina’s te genereren in ruim minder dan een halve seconde, al is deze waarde niet gebaseerd op een FP die door duizenden users tegelijk gebruikt wordt, dus daar gaan we nog kritisch op letten.

De performance aan de voorkant is voornamelijk op HTML-gebied. Dit is een voortdurend proces en als je zelf een blik op de code en de werkwijzen daarin werpt zie je dat we er nog niet zijn. We hebben echter al stappen genomen om het laden van een pagina zo vlot mogelijk te maken: statische bestanden worden geserveerd door een snelle statische webserver, CSS- en javascript-bestanden zijn voor een groot deel geminimaliseerd en samengevoegd in verzamelbestanden. Dit leidt tot bijna 10 includes (en dus requests) per pageview minder. De afbeeldingen, CSS en javascript worden daarnaast ingeladen vanaf een andere hostname, om meer gelijktijdige requests toe te staan en geen onnodige cookies heen-en-weer te communiceren. Pagina’s worden bovendien ge-gzipt aangeleverd voor clients die daarom vragen (en dat geldt voor de meeste browsers), een stap die we ook nog gaan nemen voor de statische bestanden.

Deze performance-stappen zijn overigens nog maar het begin. Codematig is er nog meer ruimte voor optimalisatie, zowel op PHP- als databasegebied. Ook de HTML-performance is nog niet waar we ‘m willen hebben, dus verwacht nog verbeteringen in de komende maanden. Het doel is een loeisnelle frontpage.

De functionele wijzigingen
Functioneel is er het een en ander gewijzigd, dat het begin inluidt van een frontpage die continu in verandering is. Om te beginnen hebben we de layout verbreed. We vonden dat het tijd werd om meer van jouw beeldscherm voor onszelf te claimen, zodat we je beter van dienst konden zijn in onze informatievoorziening. Rechts van een nieuwsbericht zie je voortaan headlines en links die gerelateerd zijn aan het bericht in de middenkolom. Indien een redacteur dat als zodanig selecteert, worden direct gerelateerde berichten bovenin de kolom getoond, net als verwijzingen naar videoberichten. Daaronder zie je headlines die in dezelfde categorie als het bekeken bericht geplaatst zijn, gevolgd door het bekende ‘Meest gelezen’ blok en headlines van de vier andere grootste subsites.

Bij reviews gaan we de rechterkolom gebruiken voor informatie over het gereviewde product. De score van de reviewer komt daar te staan, samen met een samenvatting van informatie over het product. Dat is echter een toevoeging voor in de toekomst. Wat er wel al te vinden is, is een stemmogelijkheid. Je kunt bij elke review nu aangeven wat jij voor cijfer aan de film, CD of DVD zou geven. Over een tijdje, als we een leuk aantal stemmen hebben verzameld, kun je lijstjes met scores verwachten, zodat je kunt zien what’s hot en what’s not onder de FOK!kers.

Verder kun je bij reviews rondneuzen in meer reviews van hetzelfde type, ook via de rechterkolom, of checken wat de reviewer van andere zaken vindt. Verwacht van dit soort verwijzingen op steeds meer plaatsen op de FP. Het is ons doel je zo eenvoudig mogelijk een hoop leuke content te laten vinden.

We hebben een aantal headlines en informatie samengevoegd in tabbladen. Je hebt ze waarschijnlijk al rond zien springen. Het zijn roulerende systemen, waarbij we per tab-block proberen de juiste interval van het wisselen van de tabs te vinden. Het is dan ook interessant om te weten wat jij van deze intervallen vindt: gaan ze te langzaam of kun je het allemaal niet lezen omdat ze steeds verspringen? Let er ook op dat je met je muis kunt springen door deze over de tabs te bewegen en je het springen kunt stoppen (geldig tot de volgende pagina-reload) door op een tab te klikken. Je muis op het grote contentvlak plaatsen pauzeert het springen.

Reageren hebben we iets vlotter gemaakt, net als het wijzigen van je reacties. Niet meer heen en weer klikken naar reageervensters, maar gewoon onder een bericht je reactie tikken, invoeren en netjes op dezelfde pagina blijven. Binnenkort kun je elkaar ook quoten zonder de berichtpagina te verlaten.

Okay, en nu houd ik even op met beschrijvingen geven, want dit wordt alweer een veel te lang bericht. Kijk nog even naar de videotracker, het veel overzichtelijkere filmoverzicht op de voorpagina, het weerbericht daaronder, de headlines uit de vorige jaren FOK!geschiedenis en de verbeterde overzichtspagina voor het nieuws.

Om af te sluiten: het zal je niet ontgaan zijn dat de FP die we vorige week, vier jaar geleden introduceerden nog up and running is. De nieuwe FP zit namelijk in betafase. We blijven eraan bouwen en verbeteren en hopen over een paar weken genoeg suggesties en meningen te hebben gehad om precies die wijzigingen te kunnen maken die de FP geschikt maken om de huidige te vervangen. Als we zover zijn, gaat de huidige frontpage eruit. En daarnaast: dit is het begin! We gaan meer leuke dingen toevoegen, en zoals altijd geldt: kom maar op met je ideeen.