Über die Definition einer guten Website kann man sich aus ästhetischer Sicht streiten. Aber technisch gehört Geschwindigkeit zu den Anforderungen einer großartigen Website. Also, wenn Sie ein Website-Besitzer sind, der Ihre Besucher glücklich machen möchte, ist es wichtig, Ihre Website (n) immer auf der Überholspur zu haben.

Es gibt viele Faktoren, die die Ladegeschwindigkeit einer Website beeinflussen können. Das Analysieren und Reparieren der Probleme nach dem anderen könnte ein Alptraum für Nicht-Geeks sein, die zufällig eine oder zwei Websites haben. Aber zum Glück gibt es YSlow - ein Firefox-Add-on, das selbst den gängigsten Technologiebenutzern hilft, die Schweine auf ihren Webseiten aufzuspüren.

Abrufen, Installieren und Einrichten der Add Ons

Sie können YSlow über die Suchfunktion im Add-ons-Manager von Firefox installieren oder direkt von der YSlow-Seite beziehen.

Und nach der Installation können Sie das Logo in der unteren Leiste von Firefox sehen. Ein Klick darauf aktiviert das Add-on.

Beachten Sie jedoch, dass Sie Firebug vor der Verwendung von YSlow installieren und aktivieren müssen. Und wenn Sie Firefox 4 Beta-Benutzer sind, können Sie derzeit YSlow nicht verwenden, da die neueste Version von Firebug (zum Zeitpunkt des Schreibens) nur mit Firefox 3.x kompatibel ist.

Wenn alles eingestellt ist, klicken Sie auf die Schaltfläche YSlow, während die Website, die Sie analysieren möchten, fokussiert ist. YSlow wird als eine der Registerkarten von Firebug geöffnet. Sie können die Option wählen, YSlow bei jedem Laden einer Webseite immer auszuführen, aber normale Benutzer, die nur eine oder zwei Sites analysieren möchten, sollten den manuellen Prozess verwenden, indem Sie auf die Schaltfläche " Test ausführen" klicken.

Es gibt mehrere Regelsets für Tests, die Sie verwenden können, je nachdem, welche Art von Website Sie haben. Die meisten von uns Hobby-Bloggern möchten vielleicht den Regelsatz " Kleine Site oder Blog " verwenden.

Sie können die Sets auch bearbeiten, indem Sie neben dem Regelset-Dropdown-Menü auf die Schaltfläche " Bearbeiten " klicken. Dann können Sie Elemente des Satzes einschließen / ausschließen. Sie können weitere Informationen zu einem Objekt erhalten, indem Sie den Mauszeiger darüber bewegen.

Das Testergebnis

Nachdem Sie auf die Schaltfläche " Test ausführen" geklickt haben, beginnt YSlow mit der Analyse Ihrer Website. Einen kurzen Moment später zeigt es Ihnen das vollständige Ergebnis mit Gesamtnoten, individuellen Noten und kurzen Notizen zu jedem Artikel.

Sie können mehr über einen bestimmten Artikel erfahren, indem Sie auf den Link " Mehr lesen " klicken.

Sie können das Ergebnis auch anhand der Kategorien filtern.

Neben der Registerkarte " Note " befindet sich die Registerkarte " Komponenten ". An dieser Stelle können Sie die Aufgliederungsliste der Komponenten anzeigen, die die analysierte Seite belasten.

Die Registerkarte " Statistiken " zeigt Ihnen das Ergebnis grafisch an. Sie können die Größe der einzelnen Komponenten schnell vergleichen, indem Sie sich die Grafik ansehen.

Werkzeuge des Handels

Nach der Analyse kommt die Fixierungsphase. YSlow bietet seinen Nutzern eine Reihe von Tools zur Verbesserung der Leistung Ihrer Websites. Aber denken Sie bitte daran, dass YSlow nur so weit geht, Ihnen Vorschläge für die optimierten Elemente Ihrer Websites zu geben. Sie müssen diese Komponenten noch manuell bearbeiten und die alten durch die von YSlow vorgeschlagenen optimierten Versionen ersetzen.

Beispielsweise. Sie können auf den Link " All JS Minified " klicken, um ein kompakteres und kleineres Skript zu erhalten. Melden Sie sich dann bei Ihrem Webhost an und verwenden Sie diese minimierten Skripts, um die auf Ihrer Site verwendeten zu ersetzen.

Aber das Werkzeug, von dem ich denke, dass es für die meisten von uns nützlich wäre, ist das Smush.it. Dieses Tool optimiert die Bilder auf der analysierten Seite, sodass diese Bilder kleiner und für das Web passender sind.

Klicken Sie auf den Link " All Smush.it " und lassen Sie Smush.it den Rest erledigen. Nachdem der Vorgang abgeschlossen ist, können Sie die gemusterten Bilder herunterladen und sie verwenden, um die auf der Webseite verwendeten Bilder zu ersetzen.

Das Tool ermöglicht es Ihnen auch, Bilder von Ihrer Festplatte hochzuladen und zu optimieren. Dies ist sehr nützlich, um die Größe von Bildern zu komprimieren, bevor Sie sie für das Web verwenden.

Seien Sie jedoch gewarnt, dass Smush.it die Dateien umbenennen und Pluszeichen (+) verwenden wird, um Leerzeichen zu ersetzen. Auf einigen Websites können Sie nicht standardmäßige Zeichen für Dateinamen verwenden, und Ihre optimierten Bilder werden möglicherweise nicht ordnungsgemäß angezeigt. Vielleicht möchten Sie die optimierten Bilder umbenennen, bevor Sie sie ins Internet hochladen.

Es gibt viele weitere Aspekte von YSlow, die hier nicht beschrieben werden können. Weitere Informationen finden Sie im YSlow-Benutzerhandbuch.

Besitzer von WordPress-Blogs könnten auch 3 weitere Methoden ausprobieren, um die Belastung zu verringern und ihre Blogs zu beschleunigen.

Hast du YSlow ausprobiert? Kennen Sie andere Tools, um die Schweine auf Ihren Websites zu analysieren und zu reparieren? Teilen Sie Ihre Gedanken und Meinungen mit dem folgenden Kommentar.