ampproject / ampproject/amp.dev

Add a guide explaining CSS optimization strategies

Open
#3,055 0 comments 0 reactions 0 assignees View on GitHub
Category: Content P1: High
Dominant language
HTML
Stars
600
Forks
675
PR merge metrics
No merged PRs in 30d

Description

## 📖 Missing or out-of-date documentation

We should add a guide explaining strategies on how to best optimize CSS for AMP to avoid hitting the limits. Things we should cover:

* css compressors (csso, cssnano, ...)
* modularizing css to only pull in what's needed
* split animations into separate keyframes block (AMP Optimizer does this automatically)
* rename class names
* removing unused CSS and potential pitfalls when using amp-bind or amp-list.

//cc @CrystalOnScript

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.