Minifiziertes JavaScript

Silktide prüft, ob die Skriptdateien, die Ihre Seite herunterlädt, minifiziert wurden – also so umgeschrieben, dass Leerzeichen, Kommentare und lange Namen entfernt werden, die nur für Menschen beim Lesen des Codes relevant sind. Unminifizierte Skripte sind viel größer als nötig und verlangsamen dadurch das Laden der Seite.

ändert nichts am Verhalten des Codes. Zum Beispiel:

\/\/ Vor der Minifizierung: lesbar, aber umfangreich
function calculateTotalPrice(itemPrice, quantity) {
    return itemPrice * quantity;
}

\/\/ Nachher: identisches Verhalten, nur ein Bruchteil der Größe
function c(a,b){return a*b}

Warum das wichtig ist

ist oft das Schwerste, was eine Seite herunterlädt, und anders als Bilder muss es außerdem verarbeitet werden, bevor die Seite vollständig interaktiv wird. Unminifizierte Skripte schrumpfen routinemäßig um die Hälfte oder mehr, und diese Einsparung wiederholt sich bei jedem Besucher für jeden nicht zwischengespeicherten Seitenaufruf – besonders deutlich für Nutzer mit Smartphones und langsameren Verbindungen.

Weil die Minifizierung automatisch ist und das Verhalten nicht ändert, sind unminifizierte Produktionsskripte fast immer ein Versehen: ein übersprungener Build-Schritt oder irrtümlich bereitgestellte Entwicklungsdateien.

So beheben Sie das

Aktivieren Sie die Minifizierung im Build-Prozess der Website. Jedes moderne Build-Tool enthält einen Minifier, meist in Produktions-Builds standardmäßig aktiviert.
Hat die Website keinen Build-Prozess, prüfen Sie das : Die meisten bieten eine Einstellung oder ein Plugin, das Skripte automatisch minifiziert.
Als letzten Ausweg führen Sie die Dateien durch einen eigenständigen Minifier, bevor Sie sie hochladen. Bewahren Sie die lesbaren Originale auf – diese bearbeiten Sie und veröffentlichen das minifizierte Ergebnis.
Gehört eine gemeldete Datei einem Drittanbieter, prüfen Sie, ob dieser eine minifizierte Version anbietet – das ist in der Regel der Fall.

So testet Silktide das

Die Seite wird in einem echten Browser geladen – mit dem Gerätetyp, der Verbindungsgeschwindigkeit und dem Teststandort, die für Ihre Geschwindigkeitstests konfiguriert sind.
Jede Skriptdatei, die die Seite herunterlädt, wird untersucht, und es wird geschätzt, wie viel kleiner sie durch Minifizierung wäre.
Jede Datei mit einer nennenswerten möglichen Einsparung wird gemeldet, und die Seite wird anhand der Gesamtsumme bewertet: Rund 50 KB potenzieller Einsparungen führen zu einer Abwertung, und 250 KB oder mehr werden als schlecht eingestuft.

Fehlerbehebung

Die Datei wirkt bereits minifiziert

Minifier unterscheiden sich in ihrer Aggressivität, daher kann auch eine leicht komprimierte Datei noch spürbare Einsparungen enthalten. Die Prüfung meldet, um wie viel kleiner die Datei sein könnte; ein aktueller Minifier erfasst den Unterschied in der Regel.

Wir brauchen lesbaren Code zum Debuggen

Bewahren Sie lesbare Quelldateien in Ihrem Projekt auf und debuggen Sie mit Source Maps, die es den Entwicklerwerkzeugen des Browsers erlauben, den Originalcode anzuzeigen, während Besucher die minifizierte Version erhalten. Sie müssen nie lesbaren Code ausliefern, um lesbar debuggen zu können.