# Critical.css einbinden für Startseite

**URL:** <https://forum.shopware.com/t/critical-css-einbinden-fuer-startseite/89958>\
**Category:** Programmierung\
**Tags:** programming, templates--design, themes--design\
**Created:** [25. August 2021 um 15:39 UTC](https://forum.shopware.com/t/critical-css-einbinden-fuer-startseite/89958 "2021-08-25T15:39:55Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Antonio](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/antonio/32/14624_2.png) [@Antonio](https://forum.shopware.com/u/Antonio)\
**Post date:** [25. August 2021 um 15:39 UTC](https://forum.shopware.com/t/critical-css-einbinden-fuer-startseite/89958/1 "2021-08-25T15:39:55Z")

</div>

Hallo liebes Forum,

ich habe eine critical CSS generiert und möchte gerne, dass die Startseite nicht die große CSS aufruft (in web/cache/datei.css), sondern eine Critical CSS im gleichen Pfad.

Das Ziel: nur das nötigste laden, auch wegen Pagespeed. Momentan kann 90% der CSS nicht verwendet werden.

Natürlich wird die große CSS auch für andere Seiten benötigt. Allerdings suche ich jetzt eine Möglichkeit NUR für die Startseite eine bestimmte und schlanke CSS-Datei aufzurufen.

Ich habe folgendes probiert in die Header.tpl zu setzen:

`<link type="text/css" media="screen, projection" rel="stylesheet" href="{link file=’web/cache/critical.css`

Aber alles war zerschossen.

Kann mir hier jemand weiterhelfen? Wo und wie kann ich das umsetzen?

Vielen Dank!!

VG
