Free Press

In het verleden hebben we het gehad over hoe WordPress zich verhoudt tot andere populaire contentmanagementsystemen zoals Drupal, Joomla en zelfs Squarespace. Maar wat als u probeert te kiezen tussen WordPress en statische HTML voor uw website?

Op basisniveau is dit een soort algemeen debat tussen het gebruik van een databasegestuurd contentmanagementsysteem (zoals WordPress) of het zelf schrijven van alle HTML/CSS met eventueel gebruik van een framework.

Om u te helpen bij uw beslissing, leggen we uit wat deze termen betekenen en gaan we vervolgens in op de voor- en nadelen van elke benadering.

• Verschil tussen WordPress en Statische HTML
• Voors en tegens van WordPress
• Voors en tegens van Statische HTML Website
• Gebruik WordPress als een Statische Website Generator

Verschil tussen WordPress en Statische HTML

Op het einde komt alles er als HTML aan de voorkant uit. Dat wil zeggen dat de code van uw site er ongeveer zo uit zal zien, ongeacht of u WordPress of een statische HTML-website gebruikt:

Hoe u ook kiest, uw code zal er nog steeds zo uitzien

Het belangrijke verschil zit hem in hoe die HTML tot stand komt.

Met statische HTML is dat verhaal vrij eenvoudig. Jij, of je ontwikkelaar, schrijft de code (inclusief je inhoud). Als het eenmaal op de server staat, blijft het altijd zo. Er is geen verwerking op de achtergrond – uw site is altijd daar in zijn afgewerkte vorm.

WordPress, aan de andere kant, is een content management systeem dat gebruik maakt van PHP en een database. Eenvoudig gezegd betekent dit dat wanneer iemand uw WordPress-site bezoekt, uw server uw site “in elkaar zet” door:

• Uitvoeren van de PHP-code om de HTML-versie van uw site samen te stellen
• Oproepen van uw database om de inhoud te krijgen die in die HTML moet worden ingevoegd

Wat is een Content Management System dan?

Hierboven hebben we u verteld dat WordPress een content management systeem is, maar we hebben niet echt uitgelegd wat dat betekent. Een content management systeem, vaak afgekort als CMS, is software waarmee u inhoud op een website kunt maken, beheren en wijzigen zonder dat u rechtstreeks met de code hoeft te werken.

Bijvoorbeeld, in plaats van handmatig uw inhoud toe te voegen door het op te maken met HTML zoals u zou doen voor een statische HTML-website, kunt u gewoon uw inhoud invoeren met behulp van de WordPress-editor en WordPress zal omgaan met het weergeven van het op uw site:

De interface van de WordPress-editor

Ook als u de inhoud op een later tijdstip wilt bewerken, kunt u de inhoud gewoon met dezelfde editor bewerken, in plaats van dat u het statische HTML-bestand op uw server rechtstreeks moet bewerken.

Voordelen en nadelen van WordPress

We zullen zo meteen ingaan op de voor- en nadelen van een statische HTML-website, maar laten we beginnen met een aantal redenen waarom meer dan 39,5% van het hele internet nu WordPress gebruikt.

Code-vrij Content Management

Het grootste voordeel van WordPress is dat het code bijna volledig kan elimineren uit het dagelijkse beheer van uw website. In plaats daarvan kunnen de meeste acties die u wilt ondernemen, worden uitgevoerd met behulp van een grafische interface.

Met deze grafische interface, kunt u:

• Nieuwe inhoud maken
• Het uiterlijk van uw site veranderen
• Het functioneren van uw site veranderen
• Belangrijke SEO-instellingen configureren
• Veel andere belangrijke acties uitvoeren

Tenzij u HTML/CSS leeft en ademt (en waarschijnlijk zelfs als u dat doet), zal deze benadering het veel gemakkelijker maken om elk aspect van uw website te beheren.

Gemakkelijk te veranderen hoe uw site eruitziet

Elke WordPress-site heeft iets nodig dat een thema wordt genoemd. Uw thema bepaalt hoe uw site er aan de voorkant uitziet. Om een nieuw WordPress-thema te installeren, klikt u op een knop of uploadt u een bestand en uw site neemt onmiddellijk die stijl aan:

Hoe u een nieuw WordPress-thema toevoegt

Aan de andere kant bepaalt u met een statische HTML-site hoe uw site eruitziet met uw eigen CSS. Dit is niet alleen tijdrovend om op te zetten, het zal net zo tijdrovend zijn als je ooit radicaal wilt veranderen hoe je statische HTML site er in de toekomst uit zal zien. Ja, er zijn CSS frameworks die je kunt gebruiken om dit proces te versnellen, maar het vereist nog steeds meer werk en expertise om te kunnen beheren.

