An international version is available for our store.
Zum Hauptinhalt springen
DizTech BV.

Critical CSS - Erhöhen Sie die Geschwindigkeit Ihrer Seite

Bewertung: keine Bewertung ( Bewertung schreiben )
Downloads: 108

Beschreibung

Highlights

  • Erhöhen Sie die Geschwindigkeit Ihrer Seiten um 5-10 Punkte
  • Automatisieren Sie die Generierung kritischer CSS für jede CMS-Seite in Ihrem Shop
  • Volle Kontrolle darüber, welche Seite für die Generierung der kritischen CSS verwendet wird
  • Benutzer- und entwicklerfreundlich

Über die Erweiterung

Warum sollte ich mich um kritische CSS kümmern?

Shopware lädt ein Bündel all Ihrer CSS für die Schaufensterfront in den <head>-Tag jeder Schaufenster-Webseite. Dies verursacht ein sogenanntes Rendering-Blocking-Ereignis, d. h. die Seite braucht länger zum Laden, was sich auf Ihre Google Web Vitals auswirkt. Critical CSS behebt dieses Problem, indem es nur das "above the fold"-CSS im <head>-Tag Ihrer Seite lädt und den Rest des CSS in die Fußzeile verschiebt, was zu einem schnelleren Laden der Seite und einem höheren Google Page Speed Score führt.

Generieren Sie kritisches CSS und erhöhen Sie die Geschwindigkeit Ihrer Seite. 

Mit diesem Plugin wird die Generierung von kritischen CSS für jede CMS-Seite Ihrer Website zum Kinderspiel. Wir stellen Ihnen intelligente Algorithmen zur Verfügung, die Ihre Website scannen und kritisches CSS dort generieren, wo es wichtig ist. 

Das macht unser Plugin für jeden Shopware 6 Shop geeignet. Von einem kleinen Shop mit nur ein paar Seiten bis hin zu einem Riesen mit >100k Seiten.

Volle Automatisierung oder manuelle Kontrolle

Wir sind uns bewusst, dass Ihr CSS nicht jeden Tag geändert wird. Deshalb bieten wir Ihnen zwei Möglichkeiten, Ihr kritisches CSS zu generieren.

1. Manuell über die Administration: Als administrativer Benutzer haben Sie die Möglichkeit, das kritische CSS mit einem Mausklick zu erzeugen.

2. Über einen bin/console-Befehl: Ihre Entwickler können einen Befehl verwenden, der das kritische CSS auf verbose oder non-verbose Weise generiert. Dieser Befehl kann manuell ausgeführt werden, aber auch in einen automatisierten Bereitstellungsablauf oder einen Scheduler integriert werden. 

Anforderungen

Das Plugin setzt voraus, dass der Server die Shopware 6 Systemanforderungen erfüllt, mit besonderem Augenmerk auf die Node- und npm-Versionen:

https://developer.shopware.com/docs/guides/installation/overview#system-requirements

Zusätzliche Abhängigkeiten sind erforderlich:

libnss3

Wenn Sie Fehler bei der Generierung des kritischen CSS feststellen, versuchen Sie, eine oder alle der unten aufgeführten Abhängigkeiten zu installieren:

libpangocairo-1.0-0 

libx11-xcb1 

libxcomposite1 

libxcursor1 

libxdamage1 

libxi6 

libxtst6

libnss

libcups2

libxss1

libxrandr2 

libgconf2-4 

libasound2 

libatk1.0-0 

libgtk-3-0

Möchten Sie mehr über kritisches CSS erfahren?

Weitere Informationen finden Sie hier https://web.dev/unused-css-rules

Kontakt

Wenn etwas Unerwartetes passiert ist oder Sie einen Aspekt der Erweiterung ändern oder verbessern möchten, kontaktieren Sie uns über das Shopware-Supportportal, indem Sie die Erweiterung auswählen oder eine Nachricht an support@diztech.nl senden. Stellen Sie sicher, dass Sie Ihre aktuelle Shopware-Version und die Version des Plugins angeben, die Sie verwenden. Um den Support-Prozess zu beschleunigen, ist es am besten, so viele Informationen wie möglich bereitzustellen oder uns Zugriff auf Ihre Testumgebung zu gewähren. Auf diese Weise können wir das Problem selbst reproduzieren und schneller eine Lösung finden.

Über uns

Bei DizTech haben wir uns einen Namen gemacht, indem wir Qualität und Geschwindigkeit priorisieren. Unser Fokus lag darauf, über 50 hochwertige Shopware 6-Erweiterungen zu entwickeln, die Sie unten finden können, was uns als Shopware Premium Extension Partner anerkannt hat. Wir legen großen Wert darauf, Ihnen persönlichen und schnellen Support zu bieten, wann immer Sie ihn benötigen, und lassen uns von Ihnen, unseren geschätzten Kunden, inspirieren. Dieser Ansatz ermöglicht es uns, Erweiterungen zu erstellen, die auf Ihre Bedürfnisse sowie die Bedürfnisse Ihrer Kunden zugeschnitten sind. Um uns besser kennenzulernen, besuchen Sie bitte unsere Website unter https://www.diztech.nl.

Details

  • Verfügbar in: Englisch, Deutsch, Niederländisch
  • Zuletzt aktualisiert: 18. September 2024
  • Veröffentlicht: 2. November 2021
  • Version: 3.0.2
  • Kategorie: SEO Optimierung

Ressourcen

Bewertungen (0)

Bewertung schreiben

Wenn du diese Erweiterung heruntergeladen hast, kannst du diese im Shopware Account bewerten.

Bewertung schreiben

Über den Extension Partner

DizTech BV.

DizTech BV.

Alle Erweiterungen anzeigen:

Partner Status

Shopware Premium Extension Partner
Shopware
Premium Extension Partner

Details

  • Bewertung: 4.6

    Durchschnittliche Bewertung von 4.6 von 5 Sternen

  • Partner seit: 2018
  • Erweiterungen: 54
  • Land: The Netherlands

Support

  • Support Sprachen: Deutsch, Englisch
  • Support Reaktionszeit: Sehr schnell