Skip to content
https://mohammed0912474-source.github.io/qa-supply-chain-app/

Performance

· 27 checks — Lighthouse + waterfall + sustainability rolled into one auditable list.
SCORE
88
GRADE
B
FIX
1
REVIEW
6
PASS
16
INFO
4

Performance-focused optimization plan with CWV assessment, top offenders, and time estimates

Mobile Desktop
54
Performance Overall performance score (0–100) based on Core Web Vitals and other metrics. 90+ is good.
94
Accessibility Measures how accessible the page is for users with disabilities. Checks color contrast, ARIA labels, and semantic HTML.
100
Best Practices Checks for modern web development best practices including HTTPS, no console errors, and secure JavaScript.
100
SEO Measures basic SEO optimizations: meta tags, crawlability, link text, and mobile friendliness.

First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.

964 ms

Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.

5.00 s

Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.

1.56 s

Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.

0.037

Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.

3.70 s

Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.

5.33 s

Page Load Progression

375 ms
750 ms
1.1 s
1.5 s
1.9 s
2.2 s
2.6 s
3.0 s
Checks
27
16 PASS 6 REVIEW 1 FIX
F
JS Execution Cost
Action
4785ms total JS execution
FIX
4785ms total JS execution
Warning::
https://www.gstatic.com/firebasejs/10.14.1/firebas...: 3613ms CPU time
Warning::
Unattributable: 964ms CPU time
Info::
https://mohammed0912474-source.github.io/qa-supply...: 208ms CPU time
Warning::
Third-party scripts: 3613ms (76% of total)

Main Thread Breakdown

Script Evaluation 73% Other 19% Garbage Collection 3%
ScriptTotalScriptingParse/CompileParty
https://www.gstatic.com/firebasejs/10.14.1/firebase-firestore-compat.js3613ms2917ms22ms3rd
Unattributable964ms586ms0ms1st
https://mohammed0912474-source.github.io/qa-supply-chain-app/208ms14ms0ms1st
B
Third-Party Impact
56% third-party, 0 ms blocking
REVIEW
56% third-party, 0 ms blocking
Warning::
Third-party code accounts for 56% of page weight (294.8 KiB of 526.5 KiB)
Info::
Third-party blocking time is low (0 ms)
44%
56%
First-party Third-party
B
JS Bundles
8 scripts, 56 KB unused
REVIEW
8 scripts, 56 KB unused
Warning::
https://www.gstatic.com/firebasejs/10.14.1/firebas...: 56 KB unused (56%)
Consider code splitting or tree shaking to reduce unused code.
Warning::
https://mohammed0912474-source.github.io/qa-supply...: unminified — 3 KB could be saved
Info::
Total unused JavaScript: 56 KB
56 KB unused JavaScript

Downloaded but never executed on this page.

ScriptSizeUnusedMinifiedParty
https://www.gstatic.com/firebasejs/10.14.1/firebase-firestore-compat.js100 KB56 KB (56%)✓3rd
https://www.gstatic.com/firebasejs/10.14.1/firebase-app-compat.js10 KB—✓3rd
https://mohammed0912474-source.github.io/qa-supply-chain-app/firebase-init.js1 KB—✓1st
https://mohammed0912474-source.github.io/qa-supply-chain-app/app-part1.js20 KB—✗1st
https://mohammed0912474-source.github.io/qa-supply-chain-app/app-part2.js17 KB—✓1st
https://mohammed0912474-source.github.io/qa-supply-chain-app/app-part3.js13 KB—✓1st
https://mohammed0912474-source.github.io/qa-supply-chain-app/app-part4.js7 KB—✓1st
https://mohammed0912474-source.github.io/qa-supply-chain-app/pwa.js1 KB—✓1st

Consider code splitting or tree shaking to reduce unused code.

Why this matters

This bundle has high unused code — code-split or tree-shake to ship only what executes.

Source: web.dev / Lighthouse coverage

