Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →thedaviddias/resource-hints
Use when auditing slow page loads, heavy assets, or rendering delays related to Use resource hints for faster loading. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Passed 22 of 22 test cases with the skill, and 20 of 22 without it.
2 fixed20 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
This benchmark measured an earlier version of the skill.
One of 2 test cases the skill fixed. Same model, same prompt, with and without the skill.
Take a look at this HTML template for my homepage. Please analyze the current asset fetching setup and provide a fixed version of the code that adds the appropriate tags to speed up the delivery of my critical assets, such as my main banner image and external API connections.
| Checked | Without skill | With skill |
|---|---|---|
| Recommends using rel="preload" for the main banner image | Passed | Passed |
| Recommends using rel="preconnect" for the external API connections | Passed | Passed |
| Explains or recommends rel="prefetch" for resources needed on subsequent navigations | Missed | Passed |
The instructions your model reads when the skill loads.
Resource hints let the browser start fetching critical assets earlier—improving LCP by 100-300ms on average.
Analyze resource hints on this page and verify critical resources use preload/preconnect for optimal loading.
Add appropriate resource hints (preload, prefetch, preconnect) for critical assets to improve loading performance.
Explain the differences between preload, prefetch, preconnect, and dns-prefetch and when to use each.
Review the routes, assets, and loading behavior that affect Use resource hints for faster loading. Flag exact files, requests, or rendering steps that add unnecessary network, CPU, or layout cost, and describe the measurement method used to confirm the issue.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/rules/performance/resource-hints
test cases passed, vs 20 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.