Visual Comparison · Desktop
Above-the-fold render at 1900 × 2000 px. Click the link below each image to view the full-page screenshot.
Visual Comparison · Mobile
Emulated 390 × 844 viewport (iPhone-class). Above-the-fold capture.
Side-by-side audit of the live production site against the staging redesign. Both URLs measured under identical conditions on May 9, 2026.
Headline numbers from the four most material categories. Greens favor the staging build; ambers favor production.
Emulated Moto G Power, Slow 4G throttling, single Lighthouse run via PageSpeed API v5.
| Metric | Production (A) | Staging (B) | Delta |
|---|---|---|---|
| Performance score | 84 | 91 | +7 |
| Accessibility score | 93 | 95 | +2 |
| Best Practices score | 100 | 100 | tie |
| SEO score | 92 | 92 | tie |
| LCP · Largest Contentful Paint | 3.8 s | 2.9 s | −0.9 s |
| FCP · First Contentful Paint | 2.8 s | 2.6 s | −0.2 s |
| CLS · Cumulative Layout Shift | 0.000 | 0.001 | ≈ tie |
| TBT · Total Blocking Time | 0 ms | 0 ms | tie |
| Speed Index | 2.8 s | 2.8 s | tie |
| TTI · Time to Interactive | 3.8 s | 2.9 s | −0.9 s |
| Total transfer size | 1,105 KB | 583 KB | −47% |
Emulated 1350 × 940 viewport, throttled cable, single Lighthouse run via PageSpeed API v5.
| Metric | Production (A) | Staging (B) | Delta |
|---|---|---|---|
| Performance score | 97 | 100 | +3 |
| Accessibility score | 90 | 93 | +3 |
| Best Practices score | 100 | 100 | tie |
| SEO score | 92 | 92 | tie |
| LCP · Largest Contentful Paint | 1.0 s | 0.7 s | −0.3 s |
| FCP · First Contentful Paint | 1.0 s | 0.7 s | −0.3 s |
| CLS · Cumulative Layout Shift | 0.004 | 0.025 | +0.021 |
| TBT · Total Blocking Time | 0 ms | 0 ms | tie |
| Speed Index | 1.2 s | 0.7 s | −0.5 s |
| TTI · Time to Interactive | 1.0 s | 0.7 s | −0.3 s |
| Total transfer size | 1,402 KB | 640 KB | −54% |
CLS on the staging desktop sits at 0.025, comfortably within the Good threshold (< 0.1) but slightly higher than production. Both pass Core Web Vitals.
Above-the-fold render at 1900 × 2000 px. Click the link below each image to view the full-page screenshot.
Emulated 390 × 844 viewport (iPhone-class). Above-the-fold capture.
Critical metadata extracted via DOM inspection. Identical text shows the staging build preserved the production copy where it should.
| Element | Production (A) | Staging (B) |
|---|---|---|
| Title tag | Marketing Gardens - SEO & Lead Generation for Tech Companies | Marketing Gardens 80 chars · brand name appears twice · likely truncated in Google SERPs (cap ≈ 60 chars) | SEO & Lead Generation for Tech Companies | Marketing Gardens 60 chars · within SERP display cap · single brand mention |
| Meta description | Marketing Gardens helps technology businesses grow with data-driven SEO, lead generation, content strategy, and AI-powered marketing. Based in Lynchburg, VA.157 chars · identical | Marketing Gardens helps technology businesses grow with data-driven SEO, lead generation, content strategy, and AI-powered marketing. Based in Lynchburg, VA.157 chars · identical |
| Canonical URL | https://www.marketinggardens.com/Resolves to www host | https://marketinggardens.com/Resolves to bare host. Canonicalization needs to be aligned before staging goes live to avoid split signals. |
| Robots | index, follow | index, follow |
| OG image | /images/hero.jpg | /images/hero.jpg |
| OG title / Twitter card | Mirrors title tag (80 chars) | Mirrors title tag (60 chars)Cleaner share previews |
| Document language | en | en |
| Word count (visible) | 441 | 439Functionally identical content |
| Image audit | 9 images · 0 missing alt · 6 lazy-loaded | 9 images · 0 missing alt · 6 lazy-loadedFounder photo swapped to SVG (lighter than JPG) |
Both pages use a single H1 (good). The staging build promotes footer column headings from H4 to H3, which expands the H3 inventory but does not affect Google's primary signals.
Both pages emit a single JSON-LD block. Staging upgrades the markup to a linked graph with three entities, supporting better rich-result eligibility and cross-page entity reuse.
Production is served from the marketinggardens.com origin. Total transfer weighs 1.1 MB on mobile and 1.4 MB on desktop, with no observed CDN headers in the captured response.
Staging is deployed to Cloudflare Pages (the *.pages.dev hostname). Cloudflare Pages serves static assets from the global edge with automatic HTTPS, automatic builds from Git, and free-tier hosting at scale. Fonts come from Google Fonts in both builds.
Total transfer drops to 583 KB on mobile and 640 KB on desktop, a 47–54% reduction. Edge delivery plus build-time optimization (notably the SVG founder photo) explain most of the savings.
If staging is promoted to production, the bare-host canonical (marketinggardens.com) and the www-host canonical (www.marketinggardens.com) need to be reconciled with a single 301 redirect strategy.
