So minimieren Sie HTML, CSS und JavaScript mithilfe des Autoptimize Plugins

Google und andere Suchmaschinen geben Ihrer Website einen Mehrwert, wenn sie so schnell geladen wird. Da keiner der Zuschauer viele Patienten hat, die lange warten müssen, um Ihre Inhalte anzuzeigen, haben Sie nur 1,5 Sekunden Zeit, um ihre Aufmerksamkeit zu erregen. Wenn das Öffnen Ihrer Website zu lange dauert, verlieren Sie normalerweise Ihre Zuschauer. Dies ist also wichtig, um Ihre Website zu beschleunigen. Es gibt verschiedene Möglichkeiten, wie Sie Ihre Site optimieren können. Aber einer der wichtigsten Teile ist zu Minimieren Sie HTML, CSS und JavaScript.


Wenn Sie jemals einen Geschwindigkeitstest durchgeführt haben Google PageSpeed oder GTmetrix, Sie sehen wahrscheinlich diese Option.

Jede Website, die mit vielen Dateien geladen wird, enthält HTML, CSS und JavaScript. Und die meisten Dateien enthalten viel Speicherplatz, Kommentare, Blocktrennzeichen usw. Das ordnungsgemäße Laden dauert also erheblich länger.

Dies hängt auch von der Qualität des Themas ab. Zum Beispiel ist eine Premium-Themenqualität immer besser als ein kostenloses Thema. Premium-Themes sind gut codiert und werden von hochqualifizierten Entwicklern erstellt. Aber nicht alle Themen sind gleich und haben unterschiedliche Funktionen. Also von Minimieren Mit diesen HTML-, CSS- und JavaScript-Dateien können Sie die Geschwindigkeit Ihrer Website strategisch erhöhen und Ihre Besucher glücklich machen.

Was ist Minimieren und warum ist es vorteilhaft??

Minimierung ist eine Programmiersprache, die alle unnötigen Zeichen aus dem Quellcode entfernt, ohne ihre Funktionalität zu ändern. Diese unnötigen Zeichen enthalten normalerweise „Leerzeichen, neue Zeilenzeichen, Bemerkungen, und Blocktrennzeichen “. 

Vor dem Minimieren und nach dem Minimieren

Sie werden verwendet, um dem Code Lesbarkeit zu verleihen, sind jedoch für die Ausführung nicht erforderlich. Auf diese Weise wird die Menge an Code reduziert, die über das Web übertragen werden muss, und Ihre Bandbreite wird gespart. Also vorbei Minimierung von HTML, CSS und JavaScript, Sie können diese unnötigen Zeichen leicht und erheblich von Ihrer Site entfernen erhöhen, ansteigen Ihre Site-Geschwindigkeit. 

So minimieren Sie HTML, CSS und JavaScript

Es gibt zwei Möglichkeiten, wie Sie HTML und CSS minimieren können & JavaScript. Entweder können Sie Ihren Themencode bearbeiten oder Sie verwenden ein WordPress-Plugin namens Autoptimieren. In diesem Artikel zeigen wir Ihnen die beiden Prozesse So minimieren Sie HTML, CSS und JavaScript.

Um die genaue HTML-, CSS- oder JavaScript-Datei zu ermitteln, die das Problem verursacht, müssen Sie sie auf einem beliebigen Tool zum Testen der Site-Geschwindigkeit überprüfen Google PageSpeed-Tool oder GTmetrix. Weil nicht alle Ihre Dateien diese Art von unnötigen Zeichen enthalten.

Nachdem Sie das Ergebnis Ihrer Website überprüft haben, erhalten Sie es. Hier ist ein Bild von meiner Seite, das berücksichtigt CSS reparieren und JavaScript.

Minimierung von CSS, JavaScript

Es verschiebt Ihre Themenqualität. Sie brauchen sich also keine Sorgen zu machen, wenn Sie sehen, dass beide als Minify bezeichnet werden und es besser ist, ein Premium-Thema zu erhalten.

Es gibt einige Online-Tools, mit denen Sie HTML-, CSS- und JavaScript-Code minimieren können. 

Bevor Sie Änderungen vornehmen, erstellen Sie eine Sicherungskopie dieser Datei.

# 1 Code minimieren::

Code-Tool minimieren

Code minimieren ist ein All-in-One-Minifying-Tool. Es kann Ihre JavaScript-, CSS- und HTML-Codes minimieren. Alles, was Sie brauchen, um den HTML- oder CSS- oder JavaScript-Code zu kopieren und hier einzufügen. Dann klicken Sie auf Minimieren Möglichkeit. Dieses Tool minimiert automatisch Ihren Code. Kopieren Sie anschließend den minimierten Code in diese Datei.

