IndexReloaded

IndexReloaded ist das ultimative Performance-Plugin, das speziell entwickelt wurde, um langsame Ladezeiten auf Ihrer Website sowohl auf Desktop- als auch auf mobilen Plattformen zu beheben. Dieses Plugin behebt Probleme mit Google PageSpeed Insights und verbessert Core Web Vitals erheblich.

Dieses Plugin bietet eine Reihe von Funktionen, um die Geschwindigkeit Ihrer Website zu optimieren:

• Beseitigen Sie Render-Blocking-Probleme: Beheben Sie Render-Blocking-Probleme mit CSS und JavaScript, um das Laden zu optimieren.
• Verbesserung des kritischen Rendering-Pfads: Generieren Sie automatisch kritisches CSS für Inhalte oberhalb des body-tags, um den kritischen Rendering-Pfad zu verbessern.
• Minifizierung: Reduzieren Sie die Ladegröße durch Minifizierung von JavaScript- und CSS-Dateien.
• Ressourcenbündelung: Kombinieren Sie inline/externes JavaScript und inline/externes CSS, um Serveranfragen zu reduzieren.
• Verzögertes Laden: Priorisieren Sie das Rendern von Inhalten, indem Sie das Laden von CSS und JavaScript verzögern.
• Cache Leveraging: Nutzen Sie den serverseitigen Objekt-Cache für eine verbesserte Leistung.
• Lokal gehostetes externes CSS oder JS: Für eine bessere Leistung ist das Hosten von externem CSS und JS auf Ihrem Server eine große Hilfe.

Dieses Plugin ist die beste Lösung, um langsame Ladezeiten zu reduzieren, die Suchmaschinenoptimierung zu verbessern und die Geschwindigkeit der Website zu erhöhen, was es zu einem unverzichtbaren Werkzeug für die Leistungsoptimierung und die Suchmaschinenoptimierung macht.

Warum IndexReloaded wählen?

Möchten Sie die Leistung Ihrer Website verbessern? IndexReloaded zeichnet sich durch die wichtigsten core web vitals aus. IndexReloaded repräsentiert unsere Erfahrung, die wir bei der Optimierung der Leistung zahlreicher Websites auf mobilen Geräten gesammelt haben. Wir glauben, dass Sie eine ähnliche, benutzerfreundliche All-in-One-Lösung zur Leistungssteigerung Ihrer Website finden können. Aber wir glauben nicht, dass Sie bei ähnlichen Produkten eine ähnliche Ehrlichkeit und ein besseres Preis-Leistungs-Verhältnis finden.

Profitieren Sie von einer Reihe einzigartiger Funktionen, um die Ladegeschwindigkeit Ihrer Website turbomässig zu beschleunigen. Von innovativer kritischer CSS-Generierung für „above-the-fold“-Inhalte bis hin zur Implementierung von „Tagged Page Caching“ sorgen wir für blitzschnelle Ladezeiten, die wichtige Leistungskennzahlen wie Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) und mehr verbessern.

Vor der Installation

Statistiken zeigen, dass das Plugin die Geschwindigkeit von 4 von 5 Websites verbessert. Bestimmte Theme- und Plugin-Kombinationen, insbesondere solche, die mit Caching und Optimierung zu tun haben, können jedoch zu Kompatibilitätsproblemen führen. Daher ist unser Plugin möglicherweise nicht für jede Website geeignet. Um zu sehen, wie IndexReloaded Ihrer Website nützen könnte, gibt es ein einfaches Tool, mit dem Sie es vor der Installation testen können. Wir empfehlen Ihnen dringend, PageSpeed Insights zu besuchen und Ihre Website vorher zu testen. Bitte beachten Sie: Um Ihre Website mit PageSpeed Insights genau zu testen, müssen Sie alle Optimierungs-Plugins vorübergehend deaktivieren. Dieser Test benötigt Rohdaten, um seine eigene Optimierung durchzuführen.

Eigenschaften

Lizenzierung

