Wat is nieuw in WordPress 4.9

WordPress 4.9 is officieel uitgekomen en is de tweede en laatste grote update van het CMS in 2017. Versie 4.9 met codenaam "Tipton" brengt een gevarieerde combinatie van nieuwe functies naar WordPress die voor sommigen ontzettend handig zullen zijn en voor anderen misschien wat minder, wellicht zitten er in deze update geen functies die voor jou echt van belang zijn maar ook achter de schermen laat WordPress 4.9 een hoop verbeteringen zien.
Het was al van te voren aangekondigd dat deze update niet de focus zou leggen op de aankomende Gutenberg editor, Gutenberg zal nog even moeten wachten tot volgend jaar waar deze (waarschijnlijk) in WordPress 5.0 wordt toegevoegd. Deze update van WordPress gaat niet over Gutenberg maar ondanks dat is het wel duidelijk dat de fundering voor Gutenberg wordt neergelegd.

Hierbij de nieuwe functies en verbeteringen in WordPress 4.9

Let op voordat je gaat updaten naar de nieuwe versie! Maak altijd eerst een backup.

Het nieuwe inplannen van veranderingen

Het inplannen van berichten en zelfs pagina's is niks nieuws voor WordPress, het is erg gebruikelijk om een nieuwe blogpost aan te maken en vervolgens deze in te plannen zodat het bericht automatisch zichtbaar wordt op het moment dat jij het wilt.

Iets wat wél nieuw is in dit systeem is dat je nu veranderingen kunt inplannen op bestaande pagina's en berichten. Dit is perfect voor het veranderen van bestaande pagina's zonder dat je je website verkeer negatief beïnvloedt. Met deze nieuwe inplan-methode is het mogelijk om massale veranderingen te maken aan meerdere pagina's en deze tegelijkertijd zichtbaar maken. Een gebruiksvoorbeeld is een webshop die nieuwe artikelen wilt aankondigen op de site, er kunnen achter de schermen veranderingen worden gemaakt op de pagina's en deze worden ingepland om allemaal zichtbaar te worden op exact hetzelfde tijdstip.

Deel je concepten

Een nieuwe functie van WordPress 4.9 is dat je opgeslagen concepten van pagina's en berichten kunt delen met anderen zonder dat je je pagina of bericht ook echt hoeft te publiceren. WordPress is namelijk nu in staat om specifieke URL's te genereren speciaal voor het delen van concepten. Superhandig als je samen met je collega, familie of buurman je site in elkaar wilt zetten. Samenwerking wordt een stuk makkelijker met deze functie.

Nieuwe widgets

Er zijn twee grote veranderingen in de widgets van WordPress 4.9. In versie 4.8 van WordPress zagen we al de introductie van media widgets waarmee afbeeldingen, video en audio toegevoegd konden worden aan je pagina's of berichten. WordPress 4.9 gaat hiermee verder en introduceert de galerij widget. Afbleeding galerijen direct in WordPress zonder de noodzaak van plugins is een hele verbetering.

Het is nu ook mogelijk om media elementen toe te voegen in de Text widgets van WordPress. Dat betekent dat je afbeeldingen, audio en video gemakkelijk in je text widgets kunt plaatsen zonder hier complexe structuren van te maken.

Makkelijker veranderen van thema's

Hoewel het niet de meest spannende toevoeging is van WordPress 4.9, het is toch wel een verbetering die welkom is en voor sommige gebruikers zal dit een enorme verbetering zijn.
Het installeren van nieuwe thema's gaat nu stukken makkelijker vanuit de WordPress customizer, in vorige versies bleek de installatie van thema's via de customizer niet erg soepel te gaan en dit zorgde dan ook vaak voor problemen.
Behalve dat de installatie van thema's soepeler gaat is WordPress nu ook in staat om de geplaatste widgets over te brengen naar het nieuwe thema. De tijd van verloren widgets na een thema verandering is over.

Fout-notificaties en syntax highlighting

Na acht jaar is CodeMirror terug in WordPress. CodeMirror is een implementatie die code scant, kleurt en fouten zichtbaar maakt. Als je op je website gebruik maakt van eigen CSS en/of JavaScript dan is dit misschien wel de beste toevoeging aan WordPress van dit jaar. Hoe vaak komt het wel niet voor dat je op opslaan drukt nadat je net je nieuwe stuk CSS voor je website hebt toegevoegd en je mist helaas net ergens een puntkomma. Uren hoofdpijn terwijl je aan het zoeken naar die éne fout in je code zijn over met deze implementatie die de fouten en verbeteringen aangeeft zodat je sneller door kunt met het volgende punt van je website.

Niet alleen maakt het je code een stuk overzichtelijker, het systeem zal ook weigeren met opslaan als er een fout in de code staat. De dagen dat je pagina's niet meer werken omdat er per ongeluk een fout staat in de code zijn over.

Geen zin in deze toevoeging? Dan is het makkelijk ook weer uit te schakelen in je profiel.

Dat concludeert eigenlijk wel zo'n beetje de nieuwe toevoegingen en verbeteringen. Er zijn zeker nog een hele hoop extra verbeteringen toegevoegd maar deze zijn voornamelijk onder de motorkap te vinden. Optimalisaties van enkele Javascript bibliotheken, betere API's en minder afhankelijkheid van jQuery zullen ervoor zorgen dat WordPress een stuk sneller zal zijn in deze nieuwe versie en in toekomstige versies.

HTTP/2, de nieuwe koning van het internetverkeer