We weten dit uit de eerste hand te wijten aan het feit dat een meerderheid van de Kinsta website is gemaakt met good ole Github commits (aanbevolen lectuur: git vs Github). Ja, we gebruiken een WordPress thema en framework, en onze code is verpakt in WordPress functies, maar het meeste van wat je ziet op onze site is gemaakt door ons team. Dit kan soms zorgen voor meer flexibiliteit, maar het vereist ook dat er ontwikkelaars in dienst zijn. Als u tijd wilt besparen en geen fulltime ontwikkelaars in dienst hebt, kan een kant-en-klaar WordPress-thema uw workflow drastisch versnellen.

WordPress theme

Daarnaast moet u zich zorgen maken over het responsive maken van al uw CSS (AKA ziet er goed uit op mobiele apparaten), terwijl bijna elk WordPress-thema tegenwoordig standaard responsive is.

Makkelijk om nieuwe functionaliteit toe te voegen

WordPress biedt ook iets dat plugins heet, waarmee u de functionaliteit van uw site eenvoudig kunt uitbreiden. Wilt u een contactformulier aan uw site toevoegen? Met statische HTML, zult u moeten omgaan met validatie en wat er gebeurt met de gegevens die een gebruiker indient. Met WordPress installeert u gewoon een plugin…

Hoe voegt u een nieuwe WordPress-plugin toe

Het verschil in moeilijkheidsgraad wordt nog groter bij grotere functies. Wilt u een forum aan uw site toevoegen? Veel succes om dat te doen op uw eigen. Maar met WordPress hoeft u alleen maar een forum-plugin te installeren.

U kunt zelfs snel e-commerce of sociale netwerkfunctionaliteit toevoegen.

Snelle ontwikkeling en wijzigingen

De combinatie van thema’s en plugins, samen met de algemene functionaliteit van WordPress als een content management systeem, betekent dat u zelfs ingewikkelde websites snel kunt maken.

Static HTML kan snel zijn voor een zeer eenvoudige site met slechts een paar pagina’s… maar als u niet-standaardfunctionaliteit nodig hebt, kunt u met WordPress vrijwel zeker sneller een site bouwen.

Wilt u meer voordelen? Bekijk deze 10 goede redenen waarom u WordPress zou moeten gebruiken.

Are There Any Cons to Using WordPress?

U zult sommige mensen vinden die dingen zeggen als “statische HTML-websites laden sneller” of “statische HTML-websites ranken beter in Google.” Maar sommige van deze dingen moeten met een korreltje zout worden genomen. Hoewel het waar is dat PHP en een database extra laadtijd en vertragingen introduceren, is het niet zo moeilijk om WordPress laadtijden onder de één seconde te krijgen – wat ruim voldoende snel is.

Je moet jezelf afvragen, is het hebben van een iets snellere statische site het waard om de voordelen die WordPress te bieden heeft op te geven? Bovendien zijn de prestaties van PHP de afgelopen vijf jaar drastisch verbeterd. In onze recente PHP benchmark tests, kwamen we tot de conclusie dat PHP 7.3 3x zoveel verzoeken (transacties) per seconde kan verwerken als PHP 5.6. 🚀

WordPress 5.0 PHP-benchmarks

Er zijn ook manieren waarop u vertragingen in PHP en de database eenvoudig kunt opheffen door caching te gebruiken om statische HTML-versies van uw pagina’s te serveren. Dit betekent dat elke geladen pagina in wezen bliksemsnel kan worden geladen, net zoals bij een statische HTML-site.

Hoeveel invloed heeft caching op een WordPress-site? Hier is een snelle test op een WordPress blog voor en na cache.

Zonder Cache

We hebben eerst een test uitgevoerd met cache uitgeschakeld op de WordPress blog.

WordPress site zonder cache (Pingdom test)

Zoals u kunt zien is er een aanzienlijke vertraging bij het laden van de eerste HTML DOC. Dit is te wijten aan het niet serveren vanuit de cache op de server.

Zonder cache vertraging

Met Cache

We hebben vervolgens een test uitgevoerd met cache ingeschakeld op het WordPress blog. Er werd verder niets veranderd.

WordPress site met cache (Pingdom test)

Zoals u kunt zien is er een enorme verbetering. Door alleen al de eerste pagina uit de cache op de server te plaatsen, is de laadtijd met 32,2% afgenomen.

Met cache

Kinsta zorgt automatisch voor caching op serverniveau voor alle WordPress hostingklanten. Dit betekent dat u geen gedoe hoeft te hebben met cachingplugins van derden.

Wat betreft de rangschikkingsgeruchten die u misschien hoort, er zijn geweldige WordPress SEO-plugins waarmee u uw WordPress SEO kunt optimaliseren door elk aspect van de technische en on-page SEO van uw site te controleren. Als WordPress-sites echt slechter presteerden dan statische HTML-sites in de zoekresultaten, zou je niet zien dat het wordt gebruikt door massale platforms zoals The Wirecutter of TechCrunch.