B
HTTP/3 (QUIC)
HTTP/3 not advertised
REVIEW
HTTP/3 not advertised
Info::
HTTP/3 (QUIC) is not advertised
HTTP/3 isn't advertised via Alt-Svc and the worker didn't negotiate h3. HTTP/3 reduces handshake latency (1-RTT instead of 2-3 RTTs) and is more resilient on lossy connections. Most modern CDNs (Cloudflare, Fastly, AWS CloudFront, Google Cloud CDN) support HTTP/3 with a single config switch -- consider enabling for mobile-heavy workloads.
B
Document Compression
Document response uses gzip; brotli would be ~20% smaller
REVIEW
Document response uses gzip; brotli would be ~20% smaller
Info::
Main HTML response uses gzip (brotli would be ~20% smaller)
All current browsers support brotli. Most CDNs (Cloudflare, Fastly, AWS CloudFront, Vercel, Netlify) can switch from gzip to brotli with a single config flag. Origin servers (nginx, Apache) need a brotli module compiled in -- nginx-brotli or Apache mod_brotli.
B
Main HTML Cache-Control
Main HTML max-age=600 (~10min)
REVIEW
Main HTML max-age=600 (~10min)
Info::
Main HTML cached for 10 minutes -- mild staleness risk
Got: max-age=600
B
Server-Timing Observability
No Server-Timing header found
REVIEW
No Server-Timing header found
Info::
No Server-Timing header found
Server-Timing exposes backend timing breakdowns to browser DevTools (e.g., `db: 45ms; render: 120ms; cache: 2ms`). Useful for diagnosing slow pages without backend log access. Most modern frameworks (Next.js, Cloudflare Workers, Fastly) emit it automatically; absence on a managed platform usually means telemetry headers are stripped at the edge.
A+
Page Weight Budget
526 KB transferred, 20 requests
PASS
526 KB transferred, 20 requests
Info::
Page weighs 3.2 MB (526 KB transferred)
Info::
20 HTTP requests
Info::
Estimated 0.11 g CO2 per page load
526 KB / 2.4 MB budget
526 KB transferred
20 requests
0.11 g CO2 per page load
Other 184.8 KiB 35%
JavaScript 168.2 KiB 32%
Fonts 63.6 KiB 12%
Images 63.2 KiB 12%
Other 34.2 KiB 7%
HTML 10.7 KiB 2%
CSS 962 B 0%
Other 880 B 0%
0 2.4 MB 4.9 MB
Under budget
A+
Text Compression
All text resources are compressed
PASS
All text resources are compressed
Info::
All text resources are compressed
All text resources are properly compressed.
A+
Image Optimization
3 images, 0 KB saveable
PASS
3 images, 0 KB saveable
Info::
All images are well-optimized
3 images 63 KB
0 oversized -0 KB
1 legacy format
0 missing dimensions CLS risk
A+
Font Loading
2 fonts (64 KB)
PASS
2 fonts (64 KB)
Info::
2 font(s) use font-display: swap (FOUT risk but functional)

Web fonts

2

64 KB total

Render-blocking

0

of 2

Dominant font-display

swap

Most common across fonts

Font loading timeline
Transfer FOIT (block) FOUT (swap)
0 ms 1.0 s 2.0 s 3.0 s 4.0 s 5.0 s FCP 964 ms LCP 5.0 shttps://mohammed0912474-source.github.io/qa-supply-chain-app/fonts/cairo-arabic.woff2cairo-arabic.woff2 https://mohammed0912474-source.github.io/qa-supply-chain-app/fonts/cairo-arabic.woff2 — 30.4 KiB — 166 ms — font-display: swaphttps://mohammed0912474-source.github.io/qa-supply-chain-app/fonts/cairo-latin.woff2cairo-latin.woff2 https://mohammed0912474-source.github.io/qa-supply-chain-app/fonts/cairo-latin.woff2 — 33.2 KiB — 157 ms — font-display: swap
cairo-arabic.woff2 woff2 swap
Size 30 KB
Load time 166 ms
Start 33 ms
Risk FOUT — text flashes from fallback to web font
cairo-latin.woff2 woff2 swap
Size 33 KB
Load time 157 ms
Start 225 ms
Risk FOUT — text flashes from fallback to web font
Optimization checklist
  • Preload critical fonts (priority=high)
  • Use woff2 format for all fonts
  • Set font-display to swap, optional, or fallback
  • Subset large fonts (≤100 KB each)
