Performance
· 15 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.
2.61 s
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
6.24 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
24 ms
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.031
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
4.84 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.
7.14 s
Page Load Progression
FPage Weight BudgetAction17.5 MB transferred, 84 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
Remove unused CSS rules with tools like PurgeCSS to reduce stylesheet size.
CSS bundle is large — purge unused styles (PurgeCSS, Tailwind JIT) to reduce CSS payload.
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
DJS BundlesAction13 scripts, 342 KB unusedFIX
Downloaded but never executed on this page.
| Script | Size | Unused | Minified | Party |
|---|---|---|---|---|
| https://hku.hk/assets/js/index.js?t=20230414 | 355 KB | 170 KB (48%) | ✓ | 1st |
| https://www.googletagmanager.com/gtm.js?id=GTM-M9F2TJ6 | 135 KB | 69 KB (51%) | ✓ | 3rd |
| https://www.googletagmanager.com/gtag/js?id=G-ZHLLDTLTMG&cx=c>m=4e64h1h1 | 157 KB | 66 KB (42%) | ✓ | 3rd |
| https://script.hotjar.com/modules.6a0f3932cb1341a35c18.js | 57 KB | 38 KB (67%) | ✓ | 3rd |
| https://hku.hk/assets/min/js/menu.js?t=20230414 | 35 KB | — | ✓ | 1st |
| https://ssl.google-analytics.com/ga.js | 17 KB | — | ✓ | 3rd |
| https://hku.hk/assets/js/device.min.js?t=20230414 | 4 KB | — | ✓ | 1st |
| https://static.hotjar.com/c/hotjar-1966860.js?sv=7 | 6 KB | — | ✓ | 3rd |
| https://hku.hk/assets/js/high-contrast.js?t=20230414 | 2 KB | — | ✓ | 1st |
| https://hku.hk/assets/min/js/mobile_menu.js?t=20230414 | 69 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
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
DHTTP CachingActionNo cache headersFIX
No Cache-Control header
Adding a Cache-Control header can significantly improve repeat-visit performance.
CImage OptimizationAction58 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
CJS Execution CostAction1635ms total JS executionREVIEW
Main Thread Breakdown
| Script | Total | Scripting | Parse/Compile | Party |
|---|---|---|---|---|
| https://hku.hk/ | 807ms | 3ms | 1ms | 1st |
| https://hku.hk/assets/js/index.js?t=20230414 | 428ms | 225ms | 7ms | 1st |
| Unattributable | 283ms | 21ms | 0ms | 3rd |
| https://www.googletagmanager.com/gtm.js?id=GTM-M9F2TJ6 | 63ms | 47ms | 12ms | 3rd |
| https://www.googletagmanager.com/gtag/js?id=G-ZHLLDTLTMG&cx=c>m=4e64h1h1 | 54ms | 42ms | 11ms | 3rd |
CPage Weight InventoryAction84 resources · 17.5 MB · 342 KB savings availableREVIEW
~342.4 KiB of savings available
| # | Resource | Type | Size | Cache | Unused | 3rd party | Issues |
|---|---|---|---|---|---|---|---|
| — | — | ||||||
| 84 resources | 17.5 MiB | ||||||
CGreen HostingActionWhether the site is served from green-energy infrastructureREVIEW
Green Hosting
No green hosting detected
A+Third-Party Impact2% third-party, 0 ms blockingPASS
A+Text CompressionAll text resources are compressedPASS
A+Font Loading6 fonts (262 KB)PASS
Web fonts
6
262 KB total
Render-blocking
0
of 6
Dominant font-display
swap
Most common across fonts
Font loading timeline
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 CachingAll resources properly cachedPASS
A+Critical Rendering PathNo render-blocking resourcesPASS
A+Resource HintsNo optimization neededPASS
Network Waterfall84 requests over 7523msINFO
Third-Party Script CostPer-script blocking time, transfer cost, and cache headersINFO
| Script | Category | Execution | Transfer | Unused | Monthly Cost | Verdict |
|---|---|---|---|---|---|---|
Unattributable Unattributable | Other | 283ms | 0 KB | — | HK$21/mo | Costly |
Google Tag Manager www.googletagmanager.com | Tag Manager | 63ms | 135 KB | 51% | HK$5/mo | Optional |
Google Tag Manager www.googletagmanager.com | Tag Manager | 54ms | 157 KB | 42% | HK$4/mo | Optional |
These scripts may cost more than they're worth
- Unattributable adds 283ms and costs ~HK$21/month
Unattributable takes 283ms 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
51% 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