دليل تكامل CDN وتحسين الملفات الثابتة

A     @        203.0.113.50    Proxied (سحابة برتقالية)
A     www      203.0.113.50    Proxied (سحابة برتقالية)
CNAME api      api.example.com  DNS only (سحابة رمادية)

ns1.cloudflare.com
ns2.cloudflare.com

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

    # ملفات HTML - بدون تخزين مؤقت
    location ~* \.html$ {
        add_header Cache-Control "no-cache, must-revalidate";
    }

    # CSS و JavaScript - تخزين مؤقت طويل للملفات ذات الإصدارات
    location ~* \.(css|js)$ {
        expires 1y;
        add_header Cache-Control "public, immutable";
    }

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

    # ملفات الخطوط
    location ~* \.(woff|woff2|ttf|eot|otf)$ {
        expires 1y;
        add_header Cache-Control "public, immutable";
        add_header Access-Control-Allow-Origin "*";
    }

    # نقاط نهاية API - بدون تخزين مؤقت
    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
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

# اختبار الضغط
curl -H "Accept-Encoding: br" -I https://example.com
# يجب أن يظهر: Content-Encoding: br

# تثبيت أداة cwebp
sudo apt install webp -y

# تحويل ملف واحد
cwebp -q 80 image.jpg -o image.webp

# تحويل دفعي
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;
    }
}