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 //

Tool-Tipp:

Folgende Apps nutze ich in meinem Blog. Zu den meisten dieser Apps findest du auf meinem YouTube-Kanal oder direkt hier eine ausführliche Review.

Keyword-Strategie: WriterZen, LongTailPro, Link Assistant
Content-Erstellung: Frase, StoryChief, Bramework
Optimierung Pagespeed: WP Rocket, ShortPixel
Optimierung Conversion: Convertbox
Sicherheit: WPVivid

Du suchst nach einer Lösung für dein Marketing, deiner SEO- oder Content-Strategie? Dann schau auch gern in meiner Akademie vorbei: Businesserfolg.de

Deine Meinung ist gefragt!

Hat dir der Artikel gefallen? Oder fehlt etwas?
Hinterlasse mir gern einen Kommentar!
WordPress Themes deinstallieren bzw. löschen: Anleitung.

WordPress Themes deinstallieren bzw. löschen: Anleitung.

Eines der größten Vorteile von WordPress ist, dass es sehr einfach zu bedienen ist. Du kannst ein Theme in nur wenigen Minuten installieren. Es kann jedoch der Zeitpunkt kommen, an dem du WordPress Themes deinstallieren bzw. löschen möchtest. In diesem Leitfaden...

Automatische Blindtexte für dein Webdesign

Automatische Blindtexte für dein Webdesign

Die Erstellung eines Webdesigns ist ein komplizierter Prozess: Die Website soll schick aussehen, modern sein, Kunden in den Verkaufskanal leiten, eine Exit-Strategie in der Hinterhand haben und vieles mehr. Und ja ... dann möchte der Kunde natürlich auch wissen, wo...

Elementor Pro Kosten: Wirklich ein guter Deal?

Elementor Pro Kosten: Wirklich ein guter Deal?

Welche Elementor Pro Kosten erwarten dich? Es gibt viele Theme-Builder auf dem Markt, sodass die Entscheidung schwierig sein kann, welcher der beste für die eigenen Bedürfnisse ist. Einer der beliebtesten Theme-Builder ist Elementor Pro. Elementor ist ein großartiger...

|

Platz für deinen Kommentar!

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht.

Neue Themes

Neu: Scroll-Effekte, WooCommerce-Module u.v.m.

Galerie

Workshops

Workshops, Academy, Magazin, Masterclass

Starten

Geschenkt

Handbuch WordPress,
Workshop SEO & Marketing

Download