A+
Resource Caching
All resources properly cached
PASS
All resources properly cached
Info::
No caching issues found
All static resources have appropriate caching headers.
A+
Critical Rendering Path
No render-blocking resources
PASS
No render-blocking resources
Info::
No render-blocking resources detected
A+
Resource Hints
5 hints, 0 missing preconnects
PASS
5 hints, 0 missing preconnects
Info::
Page uses 5 resource hint(s)

Current Resource Hints

preconnect
—
preload
2
dns-prefetch
3
prefetch
—

5 resource hints configured

A+
LCP Image Preload
LCP preload audit not available
PASS
LCP preload audit not available
Info::
LCP image preload audit not available for this scan
A+
Server Response Intelligence
2 server-response signal(s) detected
PASS
2 server-response signal(s) detected
Info::
`Vary` header declared: Accept-Encoding
The page declares a `Vary` header, telling downstream caches which request headers the response varies on. Critical for content-negotiated responses (compression, language, cookies, device class).
Info::
Both `ETag` and `Last-Modified` present -- efficient revalidation supported
The page returns both `ETag` (content hash) and `Last-Modified` (timestamp) headers. Browsers can issue conditional GETs with `If-None-Match` or `If-Modified-Since`; the server returns 304 Not Modified for unchanged content, saving bandwidth. ETag is the more reliable of the two (timestamps fail in DST transitions and clock skew).
A
Page Weight Inventory
20 resources · 526 KB · 56 KB savings available
PASS
20 resources · 526 KB · 56 KB savings available
Info::
Within 1MB page-weight target
Got: 526 KB
Info::
~56 KB of savings available
Warning::
4 third-party resources (56% of weight)
20 resources · 526.5 KiB · 4 third-party Within 1MB page-weight target
Other 35% · 185.7 KiB
JavaScript 32% · 168.2 KiB
Image 19% · 97.5 KiB
Font 12% · 63.6 KiB
Document 2% · 10.7 KiB
CSS 0% · 962 B

~55.5 KiB of savings available

Remove unused JavaScript: 55.5 KiB
A+
Render-Blocking Resources
No render-blocking resources detected
PASS
No render-blocking resources detected
Info::
No render-blocking resources detected in <head>
A+
Third-Party Resources
No third-party resources detected
PASS
No third-party resources detected
A
JavaScript Blocking
1 JS blocking issue(s) detected
PASS
1 JS blocking issue(s) detected
Warning::
Total JS execution time is 4.8 s -- over the 3.5s budget
Total JavaScript execution (parse + compile + run) across all scripts exceeds 3.5 seconds. On low-end devices that becomes 7-15+ seconds and shows up directly in TBT and INP. Reduce by: tree-shaking unused dependencies, code-splitting (dynamic `import()`), removing or deferring third-party tracking, and replacing heavy frameworks where they're not needed.
A+
CSS Performance Depth
No CSS performance depth issues detected
PASS
No CSS performance depth issues detected
Info::
No CSS performance depth issues detected
A+
Green Hosting
Whether the site is served from green-energy infrastructure
PASS

Green Hosting

This site is hosted on green energy infrastructure

Provider: Fastly

A+
HTTP Caching
max-age=600 (10 minutes)
PASS
max-age=600 (10 minutes)
Info::
Cache-Control header is set
Got: max-age=600
Info::
Effective TTL: 10 minutes (max-age=600)
Info::
ETag present — enables conditional (304) responses
Info::
Last-Modified header present
Cache-Control

max-age=600

