Asset Resources
The Asset Resources page (/dashboard/reports/pages/[pageId]/resources) gives a detailed breakdown of every network request made when loading a specific page.
How to reach it
Section titled “How to reach it”From the Page Report, click View Asset Resources.
What you’ll see
Section titled “What you’ll see”The asset viewer lists all resources loaded by the page, categorised by type:
| Category | What it includes |
|---|---|
| JavaScript | All .js files and inline scripts |
| CSS | Stylesheets and inline styles |
| Images | All image formats (JPEG, PNG, WebP, SVG, etc.) |
| HTML | The main document |
| Other | Fonts, media, and miscellaneous |
For each resource you can see its URL, size (transferred and uncompressed), and type.
Asset sizes in reports
Section titled “Asset sizes in reports”The Asset Sizes card on both site and page reports shows the aggregated totals:
| Metric | Description |
|---|---|
| JavaScript | Total JS payload |
| CSS | Total CSS payload |
| Images | Total image payload |
| HTML | Total HTML payload |
| Total | Combined size of all resources |
Scoring impact
Section titled “Scoring impact”Page asset sizes feed into the Page Assets Performance Score category. Large JS bundles in particular will lower this score significantly.
Common fixes
Section titled “Common fixes”| Issue | Fix |
|---|---|
| Large JS bundle | Code-split, tree-shake unused code, defer non-critical scripts |
| Unoptimised images | Convert to WebP/AVIF, use responsive srcset, enable CDN compression |
| Large CSS | Remove unused styles, minify, consider critical CSS inlining |
| High total page weight | Set a performance budget and track it with PerfLeaf trends |