npx skills add https://github.com/patternsdev/skills
thedaviddias/front-end-checklist
compression
Use when auditing slow page loads, heavy assets, or rendering delays related to Enable text-based compression. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Installation
$
npx skills add thedaviddias/front-end-checklist --skill compression
Similar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
screenshot-compression
Similar name
zc277584121/marketing-skills
Compress PNG and JPEG screenshots in place using pngquant and jpegoptim, keeping the original f…
3.4K installs
saas-valuation-compression
Similar name
himself65/finance-skills
Analyze SaaS company valuation compression between funding rounds. Use this skill whenever the …
2.1K installs
context-compression
Similar name
sickn33/agentic-awesome-skills
When agent sessions generate millions of tokens of conversation history, compression becomes ma…
1.3K installs
compression
Similar name
patternsdev/skills
Teaches JavaScript compression techniques including Gzip and Brotli. Use when optimizing networ…
1.1K installs
session-compression
Similar name
bobmatnyc/claude-mpm-skills
AI session compression techniques for managing multi-turn conversations efficiently through sum…
587 installs
omni-compression
Similar name
diegosouzapw/omniroute
Configure RTK (command output), Caveman (prose), and stacked compression modes. Manage language…
16 installsAlso in this package
Other skills from thedaviddias/front-end-checklist · top by installs.
npx skills add thedaviddias/front-end-checklist
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
Claude Code
Not declared
Cursor
Not declared
Codex
Not declared
GitHub Copilot
Not declared
Windsurf
Not declared
Gemini CLI
Not declared
Cline
Not declared
OpenCode
Not declared
Also listed on
Alternate registries and mirrors of this skill.
Repository health
Stars
74.1K
License
MIT
Default branch
main
Open issues
5
Status
Active
Skill metadata
Parsed from SKILL.md frontmatter.
More metadata
- category
- performance
- priority
- high
- difficulty
- beginner
- estimatedTime
- 10
- source
- frontendchecklist.io
- url
- https://frontendchecklist.io/en/rules/performance/compression
Package contents
Files included with this skill beyond the listing page.
-
skill md
SKILL.md1,688 B -
docs
SUMMARY.md226 B
History
- First seen on skills.sh
- First recorded snapshot · 9 installs
SKILL.md
Enable text-based compression
Compressed assets download faster, reducing the time to first paint and improving the overall perceived performance, especially on slower mobile networks.
Quick Reference
- Use Gzip or Brotli to compress text resources (HTML, JS, CSS)
- Brotli provides superior compression for modern browsers
- Significantly reduces data transfer size and load times
- Compression helps network cost, but it does not remove parse and execution cost from oversized bundles
Check
Verify that text-based resources are served with Content-Encoding: gzip or br headers.
Fix
Enable Gzip or Brotli compression in your web server (Nginx, Apache) or CDN settings.
Explain
Explain how text-based compression works and its impact on asset delivery speed.
Code Review
Review the routes, assets, and loading behavior that affect Enable text-based compression. 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/en/rules/performance/compression