PAGESPEED.TECH VERIFIABLE PERFORMANCE.
ITULIS's productized Core Web Vitals platform — a SaaS monitoring tool plus public showcase that proves every claim with live, third-party-verifiable PageSpeed Insights links.
100/100
Best Mobile
0ms
Best TBT
5
Projects Monitored
30+
Techniques
The Brief
Productize Core Web Vitals — with proof anyone can verify.
PageSpeed.Tech needed to be more than another agency landing page. It needed to be a working SaaS product (continuous monitoring, audit reports, public scoreboard) AND a public showcase that proves ITULIS's optimization claims with third-party-verifiable Google PSI links.
The technical bar: every page on PageSpeed.Tech itself must hit 95-100 across mobile and desktop. The case study about Core Web Vitals must itself rank 100/100. Architecture-first, by definition.
Client
PageSpeed.Tech (Internal)
Industry
Performance SaaS
Timeline
Q1 2026
Platform
Web SaaS (Edge-deployed)
Tech Stack
The Challenge
The PageSpeed industry sells screenshots. We had to sell verifiable proof.
Most PageSpeed agencies show before/after screenshots — fakeable, unverifiable, no third-party proof of repeatability.
Plugin-based optimization stacks the framework problem on top of bloat — never reaches 90+ honestly.
Core Web Vitals failures are now ranking signals, but most sites still ship 1MB+ JavaScript bundles.
Free PSI tools test once and disappear — no continuous monitoring, no historical proof, no public scoreboard.
Performance "guarantees" with no SLA, no escrow, no public scoring — pure marketing claims with nothing on the line.
Architecture-first rebuilds are expensive and slow, so most agencies sell band-aid plugins for the easier sale.
Our Approach
Engineer it right. Prove it publicly.
PageSpeed.Tech is built on a SaaS-plus-service hybrid: monitor your performance automatically, or let our experts handle the rebuild. Every result lives on a public scoreboard with PSI verification links.
Architecture-First Methodology
No plugins, no scripts, no band-aid fixes. We rebuild on Astro static, ship inline CSS, self-host fonts, and kill third-party origins. The 7-pillar 30-technique playbook is non-negotiable.
Verifiable Proof Layer
Every project gets a public PageSpeed Insights link in our project wall. Visitors click through to Google's own tool — no trust required, just verification. Fake before/after screenshots cannot survive this.
SaaS Monitoring Engine
Continuous PSI tracking via Google's API, Drizzle + D1 storage on Cloudflare edge, audit report generator (JSON + Markdown) for client deliverables. Optimization becomes a measurable, shippable product.
Tiered SaaS + Service Hybrid
Self-service monitoring tiers (Free / Starter / Pro / Agency) plus expert-led optimization packages. Service work funnels into ongoing SaaS monitoring — recurring value beyond one-time fixes.
Public Scoreboard Strategy
Five monitored projects (LaptopMurah, Sesudu, AutoRemind, HRPortal, ITULIS) form a permanent public scoreboard. Every site we ship becomes durable, third-party-verifiable proof.
Key Features
SEE IT IN ACTION.
Free Speed Test Widget
Hero-positioned URL input. Type any domain and get instant Core Web Vitals audit results powered directly by Google's Lighthouse — no signup required.
Live Verifiable Project Wall
Every monitored project shows mobile + desktop scores with a "Verify Score" button that opens Google PSI directly with the canonical URL pre-filled. No screenshots. No cached results. No blind trust.
SaaS + Service Hybrid Tiers
Two paths under one platform: monitor performance automatically with the SaaS (Free → Agency $249/mo), or hire experts to optimize directly (Starter / Growth / Elite, 7-21 day delivery, 30-90 day guarantee).
Live Verifiable Proof
Click any score. Verify on Google.
Five live ITULIS projects monitored on PageSpeed.Tech. Every "Verify on PSI" button opens Google's own testing tool with the canonical URL pre-filled. Run the test yourself — that's the proof.
LaptopMurah.net
E-Commerce / TechBudget laptop comparison platform optimized from 76 to 100 mobile. Zero framework JS, 8 network requests, 135KB total page weight.
100
Mobile
100
Desktop
Sesudu.com
Food & RecipeMalaysian recipe platform rebuilt with performance-first architecture. Optimized image pipeline and self-hosted fonts deliver instant loading.
96
Mobile
99
Desktop
AutoRemind.net
SaaS / AutomationVehicle reminder service with architecture-first optimization. Minimal hydration strategy with Astro islands only where interaction is mandatory.
95
Mobile
99
Desktop
HRPortal.biz
HR ManagementHR management platform landing page engineered for speed. Complex dashboard previews delivered without sacrificing Core Web Vitals.
94
Mobile
99
Desktop
ITULIS.com
Agency / TechOur own agency website — the proof that we practice what we preach. Full premium design with animation, built performance-first from day one.
95
Mobile
99
Desktop
Scores vary ±2-5 points between runs due to PSI's network simulation and CPU throttling. We display consistent ranges, not cherry-picked single runs. Run the test multiple times to verify the range.
Optimization Pillars
The 7 Pillars Behind Every 100 Score.
Architecture-first performance is non-negotiable. Every project on the wall passes all 7 pillars — from font origin elimination to zero JS framework runtime.
Fewer Origins
Self-hosted variable fonts, zero third-party scripts, no Google Fonts. Every external connection eliminated by design — each one costs 100-250ms on mobile.
Shorter Critical Path
Inline all CSS, modulepreload critical scripts, eliminate render-blocking. The browser hits TTI on the first frame, not after a chain of round-trips.
Smaller Bytes
WebP-only images, variable font subsetting (Latin), HTML compression, JIT-purged Tailwind. Best homepage = 135KB total page weight, 8 network requests.
Prioritized Resources
fetchpriority="high" on hero LCP image, preload critical fonts, async low-priority. Browser knows what matters before parse begins.
Deferred Non-Critical
loading="lazy" below fold, content-visibility: auto on heavy sections, conditional inline scripts only where interaction is mandatory.
Stable Layout (CLS=0)
Width and height on every image, font metric overrides via @font-face size-adjust, reserved space for dynamic content. Zero CLS, guaranteed.
Zero JS Framework
Astro static generation. Vanilla inline scripts only, under 5KB. No React/Vue runtime tax. TBT 0ms is the default state, not the optimization goal.
Architecture
How it all connects.
Content → Astro 4 (SSG) + Vanilla JS Islands
Styling → TailwindCSS 3.4 (JIT, inline always)
Fonts → Self-hosted Inter + Space Grotesk WOFF2
Database → Cloudflare D1 (SQLite) + Drizzle ORM
PSI Engine → Google PageSpeed Insights API + auto-refresh
Infra → Cloudflare Pages + Edge CDN + 1yr immutable cache
→ 5 monitored projects. Best Mobile 100. TBT 0ms. CLS 0.
100/100
Best Mobile
0ms
Best TBT
5
Projects Monitored
30+
Techniques
7
Optimization Pillars
135KB
Smallest Page Weight
8
Network Requests Min
0
CLS Achieved
Performance Results
Built fast. Stays fast.
95-100
Performance
100
Accessibility
100
Best Practices
100
SEO
inlineStylesheets: "always" in astro.config.mjs — zero render-blocking CSS
Self-hosted Inter + Space Grotesk variable WOFF2 (Latin subset only, ~70KB)
modulepreload via custom Astro integration for critical scripts
compressHTML: true + 1yr immutable cache headers via _headers
fetchpriority="high" on LCP hero image, loading="lazy" below fold
content-visibility: auto on FAQ, project grid, and below-fold sections
WebP-only image pipeline (no PNG/JPEG fallbacks needed in 2026)
Font metric overrides via size-adjust — CLS measured at exactly 0
Development Process
From baseline audit to verifiable launch.
Deep Audit
Run 5+ PageSpeed API tests, extract raw metrics, analyze the network waterfall, and identify every bottleneck — not just the headline score. Output: ranked optimization opportunities with projected uplift.
Architecture Plan
Map the critical rendering path, identify external origins to eliminate, plan font and image strategy, and design the optimal resource loading order. Plugin patch vs Astro rebuild decision is locked here.
Implementation
Self-hosted fonts with metric overrides, inline CSS, WebP image pipeline, zero-JS strategy, content-visibility, edge caching with 1yr immutable headers — all 30 techniques from the proven playbook.
Validation
Run 5 PageSpeed tests per page, take the median score, verify LCP is text-based, confirm CLS is exactly zero, validate TBT under 200ms. We don't ship a single lucky run — we ship repeatable performance.
Proof Delivery
Live URLs, direct PageSpeed links, before/after metrics, detailed optimization report. Project gets added to our public wall with permanent verification links anyone can click.
Continuous Monitoring
Performance doesn't end at launch. SaaS auto-scans daily, alerts on score drops, and the guarantee period (30-90 days) means free re-optimization if the score regresses. Public scoreboard updates automatically.
Security & Infrastructure
Production-grade from day one.
API Key Isolation
Google PSI key stored server-side only — gitignored, never shipped to client bundle
Rate Limiting
Free Speed Test widget rate-limited per IP via Cloudflare to prevent PSI quota abuse
Edge Security Headers
Cloudflare Pages _headers: HSTS, X-Frame-Options, CSP, immutable cache for static assets
Customer Data Boundary
SaaS audit reports stored in Cloudflare D1 with row-level isolation per account
Zero-trust Build Pipeline
Builds run in clean Cloudflare Pages workers — no persistent state, no secrets in client bundle
Want results like these?
PageSpeed.Tech proves the methodology — five live projects, all verifiable, all architecture-first. The same playbook is available for your site, with the same public scoreboard treatment.
Visit pagespeed.tech →