Mit diesem Tool können Sie auch Ihren CSS- und JavaScript-Code wie HTML-Code minimieren.

# 2 Willpeavy::

Willpeavy

Willpeavy ist ein weiteres großartiges Werkzeug HTML minimieren Codes. Dieses Tool funktioniert genauso wie das Minimieren von Code. Es minimiert HTML und alle CSS oder JS, die in Ihrem Markup enthalten sind. Um dieses Tool zu verwenden, müssen Sie nur Ihren Code hier kopieren und auf Minimieren klicken.

Minimieren mit Autoptimize Plugin

Autoptimieren

Wenn Sie mit einer solchen Codierung nicht vertraut sind, ist es besser, ein Plugin zu verwenden, das Anfängern empfohlen wird. Also hier kommt die Plugin automatisch optimieren zum WordPress Benutzer.

Autoptimize verkettet alle Skripte und Stilcodes und verkleinert sie so schnell, dass sie geladen werden. Es minimiert das gesamte HTML, CSS & Javascript-Code selbst und macht Ihre Seite wirklich leicht. Mit Minification fügt dieses Plugin abgelaufene Kopfzeilen hinzu und verschiebt Stile in den Seitenkopf und kann Skripte in die Fußzeile verschieben.

Empfohlene Einstellungen automatisch optimieren

Sie können alles einfach über die Plugin-Einstellungen erledigen. Nachdem Sie dieses Plugin aktiviert haben, gehen Sie zu die Einstellungen> Autoptimieren.  Klicken Sie auf die Schaltfläche “Erweiterte Einstellungen anzeigen”.

In dem HTML Aktivieren Sie im Abschnitt “HTML-Code optimieren” und “HTML-Kommentare beibehalten”, um eine schnellere Leistung zu erzielen.

HTML-Optionen automatisch optimieren

In dem JavaScript Aktivieren Sie im Abschnitt “JavaScript-Code optimieren”. Sie können auch “JavaScript erzwingen” aktivieren, um JS frühzeitig zu laden und die Wahrscheinlichkeit von JS-Fehlern zu verringern. Falls Ihr JS Skripte kaputt macht, können Sie “Try-Catch-Wrapping hinzufügen” aktivieren..
JavaScript-Optionen automatisch optimieren

Im CSS Aktivieren Sie im Abschnitt “CSS-Code optimieren” und “Inline-CSS auch aggregieren”. Sie können auch “Inline and Defer CSS” aktivieren, wenn Sie CSS minimiert haben. Probieren Sie dieses Tool aus, um Ihr CSS zu minimieren und in das Feld einzufügen.

CSS-Optionen automatisch optimieren

Geben Sie Ihr CDN URL im Feld “CDN-Basis-URL”. Beispiel: “//cdn.example.com/”.

Zuletzt aktivieren Sie “Aggregiertes Skript / CSS als statische Datei speichern”. Stellen Sie jedoch sicher, dass Ihr Webserver die Komprimierung und den Ablauf ordnungsgemäß handhaben kann.

CDN-Optionen automatisch optimieren

Vergessen Sie nach dem Minimieren Ihres Codes nicht, die Geschwindigkeit Ihrer Website erneut zu überprüfen. Vergleichen Sie es dann mit den Ergebnissen der Vergangenheit. Wenn auf Ihrer Website ein Problem auftritt oder nicht richtig angezeigt wird, können Sie versuchen, das Problem zu beheben Zwischenspeicher

Fazit

Minimierung von HTML, CSS und JS ist vorteilhaft für Ihre Website. Es entfernt die unnötigen Zeichen Ihres Codes und verkleinert sie, was browserfreundlich ist. Auf diese Weise können Sie die Ladegeschwindigkeit Ihrer Website verbessern.

Wenn dieses Tutorial dazu beiträgt, HTML, CSS und JavaScript zu minimieren, teilen Sie diesen Artikel bitte mit Facebook, Twitter, Google+.

Zum Thema passende Artikel,

  • So nutzen Sie das Browser-Caching in WordPress
  • So optimieren Sie die WordPress-Datenbank mit WP-Sweep
  • 7 Best Image Optimizer für WordPress 2017
  • So aktivieren Sie einfach die Gzip-Komprimierung in WordPress für ein schnelleres Laden
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map