Performance

Permalink Allgemein

Die nachfolgenden Optionen befinden sich im Menü
Design -> Customizer -> Allgemein -> Zusätzliche Einstellungen.

Je nach Setup können diese Optionen dabei helfen die Ladezeit zu verbessern.

Permalink Ladeverhalten von CSS und Javascript

Standardmäßig werden alle CSS-Anweisungen von Atomion in einer einzelnen CSS-Datei zusammengefasst und geladen. Das selbe gilt für alle Javascripts.

Unter Umständen kann es für dein Setup günstiger sein, statt einer einzelnen großen Datei mehrere kleinere Dateien zu laden.

Dies kannst du erreichen, indem du den Haken bei den Optionen “Kombiniertes CSS verwenden” und “Kombiniertes JS verwenden” entfernst.

Wenn du die Einstellung so gesetzt hast, werden unter nachfolgenden Voraussetzungen die folgenden CSS-Dateien geladen:

Die Datei font-awesome.css wird unabhängig von der gewählten Einstellung immer als einzelne Datei geladen und wird für die Darstellung der Icons benötigt.

Für Javascripte gilt folgende Tabelle:

Permalink Filter atomion_scripts_styles

Mit dem Filter atomion_scripts_styles kannst du selbst Einfluss auf die zu ladenden CSS- und Javascript-Dateien nehmen.

Die Verwendung zeigen wir hier an einigen Beispielen:

add_filter('atomion_scripts_styles', function($assets) {
    // z.B. Entfernung von blocks.css
    unset($assets['css']['blocks']);

    // z.B. shariff.css nur auf Produktseiten laden
   if ( ! is_product() ) {
        $assets['css']['shariff']['active'] = false;
   }

   return $assets;
});

add_filter('atomion_scripts_styles', function($assets) {
    // z.B. Entfernung von compatibilities.js
    unset($assets['js']['compatibilities']);

    // z.B. sliders.js nur auf Produktseiten laden und im head ausgeben
   if ( ! is_product() ) {
        $assets['js']['sliders']['active'] = false;
        $assets['js']['sliders']['footer'] = false;
   }

   return $assets;
});

Es können folgende Attribute übergeben werden:

Permalink Laden einzelner Dateien mit Plugin beeinflussen

Wenn du mit der Verwendung von Filtern in WordPress nicht so vertraut bist, kannst du stattdessen z.B. ein Plugin wie “Asset CleanUp” verwenden um bspw. je Seite festzulegen, welche CSS- und/oder Javascript-Dateien geladen werden sollen.

Permalink Dynamisches CSS

Standardmäßig werden die CSS-Anweisungen, welche sich aus den Einstellungen im Customizer ergeben, via admin-ajax geladen.

Wenn du feststellst, dass deine admin-ajax generell sehr umfangreich ist und lange Zeit zum Laden benötigt, kannst du die Option “Dynamisches CSS inline ausgeben” aktivieren, um so den Einfluss von Atomion auf die admin-ajax zu verringern und die CSS-Anweisungen stattdessen direkt im head-Bereich ausgeben zu lassen.

Wenn du die Option aktiviert hast, dann im Nachhinein Einstellungen im Customizer änderst und diese Änderungen im Frontend nicht sichtbar werden, solltest du mit Klick auf den Button “Dynamisches CSS neu generieren” das inline CSS einmalig neu generieren um die Änderungen wirksam zu machen.

Bitte beachte, dass nicht nur Themes Einfluss auf die Größe und Ladegeschwindigkeit der admin-ajax nehmen, sondern ebenfalls nahezu alle aktivierten Plugins.