Generate Report →

Static Architecture & Performance

A static site removes most of the failure modes a CMS introduces — but only if the URL architecture, caching and build pipeline are right. This track runs from choosing the host through migrating off WordPress to the redirect and performance work that keeps a crawler's budget on your real pages.

8 articles ~53 min total Ordered — each part builds on the last
After this track
  • Host and deploy a production static site with no infrastructure to maintain
  • Decide correctly between a canonical tag and a 301 for every duplicate URL you have
  • Diagnose Core Web Vitals against field data instead of guessing at fixes
The reading path Reading order is the dependency order
  1. 1
    Zero Infrastructure Cost: Hosting Static Sites on Cloudflare Pages Start here How the Cloudflare Pages free tier works for a Hugo site: what it covers, real setup steps, and the points where a $0 static host stops being free.
    5 min read
  2. 2
    Migrating Heavy WordPress Sites to Hugo Static Architecture: Speed & Core Web Vitals A field-tested WordPress-to-Hugo migration plan: Markdown export commands, permalink preservation, plugin replacements, and the TTFB gains to expect.
    6 min read
  3. 3
    Automating Hugo Deployments to Cloudflare Pages With GitHub Actions A production Hugo pipeline: pinned versions, cached resources, HTML and link validation gates, preview URLs per PR, and Wrangler deploys on every merge to main.
    7 min read
  4. 4
    Canonical URLs & 301 Redirect Architecture for Static Sites Stop duplicate-URL dilution on Hugo sites: self-referencing canonicals, Cloudflare Pages _redirects rules, and one-hop 301 maps that preserve link equity.
    9 min read
  5. 5
    Achieving 100/100 Mobile Core Web Vitals: LCP, INP & CLS Mobile LCP under 2.5s, INP under 200ms, CLS under 0.1 — at the 75th percentile of real users. The specific fixes that move each metric, in order of leverage.
    7 min read
  6. 6
    Build-Time Image Optimization: WebP & AVIF Pipelines for Hugo AVIF beats WebP on photographs but costs far more encode time. Here is the build-time pipeline, the picture markup, and where each format actually wins.
    7 min read
  7. 7
    Edge Caching & Cloudflare WAF Security Rules for Static Sites Tune Cache-Control headers per asset type, write Cloudflare WAF custom rules that block probe traffic, and rate-limit scrapers without touching real bots.
    5 min read
  8. 8
    Zero-Database Security: Killing CMS Vulnerabilities With Static Sites A static site has no database, no PHP runtime and no admin login — which deletes SQL injection, plugin RCE and credential stuffing outright. Here is the full threat model.
    7 min read
After this track