Er zijn een paar kleine nadelen, hoewel, en de eerste is onderhoud. Hoewel het kiezen van kwaliteit managed WordPress hosting veel van het ergste onderhoud kan elimineren, zul je nog steeds verantwoordelijk zijn om ervoor te zorgen dat de WordPress kernsoftware, plugins en thema’s worden bijgewerkt en compatibel zijn. Dit is tegenwoordig vrij eenvoudig, maar het is iets dat u niet hoeft te doen met een statische HTML-website.

Het tweede nadeel zou waarschijnlijk de kwaliteit zijn. Door de extreme populariteit van WordPress, zijn er een heleboel slechte plugins en thema’s die er zijn. En gratis oplossingen vallen soms gewoon helemaal van de kaart. Het sorteren van de slechte om de goede te vinden kan tijdrovend zijn.

Voors en tegens van een statische HTML-website

Je hebt gehoord van WordPress – maar laten we nu eens graven in een aantal van de voors en tegens van een statische HTML-website.

Er is geen onderliggende software om te onderhouden

We hebben het hier een tijdje geleden al over gehad, maar laten we het hier nog eens snel herhalen omdat het een van de grootste voordelen van statische HTML is.

Wanneer u WordPress en thema’s/plugins gebruikt, bent u verantwoordelijk voor het bijwerken van al die onderliggende code en moet u ervoor zorgen dat er geen compatibiliteitsproblemen zijn. Hoewel dit vrij eenvoudig is (je hoeft meestal alleen maar op een knop te klikken), is het iets dat je moet doen om je website veilig en functioneel te houden.

Aan de andere kant, als je schone statische HTML hebt geschreven, zou je in staat moeten zijn om de dingen zo goed als met rust te laten en je nooit zorgen te maken over updates.

Makkelijker toegang tot de onderliggende code

Met WordPress heb je toegang tot alle onderliggende code van je site, maar met een statische HTML-website is het een stuk eenvoudiger om bepaalde soorten opmaak in te voeren. In plaats van dat u te maken krijgt met sjabloonbestanden voor thema’s en de WordPress-lus, staat alles daar voor u.

Terwijl er schema plugins voor WordPress zijn, kunt u bijvoorbeeld schema markup gemakkelijker beheren op een statische HTML-website.

Wat zijn de nadelen van het maken van een statische HTML-website?

Weliswaar is een statische HTML-website zeker prima voor een basiswebsite, maar de grootste problemen ontstaan wanneer u probeert op te schalen, hetzij in termen van de hoeveelheid inhoud of functionaliteit.

De meeste van deze nadelen zijn simpelweg het tegenovergestelde van de voordelen van WordPress. Namelijk:

• Het toevoegen of bewerken van inhoud is niet gebruiksvriendelijk, omdat je moet graven in de code.
• Het toevoegen van nieuwe functionaliteit vereist dat u code het zelf.
• Het veranderen van hoe uw site eruit ziet vereist het herschrijven van uw CSS.

Bovendien, tenzij je eigenlijk weet HTML / CSS zelf, al deze dingen zal ook vereisen het betalen van een ontwikkelaar, terwijl WordPress zou laat je ze zelf doen, voor het grootste deel.

Gebruik WordPress als een Statische Website Generator

Statische website generatoren verschillen enigszins van de bovenstaande twee opties, omdat ze de inhoud van een content management systeem nemen, zoals WordPress, deze combineren met een thema en statische HTML pagina’s genereren. Jekyll is een van de populairste, die je kunt gebruiken om je hele website of blog op GitHub Pages te hosten en je nieuwe inhoud met één commando te pushen. Het nadeel? Het is niet eenvoudig (op zijn zachtst gezegd) om het op te zetten, en zelfs voor ontwikkelaars kan het tijdrovend zijn.

Als je een vrije middag hebt om meer over Jekyll te leren, kijk dan eens naar dit artikel van Mike Neumegen. Een alternatief is een flat-file CMS zoals Grav, waarmee je de inhoud makkelijker kunt beheren zonder dat je een database nodig hebt.

Als je technisch onderlegd bent, is het zelfs mogelijk om het beste van twee werelden te krijgen en WordPress te gebruiken als een statische HTML website generator. Echter, je moet alleen niet vergeten dat als je WordPress gebruikt op deze manier, zul je offers moeten maken:

• Er zal geen “real-time” dynamische inhoud op uw site, at all.
• Geen aanbevolen artikelen voor u of widgets die voor elke bezoeker veranderen.
• U kunt het ingebouwde commentaarsysteem van WordPress niet gebruiken.