Die kostenlose Version, die ohne Lizenzschlüssel läuft, hat alles aktiviert, ausser der Erstellung von CCSS (critical CSS). Auf unserer Website TocToc Internetmanagement (https://www.toctoc.ch/getindexloaded) bieten wir einen kostenlosen Lizenzschlüssel an, der für eine Website und einen Monat gültig ist. Damit können Sie die Vollversion des Plugins testen, bevor Sie entscheiden, ob es Ihnen die rund 30 CHF pro Jahr (für 3 Websites) wert ist.

IndexReloaded bietet 3 verschiedene Lizenzen an – Free: geeignet, um IndexReloaded einen Monat lang zu testen, – Standard: ermöglicht CCSS auf 3 Websites für ein Jahr, – Developer: ermöglicht CCSS auf 12 Websites für ein Jahr

Informationen zum Datenschutz: Die kostenlose Version von IndexReloaded hat keine Verbindung zu Websites von Dritten, wie unserer – toctoc.ch. Die lizenzierte Version verbindet sich mit unserer Website toctoc.ch für die Lizenzvalidierung, die Verbindung ist strikt auf diesen Zweck beschränkt und sendet keine Daten ausserhalb des Rahmens der Lizenzvalidierung an toctoc.ch.

IndexReloaded Backend

Das Backend ist in zwei Menüpunkte unterteilt, die „Übersicht“ und die „Einstellungen“.

Für die korrekte Grundfunktion von IndexReloaded ist es notwendig, JavaScript zu identifizieren, das IndexReloaded für seine Operationen wie Umgruppierung, Komprimierung und verzögertes Laden ausschließen soll. In manchen Fällen muss auch CSS ausgeschlossen werden. Wir stellen eine erfahrungsbasierte Datenbank zur Verfügung, die dabei hilft, empfohlene Ausschlüsse zu identifizieren und – falls welche gefunden werden – diese zur IndexReloaded-Ausschlussliste für Ihre Seite hinzuzufügen – basierend auf dem Thema, den Plugins und den Elementen, die auf Ihren Seiten gefunden werden. Diese erfahrungsbasierte Datenbank wird mit jeder Version von IndexReloaded ausgeliefert und lizenzierte Nutzer können eine frische Kopie der erfahrungsbasierten Datenbank von unserer Website im Backend von Indexreloaded in Overview->Recommended Excludes herunterladen

IndexReloaded Übersicht

In „Übersicht“ konzentrieren wir uns zunächst auf die grundlegende Funktionsweise des Plugins und auf die Herausforderung, die wir lösen müssen, damit es richtig funktioniert. Danach gibt es 3 Registerkarten, auf denen der Gesamtstatus des Plugins angezeigt wird. Sie sehen, ob es aktiv ist und den Lizenzierungsstatus.

Im Reiter „CSS- und JS-Dateien“ sehen Sie Informationen über die von indexreloaded erzeugten CSS- und JS-Dateien. Mit dem „Dateien löschen“-Button können Sie alle Dateien auf der Festplatte entfernen und IndexReloaded zwingen, die Dateien neu zu erstellen. Der Reiter „Lizenzschlüssel“ gibt Auskunft über die verwendete Lizenz und deren Gültigkeit. Reiter „Ausschlussliste“, zeigt die vorgeschlagenen Ausschlüsse für Ihre Einstellungen „CSS- und JS-Verarbeitung“ Einstellung „Ausschlussliste“ und liefert Informationen zu den Gründen, warum die Ausschlüsse empfohlen werden. Diese Informationen stammen aus der erfahrungsbasierten Datenbank.

Die erfahrungsbasierte Datenbank

Da wir uns in der Version 1.1.1. befinden und dies für alle nachfolgenden Versionen gilt, muss die Erfahrung hinter der erfahrungsbasierten Datenbank noch wachsen. Es ist uns wichtig, Ihr Feedback zu erhalten, welche Ausschlüsse Sie auf Ihrer Seite finden und welche noch nicht Teil unserer erfahrungsbasierten Datenbank sind. Bitte senden Sie uns daher Ihre Funde zusammen mit den betroffenen Plugins oder Themes an unsere moderierte E-Mail-Adresse knowledgebase@toctoc.ch.

IndexReloaded Einstellungen

IndexReloaded gliedert seine Einstellungen in Gruppen für allgemeine Einstellungen, Einstellungen zur CSS- und JS-Verarbeitung, zu kritischem CSS, HTML-Cleanup, Preloading und Monitoring.

Allgemeine Einstellungen

In den allgemeinen Einstellungen können Sie einen Lizenzschlüssel hinzufügen und einige grundlegende Verhaltensweisen des Plugins einstellen, wie z.B. wo die CSS- und JS-Dateien gespeichert werden sollen, wie lange die generierten Dateien auf der Festplatte verbleiben und mehr. Mit der Einstellung „ Aktivierung“ aktivieren oder deaktivieren Sie die gesamte Frontend-Verarbeitung von IndexReloaded.

CSS- und JS-Verarbeitung

Der erste Teil dieser Einstellungen betrifft das, was IndexReloaded in Bezug auf CSS und JavaScript verarbeitet. Sie können alles ausschalten, CSS- oder JavaScript-Verarbeitung einzeln ausschalten. Als Kerneinstellung erlaubt die „Ausschlussliste“, JavaScript und CSS zu identifizieren, die von IndexReloaded intakt gelassen werden müssen. Es ist eine Kerneinstellung, weil Sie hier alle möglichen Fehler durch Hinzufügen korrekter Bezeichner verschwinden lassen können. Die Bezeichner in dieser kommagetrennten Liste können z.B. die ID eines Skripts oder ein Teil eines Dateinamens sein, bei Inline-JavaScript können sogar Teile des Codes als Bezeichner verwendet werden. Die Einstellung „Neue Dateien erzwingen“ ist praktisch bei der Entwicklung der „Ausschlussliste“, alternativ könnte man alle Dateien in „Übersicht“ löschen. Im „Produktionsmodus“ werden alle 3 URL-Parameter, die wir bei der Anfrage vom Frontend mitgeben können, deaktiviert. Mit „Load last JS file asynchronous“ kann man die von IndexReloaded erzeugten JavaScript-Dateien entweder aufschieben oder nicht aufschieben. Auch nach der Gruppierung von JS durch IndexReloaded verbleibt einiges an JavaScript im HTML. Die Einstellung „Verbleibendes JS nach Verarbeitung verzögert laden“ verzögert das Laden des entsprechenden JavaScript. Dies ist wichtig für die (endgültige) Beseitigung von Renderblocking-Elementen. Sie haben eine ‚jquery not found‘-Fehlermeldung erhalten, nachdem Sie „Defer remaining JS after processing“ aktiviert haben? Die Einstellung „Jquery nicht aufschieben“ ermöglicht es, Jquery von der Aufschiebung auszuschließen. Die Einstellung „CSS-Komprimierung“ aktiviert oder deaktiviert die Minimierung von CSS-Dateien. Durch die Verringerung der CSS-Größe verbessert das Plugin die Ladezeiten von Seiten erheblich. Die Einstellung „Minify JS“ aktiviert oder deaktiviert die Optimierung der Website-Performance durch Reduzierung der JavaScript-Dateigrößen. Diese Funktion verwendet ein JavaScript-Minifizierungstool eines Drittanbieters, das auf Ihrer Website ausgeführt wird. Durch die Aktivierung von „Minify JS“ reduzieren Sie die JavaScript-Größe, optimieren die Skriptbereitstellung und steigern die Effizienz der Webseite. Die Einstellung „Minify exclude list“ ermöglicht es, JS zu identifizieren, das nicht minifiziert werden muss, falls dies jemals erforderlich sein sollte.

Kritisches CSS

Diese Funktion von IndexReloaded verbessert die Ladegeschwindigkeit von Seiten erheblich, indem sie sich auf kritische Aspekte der Optimierung konzentriert. Kritisches CSS wird zu den nicht blockierenden JavaScripts hinzugefügt, um den kritischen Pfad für die schnelle Darstellung wichtiger Inhalte weiter zu optimieren. Durch die Einstellung „Folding aktivieren“ wird das gruppierte CSS in Inline-CSS und in zeitversetztes (asynchrones Lazy Load), nicht essentielles, CSS aufgeteilt, um die Leistung zu verbessern. Wenn ein im Original-HTML gefundener CSS-Teil kein kritisches CSS ergibt, kann dieses CSS außerdem mit der Einstellung „Remove CSS from CSS below if it doesn’t sort out CCSS“ entfernt werden. Das kritische CSS basiert auf dem HTML, wie es auf dem Client etwa 2 Sekunden nach dem Laden der Seite angezeigt wird. Daher ist es kaum nötig „Tags to keep above the fold“ (oder Klassen oder Ids to keep above the fold) anzugeben.

Preloading

Diese Einstellung in IndexReloaded konzentriert sich auf die Optimierung der Ladezeiten von Websites durch proaktives Vorladen wichtiger Ressourcen. Mit dieser Funktion können Sie das Vorladen wichtiger Ressourcen wie Schriftarten, Skripte oder CSS-Dateien erzwingen, die für den anfänglichen Rendering-Prozess der Seite erforderlich sind. Durch das vorzeitige Abrufen dieser wichtigen Anforderungen wird die Seitengeschwindigkeit erheblich verbessert. Da diese Einstellungen jedoch für jede Seite der Website gelten, sollten Sie das Vorladen mit Bedacht einsetzen. Abgesehen vom Vorladen von Schriftarten wird ein Vorladen nur angezeigt, wenn der Dateiname im HTML-Code der Seite enthalten ist.

HTML Cleanup

Die Einstellungen hier erlauben es, Teile des HTML zu entfernen, die oft als nutzlos angesehen werden. Beachten Sie, dass die Einstellung „HTML-Kommentare und Generator-Meta entfernen“ die Kommentare von ko.js intakt lässt. Die meisten HTML-Entfernungen werden jedoch automatisch durchgeführt. Für Schriftarten, die über Google geladen werden, verwendet es den „Swap“-Modus für Web-Schriftarten, um sicherzustellen, dass eine Ersatzschriftart sofort angezeigt wird, wodurch ein Aufblitzen von unsichtbarem Text (FOIT) verhindert wird. Außerdem wird das Laden von Google Fonts optimiert, so dass der Inhalt während des Ladevorgangs der Schriftarten sichtbar bleibt. Außerdem wird sichergestellt, dass alle Bilder mit den Attributen alt, width und height versehen sind.

Uninstallation

Wenn Sie das Plugin löschen, behält es automatisch alle Einstellungen bei. Während dieses Vorgangs wird das Verzeichnis mit den optimierten Dateien entfernt und eventuelle Cache-Einträge in der Datenbank werden gelöscht. Bitte beachten Sie, dass die Deinstallation des Plugins die Einstellungen des Plugins nicht entfernt.

Feedback, Fehlerberichte und Protokollierung möglicher Probleme

Wenn Sie Fragen oder Vorschläge haben oder auf Probleme im Zusammenhang mit der Optimierung der Website-Geschwindigkeit stoßen, bitten wir Sie, uns unter contactindexreloaded@toctoc.ch zu kontaktieren. Ganz gleich, ob Sie Nutzer, Entwickler oder Tester sind, Ihr Feedback ist wichtig für die Verbesserung unserer Dienste.

Um die Fehlersuche zu erleichtern, bietet IndexReloaded die Möglichkeit der Fehlerprotokollierung. Wenn Sie auf Probleme stoßen, können Sie uns helfen, diese zu lösen, indem Sie uns die entsprechende Fehlerprotokolldatei zur Verfügung stellen. Ihre Hilfe wird uns helfen, Ihre Erfahrung mit IndexReloaded zu verbessern.