Es gibt viele Entwickler von Designs und Vorlagen, die viel Zeit mit der Optimierung verbringen, um gute Ergebnisse bei Google PageSpeed ??Insights zu erzielen. Installieren Sie jedoch nach dem Eintreffen des Webmasters einige Plug-ins und ruinieren Sie die gesamte Optimierungsarbeit. In diesem Artikel lernen wir daher, JavaScript und CSS von Contact Form 7 nur bei Bedarf zu laden und so die Ladezeit unserer Website zu optimieren.
Laden Sie Javascript und CSS nur bei Bedarf vom Kontaktformular 7
Viele werden wissen, welches das beste Kontakt-Plugin für WordPress ist und dessen Name Contact Form 7 ist . Nun, das Problem ist, dass nach der Installation des Plugins der Javascript- und CSS-Code geladen wird, den die Formulare auf allen Seiten unseres Blogs verwenden. Dies ist nicht gut, da es sich um unnötigen Code handelt. Als nächstes werden wir sehen, wie das Contact Form 7-Plugin optimiert wird .
Um das Laden des JavaScript- und CSS-Codes von Contact Form 7 auf allen Seiten zu vermeiden, haben Sie zwei Möglichkeiten:
- Bearbeiten der Datei functions.php (Lösung für Neulinge).
- Bearbeiten der Datei wp-confip.php und Hinzufügen einer benutzerdefinierten Seitenvorlage.
Bearbeiten Sie die Datei functions.php
Meiner Meinung nach ist diese Methode die am meisten empfohlene für Anfänger, da sie die einfachste ist und jeder mit Grundkenntnissen in WordPress ausführen kann.
Als Erstes müssen Sie entweder die Identifikationsnummer der Kontaktseite (im Bild rot hervorgehoben) oder den Namen der Kontaktseite (im Bild grün hervorgehoben) kennen .
In diesem Fall wäre es die Kennung 70 und der Name Contacto . Mit diesen Daten bearbeiten wir die functions.php Datei unseres Themes oder WordPress-Templates. Diese Datei befindet sich in unserem Theme-Ordner /wp-content/themes/nombre_theme/functions.php .
Wir müssen den folgenden Code zur Datei functions.php hinzufügen:
//eliminar JavaScript de contact form 7 add_action( 'wp_print_scripts', 'deregister_cf7_javascript', 100 ); function deregister_cf7_javascript() { if ( !is_page('70') ) { wp_deregister_script( 'contact-form-7' ); } } //eliminar CSS de contact form 7 add_action( 'wp_print_styles', 'deregister_cf7_styles', 100 ); function deregister_cf7_styles() { if ( !is_page('70') ) { wp_deregister_style( 'contact-form-7' ); } }
Im Beispielcode verwende ich die Identifikationsnummer, aber wir könnten den Namen verwenden (in dem Code, in dem die '70' würden wir 'Contacto' eingeben). Es ist gleichgültig, die Identifikationsnummer oder den Namen der Seite zu verwenden.
Bearbeiten Sie die Datei wp-config.php
Diese Methode ist komplexer und erfordert mittlere bis hohe Kenntnisse in WordPress. Sie ist jedoch in Bezug auf die Ressourcennutzung optimiert . Wenn Sie also ein Blog mit vielen Besuchen haben, sollten Sie diese Methode verwenden.
Diese Methode besteht wp-config.php , das Laden von CSS und Javascript in Contact Form 7 über die Datei wp-config.php vollständig zu deaktivieren. Wir aktivieren das Laden des CSS- und Javascript-Codes jedoch nur auf der Kontaktseite über eine benutzerdefinierte Seitenvorlage .
Zunächst benötigen Sie eine benutzerdefinierte Seitenvorlage für die Kontaktseite. Und in dieser Vorlage, die ich zum Beispiel custom-contact.php aufrufen werde, custom-contact.php den Code hinzufügen:
<?php if ( function_exists( 'wpcf7_enqueue_scripts' ) ) { wpcf7_enqueue_scripts(); wpcf7_enqueue_styles(); } ?>
Dieser Code muss ausgeführt werden, bevor der Funktionsaufruf wp_head() ordnungsgemäß funktioniert.
Zum Abschluss müssen wir die Datei wp-confip.php bearbeiten und die Zeilen hinzufügen:
define('WPCF7_LOAD_JS', false); define('WPCF7_LOAD_CSS', false);
Dies wäre die ganze geleistete und geleistete Arbeit. Wenn der Artikel für Sie nützlich war, können Sie darüber nachdenken, ein soziales +1 zu hinterlassen und den Artikel zu teilen, weil viele Webmaster Stunden und Ressourcen aufwenden, um ihre WordPress-Themen oder -Vorlagen zu optimieren, und dann ein paar Plugins installieren und alle ruinieren arbeiten