Performance
· 17 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.
5.42 s
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
84.40 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
872 ms
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.266
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
15.57 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.
84.42 s
Page Load Progression
FPage Weight BudgetAction40.6 MB transferred, 114 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
Each request adds latency. Bundle small files, use sprites, or eliminate unnecessary requests.
High HTTP request count — bundling, sprite-ing, and HTTP/2 server push can reduce per-request overhead.
Source: web.dev
FJS Execution CostAction9279ms total JS executionFIX
Main Thread Breakdown
| Script | Total | Scripting | Parse/Compile | Party |
|---|---|---|---|---|
| https://hku.hk/ | 4526ms | 17ms | 6ms | 1st |
| https://hku.hk/assets/js/index.js?t=20230414 | 2173ms | 1059ms | 30ms | 1st |
| Unattributable | 1767ms | 71ms | 0ms | 3rd |
| https://www.googletagmanager.com/gtm.js?id=GTM-M9F2TJ6 | 233ms | 170ms | 49ms | 3rd |
| https://www.googletagmanager.com/gtag/js?id=G-ZHLLDTLTMG&cx=c>m=4e64h1 | 172ms | 128ms | 41ms | 3rd |
| https://script.hotjar.com/modules.6a0f3932cb1341a35c18.js | 152ms | 125ms | 21ms | 3rd |
| https://hku.hk/assets/js/slide/banner.js?t=20230414 | 140ms | 104ms | 2ms | 1st |
| https://hku.hk/assets/js/main.min.js?t=20230414 | 115ms | 56ms | 4ms | 1st |
DJS BundlesAction13 scripts, 344 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 | 172 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=4e64h1 | 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 OptimizationAction88 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
CPage Weight InventoryAction114 resources · 40.6 MB · 344 KB savings availableREVIEW
~344.2 KiB of savings available
| # | Resource | Type | Size | Cache | Unused | 3rd party | Issues |
|---|---|---|---|---|---|---|---|
| — | — | ||||||
| 114 resources | 40.6 MiB | ||||||
CGreen HostingActionWhether the site is served from green-energy infrastructureREVIEW
Green Hosting
No green hosting detected
A+Third-Party Impact1% third-party, 0 ms blockingPASS
A+Text CompressionAll text resources are compressedPASS
A+Font Loading6 fonts (220 KB)PASS
Web fonts
6
220 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
A+Render-Blocking ResourcesNo render-blocking resources detectedPASS
A+Third-Party ResourcesNo third-party resources detectedPASS
Network Waterfall114 requests over 11658msINFO
Third-Party Script CostPer-script blocking time, transfer cost, and cache headersINFO
| Script | Category | Execution | Transfer | Unused | Monthly Cost | Verdict |
|---|---|---|---|---|---|---|
Unattributable Unattributable | Other | 1767ms | 0 KB | — | HK$131/mo | Costly |
Google Tag Manager www.googletagmanager.com | Tag Manager | 233ms | 135 KB | 51% | HK$17/mo | Costly |
Google Tag Manager www.googletagmanager.com | Tag Manager | 172ms | 157 KB | 42% | HK$13/mo | Optional |
Hotjar script.hotjar.com | Session Replay | 152ms | 57 KB | 67% | HK$11/mo | Optional |
These scripts may cost more than they're worth
- Unattributable adds 1767ms and costs ~HK$131/month
- Google Tag Manager adds 233ms and costs ~HK$17/month
Unattributable takes 1767ms 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 233ms 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
67% of Hotjar'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