CtrlK
BlogDocsLog inGet started
Tessl Logo

page-load-time

Use when auditing slow page loads, heavy assets, or rendering delays related to Keep page load time under 3 seconds. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

54

Quality

61%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/page-load-time/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is a clean, well-organized overview that correctly pushes code examples and framework detail into references/rule.md, giving excellent progressive disclosure. Its weaknesses are duplicated statistics across sections, Check/Fix sections that name no measurement tool or command, and a missing re-measure step after applying fixes.

Suggestions

Make the Check section executable: name the measurement tool and pass criteria, e.g. 'Run Lighthouse (or Chrome DevTools Performance tab) with Slow 4G throttling; pass if LCP < 2.5s and full load < 3s' — or at minimum name Lighthouse/DevTools as the method rather than an unadorned 'measure'.

Add a re-verification step after Fix: 'After applying optimizations, re-run the same measurement to confirm load time is under 3 seconds' to close the measure → optimize → re-measure loop.

De-duplicate the 53% statistic (stated in both the intro and Quick Reference) and let the 'Explain' section reference the Quick Reference facts instead of restating bounce-rate impact.

DimensionReasoningScore

Conciseness

The 53% abandonment statistic is stated twice ('53% of mobile users abandon sites that take longer than 3 seconds' in the intro and '53% of mobile users abandon sites taking over 3 seconds' in Quick Reference), and the bounce-rate theme recurs across the intro, Quick Reference, and the 'Explain' section. Mostly efficient but with noticeable duplication that could be tightened — anchor 3, not 4, since the redundancy goes beyond minor trimming.

3 / 5

Actionability

'Measure the page load time and verify it's under 3 seconds' and 'Optimize page load time through lazy loading, CDN usage, caching strategies' give high-level direction with no tool, command, or code in the body. Concrete specifics do appear ('Core Web Vitals: LCP, FID/INP, CLS', 'Test on throttled 3G') and the pointer to references/rule.md leads to complete executable examples, but key details — which tool, how to measure — are missing. Anchor 3, not 4, because the core Check/Fix actions lack executable guidance in the body.

3 / 5

Workflow Clarity

The Check → Fix → Explain → Code Review sequence is clearly sectioned and logically ordered, and the check step validates ('verify it's under 3 seconds on a standard connection'). However, there is no re-verification after applying fixes — no measure → optimize → re-measure feedback loop — so checkpoints are incomplete. Anchor 3, not 4: the post-fix checkpoint is absent entirely, not just minor.

3 / 5

Progressive Disclosure

The body is a ~30-line well-sectioned overview, with implementation details, code examples, and framework guidance correctly split into references/rule.md — one level deep, clearly signaled ('For full implementation details, code examples, and framework-specific guidance, see references/rule.md'), and that file exists and does not nest further references. This matches the anchor 5 pattern of a clear overview with well-signaled one-level-deep references.

5 / 5

Total

14

/

20

Passed

Description

66%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description has a strong, explicit 'Use when' trigger clause with fairly natural keywords and a concrete verification action backed by named tools. Its main weaknesses are a garbled embedded goal phrase ('related to Keep page load time under 3 seconds'), no standalone statement of what the skill does, and trigger terms that overlap with sibling performance skills.

Suggestions

Remove the garbled phrase 'related to Keep page load time under 3 seconds' — state the goal cleanly, e.g. '...to keep page load time under 3 seconds', and lead with a what-statement such as 'Audits and optimizes page load performance' before the Use-when clause.

Add missing natural synonyms users would say — 'site speed', 'page performance', 'Core Web Vitals', 'LCP' — to strengthen trigger coverage.

Narrow the overlapping triggers: replace generic 'heavy assets' and 'rendering delays' with load-time-specific phrasing so sibling skills (image optimization, rendering perf) don't also fire.

DimensionReasoningScore

Specificity

The description names the domain ('auditing slow page loads, heavy assets, or rendering delays') and one concrete action ('Verify the actual bottleneck in DevTools, Lighthouse, or field data'), but never states what the skill does beyond auditing/verifying — the fix, explain, and code-review capabilities from the body are absent. It matches anchor 3 (domain plus 1-2 concrete actions) rather than 4, which requires several specific actions listed.

3 / 5

Completeness

It has an explicit 'when' ('Use when auditing slow page loads, heavy assets, or rendering delays') and a partial 'what' ('Verify the actual bottleneck... before recommending changes'), but the what is folded into the when-clause and the phrase 'related to Keep page load time under 3 seconds' is a garbled goal statement inserted mid-sentence. Both are present with the what muddy, matching anchor 4 rather than the fully explicit anchor 5.

4 / 5

Trigger Term Quality

Phrases like 'slow page loads', 'heavy assets', 'rendering delays', and 'DevTools, Lighthouse' are natural terms users would say when needing this skill. It falls short of anchor 5 because common synonyms such as 'site speed', 'page performance', 'Core Web Vitals', or 'LCP' are missing.

4 / 5

Distinctiveness Conflict Risk

'Slow page loads' and 'page load time' are on-niche, but 'heavy assets' and 'rendering delays' are generic performance triggers that would equally fire image-optimization or rendering-performance skills. It is somewhat specific yet still overlaps with closely related performance skills, matching anchor 3 rather than 4.

3 / 5

Total

14

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
thedaviddias/Front-End-Checklist
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.