Waar kan je een statische website hosten?

Een statische website is een website waarvan de pagina's al van te voren zijn opgeslagen. Als je zo een website hebt gemaakt en graag wilt dat iedereen die kan bekijken dan moet je die website hosten. Dit kan je goedkoop doen met statische hosting. Hiervoor heb je verschillende opties. We hebben een aantal hostingproviders onderzocht en de voordelen en nadelen voor je op een rijtje gezet. Maar eerst is het belangrijk om te onderzoeken welke onderdelen belangrijk zijn.

Wat is belangrijk voor statische hosting?

Er zijn een aantal belangrijke onderdelen waar je op moet letten als je wilt kiezen waar je jouw website wilt hosten.

Snelheid

Je wilt natuurlijk graag dat jouw website zo snel mogelijk bij de gebruikers terecht komt. Daarom wil je natuurlijk graag dat jouw hosting zo snel mogelijk is. Op de volgende drie onderdelen moet je dan letten.

1. Content Delivery Network

Een Content Delivery Network (CDN), zorgt ervoor dat de server waarvan je website wordt gestuurd zo dicht mogelijk bij de gebruiker staat. Hierdoor duurt het minder lang voor jouw website en alle afbeeldingen die daarop staan om bij de gebruiker te komen. Ook zorgt dit ervoor dat jouw website overal op de wereld snel zal laden.

2. HTTP/2

Alle websites verbinden met elkaar over het HTTP(s) protocol. Hier zijn verschillende versies van. De laatste versie van HTTP is HTTP/2, deze versie zorgt ervoor dat verschillende bestanden tegelijk van een server gedownload kunnen worden. Hierdoor worden afbeeldingen sneller gedownload die op jouw website staan.

3. Compressie

Hoe groter een bestand is, hoe langer het duurt voor de gebruiker om het te bekijken. Je kan jouw HTML, CSS en JavaScript bestanden kleiner maken door compressie te gebruiken. Het is belangrijk dat de hostingprovider die je gebruikt de bestanden kan comprimeren. Hierdoor zal jouw website veel sneller worden en kunnen gebruikers sneller gebruik maken van jouw website.

Opslag

Het is belangrijk dat jouw gehele website door de hostingprovider opgeslagen kan worden. Soms moet je betalen voor elke Gigabyte opslag, maar soms krijg je ook een vaste opslag. Het is belangrijk dat je zeker weet dat je genoeg opslag hebt om je gehele website te hosten.

Gebruikslimieten

Sommige hostingproviders stellen limieten hoeveel Megabytes gedownload kunnen worden, of soms moet je betalen per Gigabyte. Let hierop, want anders kan je onverwacht hoge kosten krijgen.

Veiligheid

Om ervoor te zorgen dat hackers niet zomaar jouw websites kunnen, moet je jouw website beveiligen. Hiervoor gebruik je HTTPS. Daarom moet je ervoor zorgen dat jouw hostingprovider HTTPS ondersteunt.

Statische website hostingproviders

Netlify

Netlify is een statische hostingprovider. Websites die gehost worden op Netlify moeten eerst op een Git-versiebeheersysteem, zoals GitHub.com. Netlify heeft een aantal add-ons, met deze add-ons kan je een aantal dingen doen waar je normaal geen statische website voor kan gebruiken.

Als je niet weet wat GitHub is, dan hebben we ook een artikel gemaakt waar we meer uitleggen over GitHub.

Netlify heeft ook een ingebouwde CDN, hierdoor kan jouw website snel over de hele wereld geladen worden. Ik maak zelf ook gebruik van Netlify, voor mijn persoonlijke website. Deze laadt erg snel en het is erg stabiel. Ook is het helemaal gratis, dus dat is helemaal geweldig.

Voordelen

• Wereldwijde CDN, dus jouw website laadt overal snel
• Add-ons waardoor je meer met jouw website kan doen
• HTTPS is automatisch ingebouwd
• Heel makkelijk in te stellen
• Automatische afbeelding compressie, dus je afbeeldingen laden nog sneller
• Gratis eigen domein gebruiken
• Gratis.

Nadelen

• CDN werkt niet overal even snel
• Je kan niet alles helemaal zelf instellen

Kom meer te weten over Netlify op hun eigen website.

GitHub Pages

Met GitHub Pages kan je heel gemakkelijk websites op jouw eigen GitHub makkelijk hosten. Hierdoor hoef vrij weinig in te stellen en het werkt enorm snel. Omdat je zo weinig in hoeft te stellen, kan je ook weinig instellingen aanpassen. 

