Aller au contenu
Aback Tools Logo

Générateur de configuration de compression Vercel Edge

Générez une configuration Vercel pour servir des actifs statiques compressés avec des en-têtes et des paramètres de cache corrects - en ligne gratuitement. Notre générateur de configuration de compression Vercel Edge produit une sortie vercel.json, next.config.js ou Edge Middleware avec des stratégies de contrôle de cache configurables, des en-têtes Vary : Accept-Encoding et des en-têtes de sécurité. Couvre les actifs statiques, les routes API et l'optimisation d'image Next.js. Inclut des conseils sur le déploiement d’actifs précompressés. Aucune inscription requise, 100 % basé sur un navigateur.

Vercel Edge Compression Config Generator
Configure the options below to generate Vercel configuration for serving compressed static assets with correct Cache-Control and Vary headers. Choose between vercel.json, next.config.js, or Edge Middleware output. All generation happens in your browser - no signup required.

Include Routes

Additional Headers

vercel.json

// vercel.json
// Vercel automatically enables Brotli and GZIP compression for all responses.
// This config adds correct Cache-Control and Vary headers for CDN caching.

{
  "headers": [
    {
      "source": "/_next/static/(.*)",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=31536000, immutable"
        },
        {
          "key": "Vary",
          "value": "Accept-Encoding"
        },
        {
          "key": "X-Content-Type-Options",
          "value": "nosniff"
        }
      ]
    },
    {
      "source": "/static/(.*)",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=31536000, immutable"
        },
        {
          "key": "Vary",
          "value": "Accept-Encoding"
        },
        {
          "key": "X-Content-Type-Options",
          "value": "nosniff"
        }
      ]
    },
    {
      "source": "/(.*\\.(?:js|css|woff2?|ttf|otf|ico|svg|png|jpg|jpeg|webp|avif|gif))",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=31536000, immutable"
        },
        {
          "key": "Vary",
          "value": "Accept-Encoding"
        },
        {
          "key": "X-Content-Type-Options",
          "value": "nosniff"
        }
      ]
    },
    {
      "source": "/api/(.*)",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "no-cache, no-store, must-revalidate"
        },
        {
          "key": "Vary",
          "value": "Accept-Encoding"
        },
        {
          "key": "X-Content-Type-Options",
          "value": "nosniff"
        }
      ]
    }
  ]
}

Vercel automatically enables Brotli and GZIP compression for all responses - no configuration is needed to enable compression itself. This config focuses on correct Cache-Control and Vary headers to ensure CDN caching works correctly with compressed responses.

Pourquoi utiliser notre générateur de configuration de compression Vercel Edge ?

  • Génération instantanée de configuration de compression Vercel : notre générateur de configuration de compression Vercel Edge produit instantanément des en-têtes Cache-Control et Vary corrects pour les actifs statiques compressés - au format vercel.json, next.config.js ou Edge Middleware. Aucune lecture manuelle de la documentation Vercel n’est requise.
  • Générateur de configuration de compression Vercel Edge sécurisé en ligne : vos choix de configuration ne quittent jamais votre appareil lorsque vous utilisez notre générateur de configuration de compression Vercel Edge en ligne. Toute la génération de code s'exécute entièrement dans votre navigateur - aucune requête de serveur, aucune conservation de données, 100 % privé.
  • Trois formats de sortie : vercel.json, next.config.js, Edge Middleware : générez la configuration de compression Vercel dans votre format préféré : en-têtes vercel.json pour tout projet Vercel, fonction next.config.js headers() pour Next.js ou middleware.ts Edge Middleware pour un contrôle précis des en-têtes par requête.
  • Générateur de configuration de compression Vercel Edge - Aucune installation : générez la configuration de compression Vercel directement dans votre navigateur. Pas de CLI Vercel, pas de projet Next.js requis. Notre générateur gratuit de configuration de compression Vercel Edge fonctionne sur n'importe quel appareil doté d'un navigateur moderne - pas d'inscription, pas de limite de taille de fichier.

Foire aux questions

Un générateur de configuration de compression Edge Vercel produit la configuration vercel.json, next.config.js ou Edge Middleware correcte pour servir des actifs statiques compressés avec les en-têtes Cache-Control et Vary corrects sur Vercel. Notre générateur gratuit de configuration de compression Vercel Edge en ligne fonctionne entièrement dans votre navigateur.

Oui - Vercel active automatiquement la compression Brotli et GZIP pour toutes les réponses au niveau du réseau Edge. Ce générateur se concentre sur les en-têtes Cache-Control et Vary : Accept-Encoding corrects qui garantissent que le réseau Edge met en cache et sert correctement les réponses compressées.

Oui. Toute génération de code s'exécute entièrement dans votre navigateur à l'aide de JavaScript. Aucune donnée de configuration n'est envoyée à un serveur, stockée à distance ou transmise sur le réseau.

Oui, 100 % gratuit, pour toujours. Aucune inscription, aucun compte, aucun niveau premium, aucune limite de taille de fichier et aucune publicité n'interrompant votre flux de travail.

L'en-tête Vary: Accept-Encoding indique au réseau Edge de Vercel et aux CDN en aval de mettre en cache des variantes de réponse distinctes pour les clients prenant en charge Brotli, GZIP ou aucune compression. Sans cela, le réseau Edge peut fournir une réponse compressée par Brotli à un client qui ne prend en charge que GZIP.

Les en-têtes vercel.json fonctionnent pour n'importe quel projet hébergé par Vercel, quel que soit le framework. next.config.js headers() est spécifique à Next.js. Edge Middleware (middleware.ts) s'exécute sur le réseau Vercel Edge à chaque requête, permettant une injection d'en-tête dynamique.

Utilisez « immuable » (Cache-Control : public, max-age=31536000, immuable) pour les actifs statiques avec empreintes digitales tels que les fichiers /_next/static/. Utilisez « stale-while-revalidate » pour les actifs qui sont mis à jour périodiquement. Utilisez « no-cache » pour les routes API et le contenu dynamique.

Déployez les fichiers .br (Brotli) et .gz (GZIP) aux côtés des fichiers d'origine dans votre déploiement Vercel. Vercel détecte et sert automatiquement la variante pré-compressée en fonction de l'en-tête Accept-Encoding du client - aucune configuration supplémentaire n'est nécessaire.

Oui, la sortie vercel.json fonctionne pour n'importe quel projet hébergé par Vercel : Vite, Astro, SvelteKit, Remix, Nuxt, HTML brut ou tout autre framework. Les sorties next.config.js et Edge Middleware sont spécifiques aux projets Next.js.