DirectiveValueMeaning
max-age600Cache for 10 minutes
Effective TTL: 600 seconds
Asset Compression
No text asset hosts to measure
INFO
No text asset hosts to measure
Info::
No third-party or subdomain host served enough text assets to measure
Asset compression is measured per host, from one HEAD request against a sampled resource. Pages that serve all their JS and CSS from the document's own origin are covered by the document compression check instead.
Network Waterfall
20 requests over 2070ms
INFO
0 ms 1.0 s 2.0 s 3.0 s 4.0 s 5.0 s FCP 964 ms LCP 5.0 shttps://mohammed0912474-source.github.io/qa-supply-chain-app//qa-supply-chain-app/ https://mohammed0912474-source.github.io/qa-supply-chain-app/ — 200 — 10.7 KiB — 12 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/login-bg-optimized.jpg/qa-supply-chain-app/login-bg-optim... https://mohammed0912474-source.github.io/qa-supply-chain-app/login-bg-optimized.jpg — 200 — 63.2 KiB — 146 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/fonts/cairo-arabic.woff2/qa-supply-chain-app/fonts/cairo-ar... https://mohammed0912474-source.github.io/qa-supply-chain-app/fonts/cairo-arabic.woff2 — 200 — 30.4 KiB — 166 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/fonts/cairo.css/qa-supply-chain-app/fonts/cairo.cs... https://mohammed0912474-source.github.io/qa-supply-chain-app/fonts/cairo.css — 200 — 962 B — 170 ms — h2https://www.gstatic.com/firebasejs/10.14.1/firebase-app-compat.jswww.gstatic.com/firebasejs/10.14.1/... https://www.gstatic.com/firebasejs/10.14.1/firebase-app-compat.js — 200 — 10.4 KiB — 148 ms — h2https://www.gstatic.com/firebasejs/10.14.1/firebase-firestore-compat.jswww.gstatic.com/firebasejs/10.14.1/... https://www.gstatic.com/firebasejs/10.14.1/firebase-firestore-compat.js — 200 — 99.7 KiB — 226 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/firebase-init.js/qa-supply-chain-app/firebase-init.... https://mohammed0912474-source.github.io/qa-supply-chain-app/firebase-init.js — 200 — 790 B — 146 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/app-part1.js/qa-supply-chain-app/app-part1.js https://mohammed0912474-source.github.io/qa-supply-chain-app/app-part1.js — 200 — 19.8 KiB — 161 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/app-part2.js/qa-supply-chain-app/app-part2.js https://mohammed0912474-source.github.io/qa-supply-chain-app/app-part2.js — 200 — 17.0 KiB — 190 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/app-part3.js/qa-supply-chain-app/app-part3.js https://mohammed0912474-source.github.io/qa-supply-chain-app/app-part3.js — 200 — 12.8 KiB — 184 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/app-part4.js/qa-supply-chain-app/app-part4.js https://mohammed0912474-source.github.io/qa-supply-chain-app/app-part4.js — 200 — 7.0 KiB — 155 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/pwa.js/qa-supply-chain-app/pwa.js https://mohammed0912474-source.github.io/qa-supply-chain-app/pwa.js — 200 — 813 B — 135 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/manifest.json/qa-supply-chain-app/manifest.json https://mohammed0912474-source.github.io/qa-supply-chain-app/manifest.json — 200 — 880 B — 185 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/fonts/cairo-latin.woff2/qa-supply-chain-app/fonts/cairo-la... https://mohammed0912474-source.github.io/qa-supply-chain-app/fonts/cairo-latin.woff2 — 200 — 33.2 KiB — 157 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/icon-192.png/qa-supply-chain-app/icon-192.png https://mohammed0912474-source.github.io/qa-supply-chain-app/icon-192.png — 200 — 34.2 KiB — 148 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/icon-192.png/qa-supply-chain-app/icon-192.png https://mohammed0912474-source.github.io/qa-supply-chain-app/icon-192.png — 200 — 0 B — 146 ms — h2https://firestore.googleapis.com/google.firestore.v1.Firestore/Listen/channel?VER=8&database=projects%2Fqa-supply-chain%2Fdatabases%2F(default)&RID=77143&CVER=22&X-HTTP-Session-Id=gsessionid&zx=wrfjdc4jugn3&t=1firestore.googleapis.com/google.fir... https://firestore.googleapis.com/google.firestore.v1.Firestore/Listen/channel?VER=8&database=projects%2Fqa-supply-chain%2Fdatabases%2F(default)&RID=77143&CVER=22&X-HTTP-Session-Id=gsessionid&zx=wrfjdc4jugn3&t=1 — 200 — 465 B — 284 ms — h2https://firestore.googleapis.com/google.firestore.v1.Firestore/Listen/channel?gsessionid=QMgvT6I8I7HAcbqxnoXYGHziJY7OpkczqJ3vcwNm4Aja_HIOayxOkg&VER=8&database=projects%2Fqa-supply-chain%2Fdatabases%2F(default)&RID=rpc&SID=fNusMZG-0zm230KQSrCReg&AID=0&CI=0&TYPE=xmlhttp&zx=biz1wrh04zjx&t=1firestore.googleapis.com/google.fir... https://firestore.googleapis.com/google.firestore.v1.Firestore/Listen/channel?gsessionid=QMgvT6I8I7HAcbqxnoXYGHziJY7OpkczqJ3vcwNm4Aja_HIOayxOkg&VER=8&database=projects%2Fqa-supply-chain%2Fdatabases%2F(default)&RID=rpc&SID=fNusMZG-0zm230KQSrCReg&AID=0&CI=0&TYPE=xmlhttp&zx=biz1wrh04zjx&t=1 — 200 — 184.3 KiB — 220 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/app-icon-professional.png/qa-supply-chain-app/app-icon-profe... https://mohammed0912474-source.github.io/qa-supply-chain-app/app-icon-professional.png — 200 — 0 B — 2 ms — h2https://mohammed0912474-source.github.io/qa-supply-chain-app/login-port-optimized.jpg/qa-supply-chain-app/login-port-opt... https://mohammed0912474-source.github.io/qa-supply-chain-app/login-port-optimized.jpg — 200 — 0 B — 153 ms — h2
HTML JavaScript CSS Images Fonts XHR/Fetch Other
Third-Party Script Cost
Per-script blocking time, transfer cost, and cache headers
INFO
76% of JavaScript execution is third-party
First-party Third-party 3613ms · 100KB · $68/mo
www.gstatic.com
Other
Costly
Execution 3613ms
Transfer 100 KB
Unused 56%
Monthly Cost $68/mo