Als je gebruik maakt van GitHub Pages, dan moet je natuurlijk wel al je website data openbaar maken. Dat kan natuurlijk een nadeel zijn, maar als je wilt laten zien hoe jouw website werkt, dan kan het een voordeel zijn. Daarnaast is het ook helemaal gratis.

Voordelen

• Wereldwijde CDN, enorm snel overal op de wereld
• Snel in te stellen
• HTTPS automatisch ingesteld
• Gratis eigen domein gebruiken
• Gratis

Nadelen

• Je kan niet alle instellingen zelf aanpassen

Kom meer te weten over GitHub Pages op hun website.

Google Firebase

Google Firebase kan o.a. een statische websites hosten. Je kan met Google Firebase makkelijk gebruik maken van de snelle servers van Google. Je kan jouw websites heel gemakkelijk uploaden met de Firebase CLI van Google. Je kan ook veel instellingen aanpassen voor de hosting van jouw website.

Google Firebase is niet volledig gratis, maar de eerste Gigabyte opslag en de eerste tien Gigabytes downloads zijn helemaal gratis. Daarna kost het een paar cent per extra Gigabyte.

Voordelen

• Je kan fouten in nieuwe versies van jouw website snel terugdraaien
• Automatisch HTTPS ingesteld
• Wereldwijde CDN en servers van Google, het is dus enorm snel
• Je kan ook gebruik maken van andere Firebase producten, hierdoor kan je jouw website snel uitbreiden
• Gratis eigen domein gebruiken

Nadelen

• Niet helemaal gratis
• Niet alles is helemaal zelf in te stellen

Kom meer te weten over Google Firebase op hun website.

Amazon Web Services

Amazon Web Services (AWS) is een van de meest gebruikte cloud providers ter wereld. Je kan met AWS heel precies instellen hoe jouw website moet werken. Dit is natuurlijk heel handig, maar hierdoor moet je ook veel zelf instellen. Daarom is het niet aan te raden om te beginnen met AWS.

Je kan ook heel gemakkelijk een CDN toevoegen aan jouw AWS hosting. Hierdoor kan jouw website enorm snel laden over de hele wereld. Amazon AWS is meestal vrij goedkoop als je een statische website wilt instellen, maar je moet wel een creditcard toevoegen.

Voordelen

• Je kan alles heel precies instellen
• Amazon AWS is enorm groot, dus het is vrij stabiel

Nadelen

• Lastig instellen
• Je moet meteen een creditcard toevoegen
• Je hebt geen handige functies zoals automatische afbeelding compressie, die automatisch werken

Kom meer te weten over Amazon Web Services op hun website.

Microsoft Azure

Microsoft Azure is vrijwel hetzelfde als Amazon Web Services, maar nu wordt het gehost door Microsoft. Je kan dus veel zelf instellen. Hierdoor heb je de volledige controle over jouw hele website. Dat zorgt er wel voor dat je zelf veel moet instellen. Bij Microsoft Azure moet je betalen voor de opslag die je gebruikt en de hoeveel data die gedownload wordt door je gebruikers.

Voordelen

• Je kan veel instellingen heel precies aanpassen
• Heel goedkoop voor de professionele service

Nadelen

• Heel lastig in te stellen
• Kan je niet gratis proberen, je moet dus meteen een creditcard toevoegen

Kom meer te weten over Microsoft Azure op hun eigen website.

TransIP Webhosting

Dit is de enige Nederlandse hostingprovider. Deze hostingprovider is enorm snel in Nederland. Maar er is geen wereldwijde CDN ingebouwd, dus die zal je zelf moeten toevoegen. Het voordeel met TransIP Webhosting is dat je jouw eigen .htaccess kan maken, hierdoor kan je zelf veel instellingen heel precies aanpassen. Maar dat hoef je niet te doen, daardoor is het instellen niet heel lastig.

De goedkoopste webhosting kost €5,- per maand, dus het is niet heel goedkoop. Maar je kan wel heel gemakkelijk HTTPS toevoegen en DNS instellingen aanpassen.

Voordeel

• Makkelijk in te stellen
• Simpel HTTPS toevoegen

Nadeel

• Relatief duur

Kom meer te weten over TransIP Webhosting (aff.) op hun eigen website.

Conclusie

Je hebt dus veel mogelijke opties om jouw statische site te hosten. Maar alle opties die je hierboven ziet staan werken goed en zou ik aanraden.

---

Credits

• Feature foto van Igor Miske via Unsplash
• Foto van Taylor Vick via Unsplash
• Foto van Caspar Camille Rubin via Unsplash
• Firebase icon van Icons8
• Amazon Web Services icon van Icons8
• Azure icon by Icons8