IndexReloaded ist ein Seitenoptimierer für WordPress.
Die Entwicklung des Plugins ist in der Beta-phase.
Die aktuelle Version kann hier heruntergeladen werden und anschließend auf Ihrer WordPress Website installiert werden.
Lizenzschlüssel für IndexReloaded
Um den vollständigen Umfang des Plugins nutzen zu können, brauchen Sie einen Lizenzschlüssel.
Wir bieten Ihnen 3 Optionen:
Wie funktioniert IndexReloaded?
Ausgehend vom ursprünglichen HTML werden CSS und JS erkannt und in neuen Dateien zusammengefaßt.
Diese werden schrittweise gruppiert, minifiziert und am Ende in CSS above the fold (Critical CSS) und CSS below the fold aufgetrennt.
Welchen Nutzen hat IndexReloaded?
IndexReloaded verringert die Ladezeit für die Webseiten.
Die Zeit des Ladens der ersten Seitenelemente wird verkürzt und es dauert weniger lang bis eine Seite vollständig angezeigt ist.
Auf Websites, wo die Performance der Website gemessen werden kann, zB auf PageView Insights, erhält man um 10 bis 20 bessere Werte für die Performance.
Raschere Ladezeiten sind gut für die Websitebesucher und führen zu besseren Bewertungen der Website.
Support
Nutzen Sie unseren E-Mail-Support, wenn Sie mit IndexReloaded auf Probleme stoßen. Wir publizieren häufige Problemlösung in der nachfolgenden Support-FAQ
Support-FAQ
Was unterscheidet die Gratisversion von einer lizenzierten Version?
In der Gratisversion (ohne Lizenzschlüssel) ist das splitten von CSS (critical CSS above the fold, non critical CSS below the fold) nicht möglich.
Mit der lizenzierten Version können neue Infos über die auszuschiessenden CSS oder JS-Elemente von unserer Website bezogen werden.
Warum muss bestimmtes CSS oder JS von der Verarbeitung durch IndexReloaded ausgeschlossen werden?
CSS oder JS, welches dynamisch generiert wird und immer wieder wechselnde Werte beinhalten, kann zwar verarbeietet werden, aber es führt zur Neuerstellung einer durch IndexReloaded erstellten CSS oder JS-Datei.
Es würde – mit jedem Laden einer Seite – zu einer Neuverarbeitung und zu sehr vielen Dateien auf dem Server führen.
Andererseits ist die Logik gewisser Seitenfunktionen, die beim Laden einer Website ausgeführt wird, oft auf die genaue Position von Inline-Javascript angewiesen, es entstehen JavaScript-Fehler und/oder fehlerhafte Darstellungen, wenn dem nicht so ist.
Es betrifft Popups wie zB Cookie-Abfragen, es betrifft Videodarstellungen oder bestimmte Menü-Lösungen und weitere beim Laden einer Seite durch JS bereitgestellte Seitenelemente.
Welche CSS oder JS-Elemente schliesst IndexReloaded immer von der Verarbeitung aus?
jQuery, Inline-Scripts mit type=“application/ld+json“ und als [CDATA[ gekennzeichnete Inline-Scripts werden nicht verarbeitet.
Auch Scripts und CSS die von externen Websites stammen, werden nicht verarbeitet, allerdings werden diese in der Gruppierung der CSS-Dateien berücksichtigt.
Wie werde ich durch IndexReloaded bei der Konfiguration unterstützt?
IndexReloaded umfasst eine empirische Datenbank mit auszuschliessenden CSS und JS-Elementen in Abhängigkeit von Plugins, Seitenelementen und Themes.
Daraus erstellt IndexReloaded nach der Installation eine erste Konfiguration von auszuschliessenden Elementen.
So erhalten Sie im besten Falle von Anbegin an eine Konfiguration, mit der bereits die unlizenzierte Version fehlerfrei die unzähligen CSS-Dateien und JS-Dateien einer WordPress-Website stabil zusammenfasst und neu gruppiert.
Mit der lizenzierten Version kann eine aktualisierte Version der empirischen Datenbank heruntergeladen werden.
Wenn Sie beim Konfigurieren auf neue auszuschliessende Elemente stossen, die unsere empirische Datenbank nicht liefert, bitte melden Sie uns diese Elemente unter Angabe des dafür verantwortlichen Themes, Plugins oder Seitenelements per E-Mail an knowledgedatabase@toctoc.ch. Vielen Dank.
Wie erkennt IndexReloaded Critical CSS?
Critical CSS wird an Hand einer schnellen Gegenüberstellung der HTML-Elemente der Website mit dem gesamten CSS ermittelt. Damit werden aber CSS-Klassen nicht erkannt, die in Javascript referenziert und verarbeitet werden.
IndexReloaded erlaubt aber die Angabe von tags, CSS-Klassen und CSS-Ids, die als „critical“ gelten und vor dem <body>-tag geladen sein müssen.
Nach der Aktivierung der Option „Enable Folding“ muss deshalb das Ladeverhalten der Webseite geprüft werden.
Seitenelemente die viel zu spät laden würden anzeigen, wo sich unerkanntes critical CSS befindet.
Eine Seiten-Inspektion mit dem Browserdebugger erlaubt die CSS-Herkunftsdateien der fürs Layout verantwortlichen Klassen anzusehen – kommt diese aus einer der CSS-Dateien, die an Ende des HTMLs per JS geladen werden, so sollte die betroffene CSS-Klasse oder CSS-Id als critical angesehen werden.