# HTTP/2 Push für Font Files - Wie / wo kann ich den Response Header ändern?

**URL:** <https://forum.shopware.com/t/http-2-push-fuer-font-files-wie-wo-kann-ich-den-response-header-aendern/86912>\
**Category:** Allgemein\
**Created:** [16. April 2021 um 22:31 UTC](https://forum.shopware.com/t/http-2-push-fuer-font-files-wie-wo-kann-ich-den-response-header-aendern/86912 "2021-04-16T22:31:56Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![frimipiso](https://avatars.discourse-cdn.com/v4/letter/f/a587f6/32.png) [@frimipiso](https://forum.shopware.com/u/frimipiso)\
**Post date:** [16. April 2021 um 22:31 UTC](https://forum.shopware.com/t/http-2-push-fuer-font-files-wie-wo-kann-ich-den-response-header-aendern/86912/1 "2021-04-16T22:31:56Z")

</div>

Hallo Ihr Lieben,

im Zuge meiner Anpassungen für die Google Core Web Vitals wollte ich die Shopware Fonts gerne per HTTP/2 Push ausliefern lassen.

Hierfür muss ich irgendwie den Response Header ändern, was in php über ein solches Kommando gehen sollte:  
header(“Link: \</assets/font/sourcesanspro\_regular.woff2\>; rel=preload; as=font; crossorigin”);

Aber wo kann ich in meinem Shopware Template den Response Header ändern?

Danke und viele Grüsse

Jens

---

<div class="post-metadata">

**Author:** ![frimipiso](https://avatars.discourse-cdn.com/v4/letter/f/a587f6/32.png) [@frimipiso](https://forum.shopware.com/u/frimipiso)\
**Post date:** [18. April 2021 um 20:59 UTC](https://forum.shopware.com/t/http-2-push-fuer-font-files-wie-wo-kann-ich-den-response-header-aendern/86912/2 "2021-04-18T20:59:09Z")

</div>

Hat sich erledigt.

Ich habe gerade gelesen, dass Chrome in zukünftigen Versionen HTTP/2 Push nicht mehr supported wird. Es ist den Aufwand also nicht wert:

[https://groups.google.com/a/chromium.org/g/blink-dev/c/K3rYLvmQUBY/m/vOWBKZGoAQAJ?pli=1](https://groups.google.com/a/chromium.org/g/blink-dev/c/K3rYLvmQUBY/m/vOWBKZGoAQAJ?pli=1)

---

<div class="post-metadata">

**Author:** ![SCOOPEX](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/scoopex/32/18328_2.png) [@SCOOPEX](https://forum.shopware.com/u/SCOOPEX)\
**Post date:** [18. April 2021 um 21:27 UTC](https://forum.shopware.com/t/http-2-push-fuer-font-files-wie-wo-kann-ich-den-response-header-aendern/86912/3 "2021-04-18T21:27:39Z")

</div>

Hallo,

das war auch von Anfang an eine Tot-Geburt, da über Preload allenfalls css/fonts und ein paar andere eher unwichtige Extensions, die den geringsten Teil der Page-Size ausmachen, parallel bzw. über Preload geladen werden konnten.

Aber für die ein oder anderen besonders im Shared-Hosting war die Erwartungshaltung sehr verlockend, dass die Webseite schon da ist, bevor man die URL eingegeben hat 🙂

Viele Grüße

---

<div class="post-metadata">

**Author:** ![frimipiso](https://avatars.discourse-cdn.com/v4/letter/f/a587f6/32.png) [@frimipiso](https://forum.shopware.com/u/frimipiso)\
**Post date:** [18. April 2021 um 22:25 UTC](https://forum.shopware.com/t/http-2-push-fuer-font-files-wie-wo-kann-ich-den-response-header-aendern/86912/4 "2021-04-18T22:25:11Z")

</div>

Ich lade die Fonts jetzt per Preload, indem ich folgenden Code in die header.tpl in themes\Frontend\<yourtheme\>\frontend\index\header.tpl eingefügt habe:

{\* preload font files \*}

{block name=„frontend\_index\_header\_css\_print“}

```
<link rel="preload" href="themes/Frontend/Responsive/frontend/_public/src/fonts/shopware.woff2?" as="font" type="font/woff2" crossorigin>

<link rel="preload" href="themes/Frontend/<yourtheme>/frontend/_public/src/fonts/subset-OpenSans-Bold.woff2" as="font" type="font/woff2" crossorigin>

<link rel="preload" href="themes/Frontend/<yourtheme>/frontend/_public/src/fonts/subset-OpenSans-Regular.woff2" as="font" type="font/woff2" crossorigin>

<link rel="preload" href="themes/Frontend/<yourtheme>/frontend/_public/src/fonts/subset-OpenSans-SemiBold.woff2" as="font" type="font/woff2" crossorigin>

```

{$smarty.block.parent}

{/block}

In den Chrome Developer Tools wird unter Network jetzt auf jeden Fall angezeigt, dass die Fonts direkt nach dem index file geladen werden.

---

<div class="post-metadata">

**Author:** ![SCOOPEX](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/scoopex/32/18328_2.png) [@SCOOPEX](https://forum.shopware.com/u/SCOOPEX)\
**Post date:** [19. April 2021 um 08:25 UTC](https://forum.shopware.com/t/http-2-push-fuer-font-files-wie-wo-kann-ich-den-response-header-aendern/86912/5 "2021-04-19T08:25:29Z")

</div>

Preload sollte nicht bei zu vielen Fonts verwendet werden - macht zwar Google glücklich, geht aber hinsichtlich Performance nach hinten los und ist kontraproduktiv, da es das rendern der Seite verlangsamt für den Besucher.

Siehe auch

> **[The Web Fonts: Preloaded—zachleat.com](https://www.zachleat.com/web/preload/)**
>
> A post by Zach Leatherman (zachleat)

Viele Grüße