Performance
· 26 checks — Lighthouse + waterfall + sustainability rolled into one auditable list.Performance-focused optimization plan with CWV assessment, top offenders, and time estimates
First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.
1.23 s
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
3.27 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
274 ms
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.009
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
4.61 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.
6.59 s
Page Load Progression
FPage Weight BudgetAction5.3 MB transferred, 61 requestsFIX
Convert images to WebP/AVIF and resize to display dimensions to reduce transfer size.
Image bandwidth is high — modern formats (WebP/AVIF) and resizing typically cut it 50%+.
Source: web.dev
Large JavaScript bundles delay interactivity. Split code by route or defer non-critical scripts.
JavaScript bundle is large — code-split routes and lazy-load off-screen components to defer.
Source: web.dev
Subset fonts to include only used characters, or switch to system font stacks.
Font payload is large — subset to used glyphs only, or fall back to system fonts (zero load time).
Source: web.dev font loading
CImage OptimizationAction40 images, 0 KB saveableREVIEW
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
Set explicit width and height to prevent CLS.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
CJS Execution CostAction1937ms total JS executionREVIEW
Main Thread Breakdown
| Script | Total | Scripting | Parse/Compile | Party |
|---|---|---|---|---|
| https://www.jxdeco-packaging.com/ | 822ms | 20ms | 19ms | 1st |
| Unattributable | 490ms | 6ms | 0ms | 1st |
| https://www.googletagmanager.com/gtag/js?id=G-5BB9LRNVX3 | 294ms | 253ms | 39ms | 3rd |
| https://www.googletagmanager.com/gtag/js?id=G-D0CQJXQ4G5 | 258ms | 219ms | 36ms | 3rd |
| https://www.googletagmanager.com/gtag/js?id=G-5BB9LRNVX3&cx=c>m=4e65r2 | 74ms | 26ms | 47ms | 3rd |
CJS BundlesAction10 scripts, 238 KB unusedREVIEW
Downloaded but never executed on this page.
| Script | Size | Unused | Minified | Party |
|---|---|---|---|---|
| https://www.googletagmanager.com/gtag/js?id=G-5BB9LRNVX3&cx=c>m=4e65r2 | 169 KB | 112 KB (66%) | ✓ | 3rd |
| https://www.googletagmanager.com/gtag/js?id=G-D0CQJXQ4G5 | 158 KB | 65 KB (41%) | ✓ | 3rd |
| https://www.googletagmanager.com/gtag/js?id=G-5BB9LRNVX3 | 169 KB | 61 KB (36%) | ✓ | 3rd |
| https://www.jxdeco-packaging.com/public/static/common/js/zan_global.js?v=v2.1.5 | 3 KB | — | ✓ | 1st |
| https://www.jxdeco-packaging.com/template/jxd/pc/skin/js/jxdjq.js | 1 KB | — | ✓ | 1st |
| https://www.jxdeco-packaging.com/template/jxd/pc/skin/js/jxdqh.js | 2 KB | — | ✓ | 1st |
| https://www.jxdeco-packaging.com/public/static/common/js/zan_footer.js?v=v2.1.5 | 7 KB | — | ✗ | 1st |
| https://www.jxdeco-packaging.com/public/static/common/js/lang/pack/en.js?v=1779412127 | 5 KB | — | ✓ | 1st |
| https://www.jxdeco-packaging.com/public/plugins/layer-v3.1.0/layer.js?v=v2.1.5 | 8 KB | — | ✓ | 1st |
| https://www.jxdeco-packaging.com/public/static/common/js/zan_inquiry.js?v=v2.1.5 | 2 KB | — | ✓ | 1st |
Consider code splitting or tree shaking to reduce unused code.
This bundle has high unused code — code-split or tree-shake to ship only what executes.
Source: web.dev / Lighthouse coverage
Consider code splitting or tree shaking to reduce unused code.
This bundle has high unused code — code-split or tree-shake to ship only what executes.
Source: web.dev / Lighthouse coverage
Consider code splitting or tree shaking to reduce unused code.
This bundle has high unused code — code-split or tree-shake to ship only what executes.
Source: web.dev / Lighthouse coverage
BCompression AlgorithmMain response uses gzip; brotli would be ~20% smallerREVIEW
BMain HTML Cache-ControlCache-Control present but without max-ageREVIEW
BServer-Timing ObservabilityNo Server-Timing header foundREVIEW
CPage Weight InventoryAction61 resources · 5.3 MB · 238 KB savings availableREVIEW
~238.3 KiB of savings available
| # | Resource | Type | Size | Cache | Unused | 3rd party | Issues |
|---|---|---|---|---|---|---|---|
| — | — | ||||||
| 61 resources | 5.3 MiB | ||||||
BJavaScript Blocking1 JS blocking issue(s) detectedREVIEW
CGreen HostingActionWhether the site is served from green-energy infrastructureREVIEW
Green Hosting
No green hosting detected
BHTTP CachingprivateREVIEW
private
| Directive | Value | Meaning |
|---|---|---|
| private | — | Only browser cache, not CDN/proxy |
A+Third-Party Impact9% third-party, 0 ms blockingPASS
A+Text CompressionAll text resources are compressedPASS
A+Font Loading2 fonts (210 KB)PASS
Web fonts
2
210 KB total
Render-blocking
0
of 2
Dominant font-display
swap
Most common across fonts
Font loading timeline
- Subset this font — over 100 KB suggests Latin Extended or full glyph coverage that most pages don't need
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)
Fixing the unchecked items could save ~55 KB and ~110 ms
A+Resource CachingAll resources properly cachedPASS
A+Critical Rendering PathNo render-blocking resourcesPASS
A+Resource HintsNo optimization neededPASS
A+HTTP/3 (QUIC)HTTP/3 advertised via Alt-SvcPASS
A+LCP Image PreloadLCP preload audit not availablePASS
A+Server Response Intelligence2 server-response signal(s) detectedPASS
A+Render-Blocking ResourcesNo render-blocking resources detectedPASS
A+Third-Party ResourcesNo third-party resources detectedPASS
A+CSS Performance DepthNo CSS performance depth issues detectedPASS
Network Waterfall61 requests over 6813msINFO
Third-Party Script CostPer-script blocking time, transfer cost, and cache headersINFO
| Script | Category | Execution | Transfer | Unused | Monthly Cost | Verdict |
|---|---|---|---|---|---|---|
Google Tag Manager www.googletagmanager.com | Tag Manager | 294ms | 169 KB | 36% | ¥15/mo | Costly |
Google Tag Manager www.googletagmanager.com | Tag Manager | 258ms | 158 KB | 41% | ¥13/mo | Costly |
Google Tag Manager www.googletagmanager.com | Tag Manager | 74ms | 169 KB | 66% | ¥4/mo | Optional |
These scripts may cost more than they're worth
- Google Tag Manager adds 294ms and costs ~¥15/month
- Google Tag Manager adds 258ms and costs ~¥13/month
Google Tag Manager takes 294ms of CPU time. Consider loading it asynchronously or replacing it with a lighter alternative.
This script has high main-thread execution time — optimize hot paths or defer.
Source: web.dev
Google Tag Manager takes 258ms of CPU time. Consider loading it asynchronously or replacing it with a lighter alternative.
This script has high main-thread execution time — optimize hot paths or defer.
Source: web.dev
66% of Google Tag Manager's code is unused. The script may be loading features you don't use.
Bundle has high unused-code ratio — tree-shaking and route-splitting recover the wasted bytes.
Source: web.dev
Image Optimization44 images, 6796 KB total, 4192 KB wastedINFO
Image Optimization Audit
Total Images
44
Total Size
6796 KB
Oversized
39
Wasted
4192 KB