Wie entferne ich nicht verwendetes CSS und JavaScript in WordPress?

Mitglieder-Login

InformationenJavaScript-Programmierung

Wie ASP.NET Validatoren Mit JavaScr… Active Server Pages.NET , üblicherweise abgekürzt ASP.NET , ist eine server-seitige Skriptsprache, d
Wie man einen String mit JavaScript… In JavaScript können Sie explodieren einen String und trennt seine Teile in eine Reihe , mit der Spl
Wie Markieren Sie eine Spalte in Ja… Es ist möglich , mit Hilfe von JavaScript und Kaskadierte Style Sheet (CSS) , um die Farbe einer Spa
Tutorial für jQuery Plugins Wie In… Das jQuery -JavaScript-Bibliothek enthält eine Plugin-Architektur . JQuery Plugins können Funktionen

Programming

HOME

* Computer Wissen >> Programming >> JavaScript-Programmierung >> .

Wie entferne ich nicht verwendetes CSS und JavaScript in WordPress?

Das Entfernen nicht verwendeter CSS- und JavaScript-Codes kann die Leistung und Ladezeit Ihrer Website erheblich verbessern. Hier sind einige Methoden, mit denen Sie dies in WordPress erreichen können:

1. Verwenden Sie ein Plugin: Es gibt mehrere WordPress-Plugins, die sich auf das Entfernen nicht verwendeter CSS- und JavaScript-Dateien spezialisiert haben. Einige beliebte Optionen sind:

- Automatisch optimieren

- W3-Gesamtcache

- WP Rocket

- Asset-Bereinigung

Diese Plugins scannen normalerweise Ihre Website, erkennen ungenutzte Assets und verkleinern oder entfernen sie.

2. Manuelle Entfernung: Wenn Sie einen praktischen Ansatz bevorzugen, können Sie nicht verwendetes CSS und JavaScript manuell identifizieren und selbst entfernen. So geht's:

- Öffnen Sie Ihre Website in einem Browser und drücken Sie Strg + U, um den Quellcode anzuzeigen.

- Drücken Sie Strg + F und suchen Sie nach „.css“- und „.js“-Dateien.

- Kopieren Sie die Dateinamen und öffnen Sie die CSS- oder JS-Dateien in einem Texteditor.

- Entfernen Sie alle CSS-Regeln oder JavaScript-Code, die auf der Seite nicht verwendet werden.

- Speichern Sie die Dateien und laden Sie sie mit einem FTP-Client oder dem Dateimanager in Ihrem Hosting-Kontrollfeld zurück in den Ordner Ihres WordPress-Themes hoch.

3. Verwenden Sie ein CDN (Content Delivery Network): Ein CDN kann dazu beitragen, die Belastung Ihres Servers zu reduzieren und die Leistung Ihrer Website zu verbessern, indem es statische Assets wie CSS- und JavaScript-Dateien von mehreren Standorten auf der ganzen Welt bereitstellt. Zu den beliebten CDN-Diensten gehören:

- Wolkenflare

- Amazon CloudFront

- MaxCDN

- KeyCDN

4. Gzip-Komprimierung aktivieren: Die Gzip-Komprimierung reduziert die Größe von CSS- und JavaScript-Dateien, bevor sie an den Browser gesendet werden. Dadurch kann die Ladezeit Ihrer Website deutlich verbessert werden. Sie können die Gzip-Komprimierung in Ihrem WordPress-Hosting-Kontrollfeld oder über ein Plugin wie W3 Total Cache oder Autoptimize aktivieren.

5. CSS und JavaScript minimieren: Unter Minimierung versteht man den Prozess, unnötige Zeichen und Leerzeichen aus CSS- und JavaScript-Dateien zu entfernen, ohne deren Funktionalität zu ändern. Dies reduziert die Größe der Dateien und verbessert die Ladezeit. Sie können Assets manuell mit einem Tool wie CSSO oder JSMin minimieren, oder Sie können ein Plugin wie Autoptimize verwenden, um dies automatisch zu tun.

Wenn Sie diese Methoden befolgen, können Sie ungenutztes CSS und JavaScript effektiv von Ihrer WordPress-Website entfernen und deren Gesamtleistung verbessern.