Het HyperText Transfer Protocol, ofwel HTTP, bestaat al ontzettend lang. De doorgaans gebruikte versie van HTTP is versie 1.1 wat sinds 1997 bestaat.

HTTP is één van de vele ruggengraten die het internet kent maar het protocol dat de afgelopen 20 jaar is gebruikt is oud. HTTP1.1 werkt maar is niet langer optimaal en heeft verschillende limieten die we in 2017 écht niet willen. Modern uitziende websites hebben tegenwoordig een grootte en complexiteit waarmee HTTP1.1 erg veel moeite heeft. Het ooit zo revolutionaire protocol uit 1997 moet plaats maken voor iets nieuws. Sinds 2015 bestaat dat nieuwe protocol genaamd HTTP/2.

Het grote probleem van HTTP1.1

Het grootste probleem in met huidige moderne websites en HTTP1.1 is dat elk 'element' een nieuwe verbinding moet maken met de server. Als jouw website 3 Javascript bestanden en 2 CSS bestanden moet inladen dan worden er 6 verschillende verbindingen opgezet naar de server (basis aanvraag meegerekend). Een beetje grote website gaat al snel richting de 30-40 aanvragen per pagina en het helpt dan niet dat ook nog eens je browser het aantal verbindingen tot een server limiteert.
Hoe meer verschillende elementen op je website pagina hoe meer vertraging je oploopt. Hierbij komt vaak kijken dat data gaat opstapelen waar het niet hoeft, een goed voorbeeld hiervan is cookies. Cookies worden alke keer opnieuw verstuurd terwijl dit eigenlijk maar één keer nodig is.

Het ontstaan van HTTP/2 en de voordelen

Dat HTTP1.1 inefficiënt is voor de complexere websites was al langer bekend, Google is daarom na veel onderzoek begonnen met een eigen internetprotocol genaamd SPDY (speedy). SPDY is maar voor een korte tijd gebruikt en was grotendeels exclusief voor Google diensten. Met name Gmail en Google maps maakten gebruik van SPDY. Google's SPDY heeft de basis neergelegd voor het huidige HTTP/2, en veel van de functionaliteiten zijn ook overgenomen. Met name Google en Microsoft zijn betrokken geweest met de productie van HTTP/2 maar ook andere techgiganten zoals Facebook en Cisco hebben drastische bijdragen geleverd aan het project.

Multiplexing

HTTP/2 maakt gebruik van een techniek die Multiplexing genoemd wordt. Waar HTTP1.1 meerdere verbindingen moest opzetten om bestanden op te vragen van een server kan dit nu over één verbinding, dat scheelt ontzettend in tijd. Daarbovenop kan de server ook nog de volgorde bepalen waarin de bestanden gestuurd moeten worden over deze verbinding, bijvoorbeeld éérst CSS en daarna Javascript bestanden. En om het nog mooier te maken, de bestanden worden ook nog in kleine stukjes geknipt. Het voordeel hiervan is dat meerdere bestanden tegelijkertijd door de server verstuurd kunnen worden over dezelfde verbinding. Dat zorgt voor minder wachttijd en een betere datastroom.

Het verschil tussen HTTP1.1 en HTTP/2. Credit: WPMUDEV

Server Push

Een andere functie die HTTP/2 biedt is Server Push, in het kort houdt dit in dat de server alvast bestanden naar je browser stuurt nog voordat je browser hier om heeft gevraagd.

"Welkom op deze website, dit is de HTML en hier heb je alvast de benodigde CSS en Javascript bestanden" ~ een HTTP/2 server

Zonder Server Push vraagt je browser de HTML op van een website, deze HTML heeft meerdere verwijzingen naar andere bestanden op de server en vervolgens vraagt je browser aan de server: "Mag ik die andere bestanden ook hebben?".

Dat laatste stukje van communicatie is niet meer nodig met Server Push, de bestanden zijn namelijk al van te voren naar je browser gestuurd. Het voornaamste doel van Server Push is het terugdringen van website laadtijden.

Helaas zitten er nog wel wat kronkels in het principe van Server Push, het grootste probleem is dat minder goed werkt met dynamische content op websites. Daarbovenop moet de website eigenaar zelf aangeven bij de server welke bestanden gebruik kunnen maken van Server Push, het is dus niet een automatisch systeem voor alle bestanden.

Een binair protocol

HTTP1.1 is ooit gemaakt met de gedachte dat ook mensen het moeten kunnen begrijpen, HTTP/2 is het daar niet mee eens en is volledig binair. In andere woorden, het bestaat enkel uit 01010101. HTTP/2 is gemaakt met de gedachte dat computers het snel moeten begrijpen, het doel van HTTP/2 is immers dat het voor de eindgebruiker sneller wordt. Het grote voordeel is dat de data sneller verstuurd wordt en ook sneller verwerkt kan worden door de ontvangende computer, nadeel is dat het écht een hel is om te debuggen.

Niqex en HTTP/2

Het heeft even geduurd... Maar alle webhosting pakketten die we aanbieden hebben vanaf nu ondersteuning voor HTTP/2.

Werkt het dan ook voor mijn site?

Als je een SSL certificaat hebt dan ja. Gelukkig krijg je die gratis van ons dus dat is ook een zorg minder. Wij zorgen ervoor dat alle websites die over HTTP/2 kunnen draaien dat ook doen.

Verder blijft HTTP1.1 gewoon beschikbaar voor alle websites die geen gebruik maken van SSL/HTTPS.

Ga ook van start met HTTP/2 webhosting