Merge pull request #3320 from alphagov/update-readme-to-include-asset…

…helper Update readme to include info on using AssetHelper
alphagov · Dec 4, 2023 · 94b76f6 · 94b76f6
2 parents 8b330d9 + 8bd7d68
commit 94b76f6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/docs/images/individual-stylesheets.png b/docs/images/individual-stylesheets.png
diff --git a/docs/set-up-individual-component-css-loading.md b/docs/set-up-individual-component-css-loading.md
@@ -166,6 +166,12 @@ Use `yield` to add body content between `<body>` and `</body>`:
   </head>
 ```
 
+### Check stylesheets are loading individually
+
+When the setup is complete, only the component stylesheets required to render the page are requested. For example, the screenshot below displays network activity for a [browse page e.g. benefits](https://www.gov.uk/browse/benefits) and shows separate network requests for the `browse`, `lead-paragraph` and `cards` stylesheets:
+
+![Network requests for individual stylesheets](./images/individual-stylesheets.png)
+
 ## Why
 
 See [RFC #149](https://github.com/alphagov/govuk-rfcs/pull/152) for more details about this approach.