Natuurlijk! Hier zijn uitgebreide aanbevelingen voor het configureren van je Ubuntu 20.04-server om een statische site te hosten met een laadtijd onder 2 seconden: 1. Serverconfiguratie en optimalisatie a. Webserver kiezen en optimaliseren - Gebruik Nginx: Het is lichtgewicht en zeer performant voor statische sites. - Installeer Nginx: sudo apt update sudo apt install nginx - Configureer Nginx voor minimale latency: - Schakel gzip-compressie in: gzip on; gzip_types text/plain text/css application/javascript image/svg+xml; - Gebruik caching headers om herhaald bezoek te versnellen: location ~* \.(jpg|jpeg|png|gif|ico|css|js|woff|woff2|ttf|svg)$ { expires max; add_header Cache-Control "public"; } b. Hardware en resources - Zorg voor voldoende RAM en snelle SSD-opslag. - Overweeg gebruik van een CDN (Content Delivery Network) zoals Cloudflare of Akamai om content dichter bij gebruikers te brengen en laadtijden te verminderen. c. Server tuning - Pas de worker-processen aan in Nginx: - Open `/etc/nginx/nginx.conf` en stel het aantal worker_processes in op het aantal CPU-kernen: worker_processes auto; - Verhoog de buffer- en cache-instellingen indien nodig. 2. Prestatietools en optimalisatietechnieken a. Compression en minificatie - Gebruik build-tools zoals Webpack, Gulp of een eenvoudige minifier om CSS, JS en HTML te optimaliseren. b. Browser caching - Stel lange cache-tijd in voor statische bestanden zoals hierboven aangegeven. c. Lazy loading - Laad niet-cruciale resources pas wanneer nodig (bijvoorbeeld afbeeldingen onder de vouw). d. HTTP/2 en HTTPS - Activeer HTTP/2 voor snellere multiplexing: - Dit wordt standaard ondersteund in recente Nginx-versies. - Gebruik SSL-certificaten (bijvoorbeeld via Let's Encrypt) voor beveiliging en betere prestaties via HTTP/2. 3. Tools voor prestatieverbetering - Google PageSpeed Insights of Lighthouse: voor audits en optimalisatietips. - WebPageTest: voor diepgaande prestatietests. - `htop` of `top`: monitor servergebruik. - `ab` (ApacheBench) of `wrk`: belastbaarheidstests. 4. Overige aanbevelingen - Zorg dat je DNS snel en betrouwbaar is (gebruik snelle DNS-servers). - Minimaliseer externe afhankelijkheden die laadtijden kunnen vertragen. - Overweeg het gebruik van een statische site-generator (zoals Hugo, Jekyll) voor gestructureerd beheer en snelle builds. Door deze configuraties en technieken toe te passen, kun je de laadtijd van je statische website zeker onder de 2 seconden brengen, zelfs onder hoge belasting.

Zeker, hier is een gedetailleerd advies voor het configureren van je Ubuntu 20.04 server voor een high-performance statische website met een laadtijddoel van onder 2 seconden: ### 1. Webserverkeuze en configuratie **Aanbeveling:** Gebruik Nginx (lichter en efficiënter voor statische content dan Apache) **Installatie:** ```bash sudo apt update && sudo apt install nginx -y ``` **Optimalisaties in `/etc/nginx/nginx.conf`:** ```nginx http { # Basisinstellingen sendfile on; tcp_nopush on; tcp_nodelay on; keepalive_timeout 65; types_hash_max_size 2048; # Performance tuning open_file_cache max=1000 inactive=20s; open_file_cache_valid 30s; open_file_cache_min_uses 2; open_file_cache_errors on; # Gzip-compressie gzip on; gzip_vary on; gzip_min_length 1024; gzip_types text/plain text/css application/json application/javascript text/xml application/xml image/svg+xml; # Bufferinstellingen client_body_buffer_size 10K; client_header_buffer_size 1k; client_max_body_size 8m; large_client_header_buffers 2 1k; } ``` ### 2. Bestandssysteemoptimalisatie - Gebruik **ext4** of **XFS** bestandssysteem (XFS heeft betere prestaties voor grote bestanden) - Mount-opties in `/etc/fstab`: ```bash UUID=xxxx / ext4 defaults,noatime,nodiratime,commit=60 0 1 ``` ### 3. Kernel-netwerkoptimalisatie Voeg toe aan `/etc/sysctl.conf`: ```bash # Algemene netwerkinstellingen net.core.rmem_max = 134217728 net.core.wmem_max = 134217728 net.ipv4.tcp_rmem = 4096 65536 134217728 net.ipv4.tcp_wmem = 4096 65536 134217728 net.ipv4.tcp_congestion_control = cubic # Verbindingsoptimalisatie net.ipv4.tcp_max_syn_backlog = 3240000 net.core.somaxconn = 3240000 net.ipv4.tcp_max_tw_buckets = 1440000 # Snellere herverbindingen net.ipv4.tcp_fin_timeout = 15 net.ipv4.tcp_tw_reuse = 1 ``` Activeer met: `sudo sysctl -p` ### 4. Hardware-optimalisatie - **RAM:** Minimaal 2GB (meer voor caching) - **CPU:** Moderne multi-core processor - **Opslag:** SSD aanbevolen voor snellere I/O ### 5. Caching-strategieën **Nginx caching in site-configuratie:** ```nginx server { location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg)$ { expires 1y; add_header Cache-Control "public, immutable"; } location / { try_files $uri $uri/ =404; expires 1h; add_header Cache-Control "public"; } } ``` ### 6. Content Delivery Network (CDN) - Gebruik Cloudflare (gratis tier) of AWS CloudFront - Reduceert latentie door wereldwijde distributie ### 7. Monitoring en optimalisatietools **Installatie:** ```bash sudo apt install htop iotop nethogs -y ``` **Aanbevolen tools:** - **htop:** Real-time systeembelasting - **nginx-status module:** Serverstatistieken - **Prometheus + Grafana:** Geavanceerde monitoring - **Lighthouse:** Prestatie-audits ### 8. Beveiliging en prestaties ```bash # Fail2ban voor beveiliging sudo apt install fail2ban -y # UFW firewall sudo ufw enable sudo ufw allow 'Nginx Full' ``` ### 9. Content-optimalisatie - Optimaliseer afbeeldingen (WebP-formaat) - Minify CSS/JavaScript - Gebruik browser caching headers - Implementeer lazy loading voor afbeeldingen ### 10. Testprocedure ```bash # Test serverrespons met curl curl -I https://jouwdomein.nl # Performance test met Apache Bench ab -n 1000 -c 10 https://jouwdomein.nl/ # Controleer Nginx logs sudo tail -f /var/log/nginx/access.log ``` ### 11. Automatische onderhoudstaken Maak een cronjob voor wekelijkse optimalisatie: ```bash 0 2 * * 0 /usr/bin/systemctl reload nginx ``` ### Belangrijkste prestatie-indicatoren: - **Time to First Byte (TTFB):** < 200ms - **Largest Contentful Paint (LCP):** < 1.5s - **Cumulative Layout Shift (CLS):** < 0.1 Deze configuratie zou consistent laadtijden onder 2 seconden moeten halen, afhankelijk van de grootte van je statische content en de netwerklatentie van je gebruikers. Monitor regelmatig en pas aan waar nodig!