Divi Performance: Page Speed Insights optimieren

In diesem Video zeige ich dir, wie ich die Page Speed Insights für das Theme Divi optimiere. Wir werden dazu die Bilder, den Cache und die Fonts optimieren. Ich nutze dazu folgende Plugins:

Also dann … los geht´s:

 

Code aus dem Video:

// SWAP IMAGE modified font-swapper //
add_action( 'init', function () {
remove_action( 'wp_enqueue_scripts', 'et_builder_preprint_font' );
});
function et_builder_preprint_font_replacement() {
// Return if this is not a post or a page
if ( ! is_singular() || ! et_core_use_google_fonts() ) {
return;
}
$post_id = get_the_ID();
$post_fonts_data = get_post_meta( $post_id, 'et_enqueued_post_fonts', true );
if ( ! is_array( $post_fonts_data ) || ! isset( $post_fonts_data['family'], $post_fonts_data['subset'] ) ) {
return;
}
$fonts = $post_fonts_data[ 'family'];
if ( ! $fonts ) {
return;
}
$unique_subsets = $post_fonts_data[ 'subset'];
$protocol = is_ssl() ? 'https' : 'http';
wp_enqueue_style( 'et-builder-googlefonts-cached', esc_url( add_query_arg( array(
'family' => implode( '|', $fonts ) ,
'subset' => implode( ',', $unique_subsets ),
'display' => 'swap',
), "$protocol://fonts.googleapis.com/css" ) ) );
}
add_action( 'wp_enqueue_scripts', 'et_builder_preprint_font_replacement', 10, 2 );
// ENDE //

Deine Meinung ist gefragt!

Hat dir der Artikel gefallen? Oder fehlt etwas?
Hinterlasse mir gern einen Kommentar!
Checkliste ✅ Die besten WordPress Themes kaufen

Checkliste ✅ Die besten WordPress Themes kaufen

Wie und wo kann man die besten WordPress Theme kaufen? Nun, bevor ich "das beste WordPress Theme kaufen" kann, muss ich erst einmal herausfinden, was die Kriterien für die besten WordPress Themes sind. Und hier wird es schon kniffelig. Aber fangen wir ganz vorne an...

Welches WordPress Theme ist das beste Theme?

Welches WordPress Theme ist das beste Theme?

Welches WordPress Theme ist das beste Theme für dein Projekt? Nun, WordPress Themes sind wie die Autos. Es gibt Tausende Modelle, und sie alle haben unterschiedliche Eigenschaften. Einige Autos sind einfach zu fahren, während andere schwer zu handhaben sind. Einige...

Divi Header Jumping / Moving On Page Load

Divi Header Jumping / Moving On Page Load

Wenn du eine benutzerdefinierte Einstellungen für die Navigation nutzt, sprich im Theme Customizer eine eigene Höhe für deine Navigation angelegt hast, kommt es zu kleinen Sprüngen im Kopfbereich der Website. Dies betrifft den ersten Abschnitt der Seite, Module mit...

WordPress Updates installieren

WordPress Updates installieren

Für viele ist es ein Horrorszenario: "Wir müssen ein WordPress Update installieren". Wie soll man das machen? Geht alles reibungslos? Wo gibt es Probleme? Und das Wichtigste. Wie kann man diese beheben? Wie man WordPress aktualisieren oder Theme- und Plugin-Updates...

|

Platz für deinen Kommentar!

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Neue Themes

Workshop

Geschenkt

Handbuch WordPress,
Workshop SEO & Marketing

Download