Zum Hauptinhalt springen
Blog & News

Aktuelles & Updates von
Joomla, Wordpress und Co.

News, HowTos und Tutorials rund um Webdesign, Webentwicklung, Webhosting und Digitalisierung.

Blog & News

Webfonts richtig einsetzen um PageSpeed und Kompatibilität zu garantieren

12.11.2013 · 2 Min Lesezeit
Joomla PageSpeed Webfonts

Vor kurzem bin ich beim Optimieren einer Webseite über Hinweise zur besseren Nutzung von Webfonts gestoßen. Schriftarten die nicht zum Standard gehören müssen auf Webseiten gesondert eingebunden werden. Damit diese aber die Ladezeiten nicht überstrapazieren, gibt es ein paar Tricks.

Beispielsweise können mit dem „WEBFONT GENERATOR" handelsübliche TTF-Dateien in schicke, kompakte Webfonts umgewandelt werden, welche dann auch noch Browser-kompatibler sind. Somit lässt sich einiges an Ladezeit sparen, was vor allem die Suchmaschinen freut. Google PageSpeed schimpft meist wegen nicht komprimierter TTF-Dateien. Dabei kann man mit wenig Aufwand die Bewertung erheblich steigern.

Alternativ ist es möglich die TTF Dateien mittels einem Apache Modul „mod_deflate" zu komprimieren. Das ist von empfehlenswert, da dieses Modul sowieso erheblich für den PageSpeed verantwortlich ist. Dazu muss das Modul aktiviert sein und in der htaccess-Datei folgender Code ergenzt werden:

#Gzip
<ifmodule mod_deflate.c>

<ifmodule mod_mime.c>
#Checks if your server supports
Addtype
Addtype font/opentype .otf
Addtype font/eot .eot
Addtype font/truetype .ttf
</ifmodule>
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/x-javascript application/javascript text/text font/opentype font/truetype font/eot</ifmodule>
#End Gzip

Dies funktioniert natürlich auch im Einsatz mit Joomla.

Zurück zur Übersicht