Panorama — obraz testowy

Static Torture Test — Next.js

Ten ekran ma „do bólu” sprawdzić Twój pipeline: kompresje, serwowanie statyk, nagłówki bezpieczeństwa, SEO, JSON-LD, fonty i wydajność.

Zobacz funkcje ↓

Znak firmowy (inline SVG)

Funkcje do przetestowania

FAQ (pure HTML details)

Czy to na pewno statyczne?
Tak — brak fetchy, brak „use client”, twarde SSG.
Czy działa bez next/image?
Tak — używamy <picture>/<img>.
Czy SEO jest kompletne?
Jest kanoniczny, hreflang, OG/Twitter, JSON-LD, manifest, favicon.

Tabela testowa nagłówków/cache

Przykładowe statyczne zasoby
PlikTypKompresjaCache-ControlETag
/images/hero.jpgimage/jpegbr/gzippublic, max-age=31536000, immutable✓
/images/logo.svgimage/svg+xmlbr/gzippublic, max-age=31536000, immutable✓
/favicon.icoimage/x-icon—public, max-age=604800✓
/site.webmanifestapplication/manifest+jsonbr/gzippublic, max-age=86400✓

Przykład nagłówków Caddy (CSP itp.)

header {
  Strict-Transport-Security "max-age=63072000; includeSubDomains; preload"
  Referrer-Policy "strict-origin-when-cross-origin"
  X-Content-Type-Options "nosniff"
  X-Frame-Options "DENY"
  Permissions-Policy "geolocation=(), camera=(), microphone=()"
  # CSP — DOPASUJ do używanych domen (GTM/GA4)!
  Content-Security-Policy "
    default-src 'self';
    script-src 'self' https://www.googletagmanager.com https://www.google-analytics.com 'unsafe-inline';
    connect-src 'self' https://www.google-analytics.com https://region1.google-analytics.com;
    img-src 'self' data: https://www.google-analytics.com;
    style-src 'self' 'unsafe-inline';
    font-src 'self' data: https://fonts.gstatic.com;
    frame-src https://www.googletagmanager.com;
  "
}

Formularz testowy (statyczny)