
eTags deaktivieren
Pagespeed
eTags sind eine kleine Art von Ressourcen (Informationen) die zwischen einem Webserver und einem Browser ausgetauscht werden. Die eTags-Informationen, eine Art von Cache-Daten, beziehen sich auf HTML-Seiten, Bilder, Videos, Audiofiles, Dokumente…

PageSpeed Optimierung am Beispiel von Konzept-Welt.de
PagespeedDas Projekt Konzept-Welt.de läuft aktuell auf einem Hosteurope-Server mit dem CMS Wordpress. Nach der normalen Installation und keiner Verwendung von Plugins ergibt eine PageSpeed Insights Analyse bei https://developers.google.com/speed/pagespeed/insights/…

Fehlerhafte Anforderungen vermeiden
PagespeedWenn innerhalb der Pagespeed-Analyse der Punkt Fehlerhafte Anforderungen vermeiden angezeigt wird, dann werden innerhalb des Quelltextes der analysierten Webseiten eine oder mehrere Dateien eingebunden, die nicht auf dem Server gespeichert sind.…

Reihenfolge der Formate und Skripts optimieren
PagespeedWenn der Punkt Reihenfolge der Formate und Skripts optimieren bei der PageSpeed Analyse angezeigt wird, dann gilt es die Reihenfolge der Einbindung von CSS- und Javascript Dateien zu prüfen. Sobald die Reihenfolge gemäß den Anforderungen…

Ladezeit anzeigen
Pagespeed
Um die Ladezeit einer Webseite direkt im Browser anzeigen zu können, kann man sich sowohl externer Tools bedienen als auch selbst einen der nachfolgenden PHP-Codes in die betreffende Webseite einbauen. Dies ist bei vielen kleinen und geplanten…

CSS in den Dokumentkopf
PagespeedWenn eine oder mehrere CSS-Dateien in dem Quellcode einer Webseite eingebunden werden müssen, dann hat dies in dem HEAD-Bereich zu erfolgen.
Eine Einbindung der CSS-Dateien innerhalb des BODY-Bereiches ist zwar technisch möglich, kann die…

Webfonts/Schriftarten asynchron laden
PagespeedWebfonts werden im Normalfall direkt in dem HEAD-Bereich des Quellcodes einer Webseite geladen. Der Code dafür sieht in etwa wie folgt aus:
In diesem Beispiel wird die Schriftart Exo 2 als Webfont geladen.
Webfonts asynchron laden
Google…

Webhoster oder Webhosting-Paket wechseln
PagespeedIst Eure Webseite zu langsam, obwohl Ihr schon fast alle technischen Möglichkeiten getestet und ausgeschöpft habt? Wenn die eigene Webseite immer noch gefühlt zu langsam ist, solltet Ihr eventuell einmal über den Wechsel des Webhosters oder…

Plugins und Addons als Performance-Killer
PagespeedViele Content Management Systeme wie etwa WordPress sind aufgrund der Vielzahl an Plugins Addons und Erweiterungen sehr beliebt, denn damit lassen sich viele benötigte Funktionen realisieren. Doch genau diese Plugins können bei der Performance-Optimierung…

Ad-Codes minimieren
PagespeedIn vielen Fällen sind Ad-Codes, Werbung, die Ursache für hohe Ladezeiten. Manche Anbieter lassen jede Art von Werbebanner über ihre Ad-Server laufen, ohne auf Größen und Komprimierungsmöglichkeiten zu achten. Aus diesem Grund kann sich…

CSS mit PHP und GZIP komprimieren
Pagespeed
CSS Dateien spielen bei vielen Webseiten eine entscheidende Rolle und Größe bei der Ladezeit. Da viele CSS Dateien die Größe von 10 kB überschreiten, lohnt es sich nach einer Variante der Komprimierung für diese CSS Dateien zu suchen.…

GZIP Kompression / GZIP Komprimierung
PagespeedDa die meisten modernen Browser eine GZIP Komprimierung unterstützen, ist es ratsam auch als Webmaster auf diese Technik zu setzen. Der klare Vorteil der GZIP Komprimierung ist eine Reduzierung Dateien und damit einhergehend der Ladezeiten…

CSS Dateien mit PHP zusammenfassen
PagespeedWird ein Projekt größer und besteht aus verschiedenen Designelementen, dann kann es schnell sehr unübersichtlich für den Webmaster und Designer werden, falls alle CSS-Klassen in einer CSS-Datei zusammengeführt werden. Dann ist es übersichtlicher…

@import-Funktion in CSS-Dateien vermeiden
PagespeedImmer wieder setzen einige Webdesigner die @import-Funktion innerhalb der CSS-Dateien ein, um das Design aufzubauen. Damit versucht man den HTML-Quellcode der Seite möglichst kurz zu halten und nur eine CSS-Datei mittels link rel=’stylesheet‘…

Templates und Datenbankabfragen
PagespeedWenn ein fortschrittliches CMS (Content Management System) auf einem Projekt eingesetzt wird, dann lassen sich auch hier einige Ansatzpunkte für eine zusätzliche Optimierung finden. So verwenden viele CMS dynamische Anweisungen, die dann in…

Webfonts mit GZIP optimieren
PagespeedWer sein Webdesign mit einer schönen Schriftart von anderen abheben möchte, der setzt auf Webfonts. Diese lassen sich auf verschiedene Arten in das Design einbinden. Sie bieten den Vorteil das in allen Browsern die gleiche Schriftart angezeigt…

Sichtbare Inhalte priorisieren
PagespeedDas google PageSpeed Insights Tool bringt folgende Meldung zu diesem Punkt: "Für Ihre Seite sind zusätzliche Netzwerk-Roundtrips erforderlich, um die ohne Scrollen sichtbaren Inhalte ("above the fold"-Inhalte) darstellen zu können. Reduzieren…

Asynchrones Laden (CSS und JS Scripte)
PagespeedSeit der Einführung von google PageSpeed Insights wird bei vielen Webseiten die Meldung “JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten “above the fold” (ohne Scrollen sichtbar) beseitigen” angezeigt. Mit…

JavaScript später parsen
PagespeedUm den Punkt JavaScript später parsen lösen zu können, gibt es verschiedene Herangehensweisen. Dabei muss jeder Webmaster für sich selbst entscheiden ob er diesen Punkt überhaupt angeht, oder aber alles lieber so beibehält, denn es kann…

Anforderungsgröße minimieren
PagespeedDer Punkt Anforderungsgröße minimieren kommt meistens bei Werbe-URLs von Affiliate-Netzwerken, wie etwa Affili.net in der PageSpeed-Analyse vor. Durch die Einbindung eines solchen Werbecodes, z.B. eines Werbebanners, wird nicht nur der Banner…