CDN-Integration und statische Dateioptimierung

A     @        203.0.113.50    Proxied (orange Wolke)
A     www      203.0.113.50    Proxied (orange Wolke)
CNAME api      api.example.com  DNS only (graue Wolke)

ns1.cloudflare.com
ns2.cloudflare.com

server {
    listen 80;
    server_name example.com;
    root /var/www/mysite;

    # HTML-Dateien - kein Caching
    location ~* \.html$ {
        add_header Cache-Control "no-cache, must-revalidate";
    }

    # CSS und JavaScript - langer Cache für versionierte Dateien
    location ~* \.(css|js)$ {
        expires 1y;
        add_header Cache-Control "public, immutable";
    }

    # Bilder
    location ~* \.(jpg|jpeg|png|gif|ico|webp|avif|svg)$ {
        expires 1y;
        add_header Cache-Control "public, immutable";
        add_header Vary "Accept-Encoding";
    }

    # Schriftdateien
    location ~* \.(woff|woff2|ttf|eot|otf)$ {
        expires 1y;
        add_header Cache-Control "public, immutable";
        add_header Access-Control-Allow-Origin "*";
    }

    # API-Endpunkte - kein Caching
    location /api/ {
        add_header Cache-Control "no-store, no-cache";
        proxy_pass http://localhost:3000;
    }
}

http {
    gzip on;
    gzip_vary on;
    gzip_proxied any;
    gzip_comp_level 6;
    gzip_min_length 256;
    gzip_types
        text/plain
        text/css
        text/xml
        text/javascript
        application/json
        application/javascript
        application/xml
        image/svg+xml
        font/truetype
        font/opentype;
}

# Brotli-Modul installieren
sudo apt install libnginx-mod-brotli -y

http {
    brotli on;
    brotli_comp_level 6;
    brotli_static on;
    brotli_types
        text/plain
        text/css
        application/json
        application/javascript
        image/svg+xml;
}

sudo nginx -t && sudo systemctl reload nginx

# Komprimierung testen
curl -H "Accept-Encoding: br" -I https://example.com
# Sollte zeigen: Content-Encoding: br

# cwebp-Tool installieren
sudo apt install webp -y

# Einzelne Datei konvertieren
cwebp -q 80 image.jpg -o image.webp

# Stapelkonvertierung
for f in /var/www/mysite/images/*.jpg; do
    cwebp -q 80 "$f" -o "${f%.jpg}.webp"
done

map $http_accept $webp_suffix {
    default "";
    "~*webp" ".webp";
}

server {
    location ~* \.(jpg|jpeg|png)$ {
        add_header Vary Accept;
        try_files $uri$webp_suffix $uri =404;
    }
}