font-display einsetzen // Webperformance optimieren // Google Page Speed Bewertung

Shopware 5 Allgemein
1

https://issues.shopware.com/issues/SW-22947

Siehe: https://developers.google.com/web/updates/2016/02/font-display

Die Umsetzung wäre wirklich fein, wenn diese zeitnah erfolgen könnte. Habe das auf einigen anderen Webseiten integriert und der Punktegewinn auf Google Pagespeed ist enorm. Für normale Schriften würde ich Paramter swap einsetzen, für Icon Schriften Paramter block. Hatte damit die beste Erfahrung. Im Prinzip ist das Einfügen von font-display: swap; und font-display: block; nicht mehr als 10 Minuten Arbeit…aber damit es updatesicher ist, muß wohl SW das tun. Also SW bitte für eine zeitnahe Version planen, jeder der Google Pagespeed pflegt wird es danken und es ist kein großer Aufwand für eure Entwickler. Danke.

 

 

 

2

Kopieren der nicht korrekt gesetzten Links ist mühselig, bitte korrigieren.

3

sorry, erledigt

4

Update nach SW Update auf 5.5.7: https://github.com/shopware/shopware/pull/1981#issuecomment-468707197

LG Klaus.

5

Kein Kommentar von Shopware Mitarbeiter?

6

@raymond schrieb:

Kein Kommentar von Shopware Mitarbeiter?

Warum sollte das am Samstag jemand kommentieren? Die Leute haben auch Wochenende.

Auf einen geschlossenen PR wird auch kaum jemand reagieren. Am besten einen neuen machen oder ein neues Ticket. PR wäre wohl optimal.

7

Von heute (Samstag) antworten war auch nicht die Rede, sondern auf die Anfrage hier irgendwann antworten (diese ist stand heute 16 Tage alt).

8

@klausm‍

Ich kämpfe jetzt schon seit Wochen mit dieser Geschichte. Kannst du mir sagen, wie du es genau umgesetzt hast?

Bei mir sind es diese Schriften:

/themes/Frontend/Responsive/frontend/_public/src/fonts/shopware.woff2?
/themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Bold/OpenSans-Bold.woff2?30998c3b4c987df4ef274b80ade7d443
/themes/Frontend/Responsive/frontend/_public/vendors/fonts/open-sans-fontface/Regular/OpenSans-Regular.woff2?f1adf309ca027998a075156fa93ff0e5

wobei ich annehme, dass die Zahlen hinter dem ? sich immer ändern…

Ich habe im eigenen Theme eine fonts.less angelegt mit diesem Inhalt von dir https://sbp-issuetracker-attachments.s3.eu-west-1.amazonaws.com/1550918213_5c7122456b85e_fonts.less.txt

Danach zeigt gps mir noch einen Schwung weiterer open-sans Einträge in der Liste. Mit einem Eintrag in header.tpl hatte ich es auch schon versucht. Bin mit meinem Latein am Ende…

 

Was ich erst recht nicht verstehe:

In der Original fonts.less von sw steht bereits font-display swap, auch an  der richtigen Stelle (vor src) und dennoch scheint es nicht zu funktionieren. Wobei die shopware.woff immer noch fehlt.

 

LG

(SW 5.6.9)

9

Hallo @Toric !
Wurde das bei dir bereits gelöst?

11

nein, bisher leider nicht