Neu Lange Ladezeit

[alex9019]

Hallo,

warum erhöhen die Schriften die Ladezeit so enorm?

Wie kann man das ändern?

 

[css-umsetzung]

Ja, ändere deinen Font auf Arial.

Die Frage ist zuerst, von wo kommt der Font, von deiner Webseite oder von den jeweiligen Anbietern bzw. deren CDN Lösungen?

 

[Timm.Abraham]

In der Regel sind die Fonts auch etwas größer mehre Hundert kB

Entweder nicht verwenden, schauen das diese schnell geliefert werden (eventuell Caching aktivierung über HTACCESS)

Dabei stellt sich die Frage ob die vom einigen Server geliefert werden oder via CDN / extern.
Wenn die Schriftarten vom eigenen Server geliefert werden über z.B.: mod_expire Browser caching aktivieren.

 

[alex9019]

Von wo der Font geladen wird weiß ich nicht. Wie finde ich das heraus?

 

[Timm.Abraham]

Hey Alex,

Nun im Standard mit dem EVO Template liefert deine Server die Font.

Du könntest also über Browser-Caching, den dem Client mitteilen das er die Schriftart nur einmal laden soll.

Grüße,

 

[alex9019]

Hallo Timm,

ja ich benutze das Standard EVO Template.

Und wie mache ich das? Muss das auch in die .htaccess eingetragen werden?

 

[Timm.Abraham]

Hallo Alex,

ja, mod_expires kann über die htaccess gesteuert werden.
Innerhalb der HTACCESS sollte dann die Angaben für mod_expires eingetragen werden.

Hier sind ein paar Dateitypen für mod_expire (dieser sollte auf dem Server im Standard installiert sein)

SCHNIPP
------------------------------------------------------- 8< -------------------------------------------------------

<IfModule mod_expires.c>

ExpiresActive on

ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
ExpiresByType application/x-font-ttf "access plus 1 year"
ExpiresByType application/x-font-opentype "access plus 1 year"
ExpiresByType application/x-font-woff "access plus 1 year"
ExpiresByType application/x-font-woff2 "access plus 1 year"

</IfModule>

------------------------------------------------------- >8 -------------------------------------------------------
SCHNAPP

Es sind nur die Angabe für Fonts drinnen, ein Caching für CSS und JS ist wahrscheinlich auch sinnvoll.

Das wären dann die folgenden Typen

ExpiresByType text/css "access plus 14 days"
ExpiresByType text/javascript "access plus 14 days"
ExpiresByType application/x-javascript "access plus 14 days"
ExpiresByType image/ico "access plus 14 days"
ExpiresByType image/jpg "access plus 14 days"
ExpiresByType image/jpeg "access plus 14 days"
ExpiresByType image/gif "access plus 14 days"
ExpiresByType image/png "access plus 14 days"

Grüße,

 

[css-umsetzung]

Das css und js kann nicht per htaccess beeinflusst werden, da der cache durch das minified gesetzt wird.
Derzeitige Möglichkeit wäre die Änderung der Parameter im Template.

 

[Timm.Abraham]

Hallo CSS,

gilt das auch 3rd Party Plugins werden diese CSS Dateien auch durch das Template geminified ?

Wenn ja hast du recht, dann wäre der Dateiname unique und somit nicht durch das Browser Caching erfasst.
Habe keine Plugins bei mir kann es daher nicht testen.

Grüße,

 

[css-umsetzung]

Ja auch die plugin Dateien werden minifiziert wenn sie wie von JTL vorgegeben in der xml vom Plugin eingebunden werden.

 

[alex9019]

Hallo Timm,

habe alles der .htaccess hinzugefügt, jedoch bleibt das Problem bestehen.

 

[Xantiva]

Dann nenn' doch einfach mal die URL, damit man sich das konkret ansehen kann, woher die Fonts geladen werden.

 

[alex9019]

templates/Evo/fonts/merriweather/Merriweather-Regular.ttf
templates/Evo/fonts/fontawesome-webfont.woff2?v=4.6.3
templates/Evo/fonts/merriweather/Merriweather-Regular.ttf
templates/Evo/fonts/opensans/OpenSans-Bold.ttf

 

[css-umsetzung]

templates/Evo/fonts/merriweather/Merriweather-Regular.ttf
templates/Evo/fonts/fontawesome-webfont.woff2?v=4.6.3
templates/Evo/fonts/merriweather/Merriweather-Regular.ttf
templates/Evo/fonts/opensans/OpenSans-Bold.ttf

Du möchtest dann aber auch irgendwann etwas verkaufen oder dürfen deine Kunden die Url auch nicht wissen?

 

[alex9019]

https://schnitzerklaus.com/templates/Evo/fonts/merriweather/Merriweather-Regular.ttf
https://schnitzerklaus.com/templates/Evo/fonts/fontawesome-webfont.woff2?v=4.6.3
https://schnitzerklaus.com/templates/Evo/fonts/merriweather/Merriweather-Regular.ttf
https://schnitzerklaus.com/templates/Evo/fonts/opensans/OpenSans-Bold.ttf

Bitte sehr

 

[Xantiva]

Wenn ich die Startseite aufrufe habe ich deutlich kürzere Ladezeiten:



Nachtrag: mit VDSL 50

 

[css-umsetzung]

Ich bin mit 25mbit bei zwischen 109 und 400ms, es ist also kein wirkliches Problem.
Der Server schwankt aber sehr stark, ich war nach ein paar aufrufen auch mal bei 700ms.

 

[alex9019]

Mir wurde gestern vom Support die Redis- Cache Methode eingerichtet.
Seitdem habe ich teilweise sehr kurze Ladezeiten, teilweise aber wieder über 10 sek.
Aber vorerst auf jeden Fall besser als vorher.

 

[css-umsetzung]

das laden der Fonts hat mit Redis nichts zu tun

 

[alex9019]

Ja das ist mir schon klar.
Dachte nur anfangs das wirklich die Fonts ein Hauptgrund für die Langen Ladezeiten wären.
Aber anscheinend ja doch nicht.

Vielen Dank erstmal an alle!