OpenParable
Skip to content
← Back to skills

Compression

Testing & Quality
compression

Compression is an Agent Skill for testing & quality published in the thedaviddias/Front-End-Checklist repository on GitHub: a SKILL.md instruction file an AI agent can load to do this task.

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.

View on GitHub ↗
QUICK START

How to use this skill

Bring this guide into your coding agent with a prompt tailored to the tool you use.

  1. Open your project in Codex.
  2. Copy and paste the prompt below.
  3. Review files and risks before approving any action.
Prompt to paste
Inspect the Agent Skill at https://github.com/thedaviddias/Front-End-Checklist/blob/HEAD/skills/compression/SKILL.md and all supporting files. Report provenance, permissions, scripts, dependencies, and security risks. Propose an exact installation into .agents/skills/compression, but wait for my approval before writing files or running scripts.

Copying this prompt does not install or run the skill. Review third-party files before use.

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