In wezen zal alles wat server-side (PHP) wordt gegenereerd statisch worden en handmatig worden bijgewerkt. Statische website-generatoren maken een complete HTML-pagina op basis van uw inhoud en als het eenmaal klaar is, maakt het niet uit hoeveel mensen uw site bezoeken, het zal niet worden geregenereerd; niet tenzij u een specifiek commando op uw computer typt.

Suggested reading: Hoe een HTML-bestand te uploaden naar WordPress.

Ontwikkelaars het commentaar “probleem” op te lossen door ofwel niet te gebruiken op alle of overschakelen naar JavaScript-gebaseerde oplossingen, de meest populaire zijn Disqus of Facebook opmerkingen.

Er zijn een paar WordPress caching plugins die je kunt gebruiken om statische HTML-bestanden van je berichten en pagina’s te maken, maar als je Nginx gebruikt als je webserver (als je dat niet doet, zou je dat echt moeten doen, maar dat is een onderwerp voor een ander artikel) kun je gewoon de volledige pagina caching schakelaar aanzetten en instellen dat deze na een dag of een week verloopt. Hoe langer je het je kunt “veroorloven” om het op te zetten, hoe beter.

Wat er vervolgens gebeurt is dat de eerste bezoeker de server de complete, gecachete HTML bestanden laat genereren en alle volgende bezoekers binnen de vooraf gedefinieerde vervalperiode krijgen die bestanden voorgeschoteld. Hier bij Kinsta, gebruiken onze servers de nginx fastcgi cache module voor pagina caching. Hoe stel je het in, vraag je? Nou als u uw eigen servers beheert is hier een zeer gedetailleerde gids van DigitalOcean die u kunt volgen.

Als u een Kinsta-klant bent, is dit automatisch voor elke WordPress-site en de cache verloopt standaard om het uur. U kunt echter een ticket openen bij ons support team in uw MyKinsta dashboard en een langere cache duur aanvragen. Zorg er alleen voor dat u de gevolgen van het doen van dit volledig begrijpt.

Cloudflare Full Page Cache

U kunt ook Cloudflare-paginaregels gebruiken met WordPress en uw hele site vanuit de cache serveren. We geven u hier alle details over hoe u Cloudflare-cache voor uw WordPress-posts en -pagina’s instelt.

Dit kan zeer nuttig zijn voor sites die een evenement lanceren of een enorme toename van verkeer verwachten. Vergeet echter niet dat als u volledig vanuit de cache serveert, u waarschijnlijk problemen zult krijgen met WooCommerce-checkout, uw WordPress admin-werkbalk en andere verschillende dingen die u ofwel moet repareren of workarounds moet vinden.

Suggested reading: Hoe Cloudflare APO voor WordPress in te stellen.

Wij bieden het beste van twee werelden

Wij raden over het algemeen niet aan om uw hele site vanuit de cache te serveren, tenzij u tijd hebt om alles goed te testen. Bijvoorbeeld, als het gaat om WooCommerce: u kunt de cache van de “statische” voorpagina, categorieën, productpagina’s (als je ze niet te vaak veranderen) en dan ja, het zal bijna direct laden! Maar zodra iemand op “voeg toe aan winkelwagen” klikt, moet je overschakelen naar een niet-gecachede versie, anders zien ze de winkelwagen altijd leeg.

Hier bij Kinsta, hebben we server-niveau regels voor e-commerce oplossingen en blogs om ervoor te zorgen wat moet worden gecached is, en wat niet, is niet.

Een paar voorbeelden zijn bepaalde WooCommerce en EDD pagina’s, zoals winkelwagen, mijn-account, en checkout, zijn uitgesloten van caching. En gebruikers automatisch omzeilen de cache wanneer de woocommerce_items_in_cart cookie of edd_items_in_cart cookie wordt gedetecteerd om te zorgen voor een soepele en in-sync checkout process.

Dit biedt u een snel laden WordPress site, maar zonder zorgen te maken over dingen breken.

Cache component stack

Wilt u niet uw hele site bij Kinsta hosten, maar wel profiteren van de dynamische functionaliteit voor uw WordPress blog? U zou kunnen kijken naar het laden van uw site via een reverse proxy. Wij ondersteunen dit soort setups.

WordPress of Static?

Nou voor de miljoen dollar vraag… Als u gewoon een kleine website bouwt die waarschijnlijk niet zal veranderen of nieuwe inhoud nodig heeft, is statische HTML een prima aanpak. Maar voor al het andere zal WordPress vrijwel zeker een betere keuze zijn. Dit geldt vooral als je geen toegang hebt tot een ontwikkelaar.

Het gebruiksgemak, gecombineerd met de uitbreidbaarheid, zijn de belangrijkste redenen waarom het nu meer dan 39,5% van alle websites op het Internet aandrijft. Nu aan u – zou u ooit een site bouwen met statische HTML in plaats van WordPress? Of bent u de weg van de statische website generator ingeslagen?