These scripts may cost more than they're worth

  • www.gstatic.com adds 3613ms and costs ~$68/month

76% of JavaScript execution time is spent on third-party scripts. Consider auditing which scripts are essential.

Why this matters

When third-party JS execution time exceeds your own, performance gains from frontend work are capped by code you don't own.

Learn more ▾

Every millisecond of third-party JS competes with your own for main-thread time. If their share is bigger than yours, optimization on your code base barely moves the needle. Audit, defer, or remove third-parties before further frontend optimization. Use Lighthouse's third-party audit to identify the worst offenders.

Source: web.dev

www.gstatic.com takes 3613ms of CPU time. Consider loading it asynchronously or replacing it with a lighter alternative.

Why this matters

This script has high main-thread execution time — optimize hot paths or defer.

Source: web.dev

56% of www.gstatic.com's code is unused. The script may be loading features you don't use.

Why this matters

Bundle has high unused-code ratio — tree-shaking and route-splitting recover the wasted bytes.

Source: web.dev

How third-party costs are calculated

Image Optimization
2 images, 113 KB total, 0 KB wasted
INFO

Image Optimization Audit

Total Images

2

Total Size

113 KB

2 missing dimensions 1 missing lazy loading
All checks on this page are automated. Results are estimates - run targeted manual reviews when the score affects a release decision.

Send Feedback