CSS und JS komprimieren, aber wie?

  • Hallo,
    meine Website hat eine super Server-Ladezeit, allerdings sagt mir der Pagespeed Test von Google, dass ich CSS und JS verkleinern soll, damit es noch schneller geladen werden kann. Ich nutze das Caching Tool W3 Total Cache und möchte jetzt gerne wissen, wie ich CSS und JS Datein meiner Seite in der Größe verringern kann. Ich habe schon verschiedene Plugins ausprobiert und auch etwas mit gzip versucht, aber bisher hat nichts zu einer Kompimierung geführt. Habt ihr einen sinnvollen Tipp, wie man es hinbekommt, CSS und JS zu komprimieren?

    Besuche uns im Web unter: HighTechX.de

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hi,
    normalerweise sollte die Aktivierung von GZIP mit hier den Einträgen in die .htaccess klappen: http://gtmetrix.com/enable-gzip-compression.html
    Aber nicht alle Hoster unterstüzen diese Methode. Es gibt dann aber andere Möglichkeiten.

    Mit W3 Total Cache habe ich schlechte Erfahrungen gemacht.
    Ich würde mal hier das testen http://wordpress.org/plugins/autoptimize/
    Und dazu vielleicht noch WP Super Cache oder das hier http://wordpress.org/plugins/cachify/

    MfG

    Einmal editiert, zuletzt von g3h (22. Dezember 2013 um 12:16)

  • Danke für die Antwort. Also ich habe mir jetzt WP Super Cache installiert und die Seite läd schneller, allerdings sagt mir das Google Pagespeed Tool obwohl ich autoptimize und auch die gzip Methode genutzt habe, dass sich nichts an der JS und CSS Größe geändert hat... Irgendwie hilft bei mir da nichts, kann das sein?

    Besuche uns im Web unter: HighTechX.de

  • Also ich benutz hier die Seite http://gtmetrix.com/reports/www.hightechx.de/YC5c7GTK und da steht ja das bei dir GZIP Aktiv ist und deine CSS und JS Dateien minifiziert sind.

    Du könntest als nächstes ja noch den Browsercache der Benutzer nutzen was mit Leverage browser caching gemeint ist.

    Außerdem sieht man unter Timeline das zwei Dateien beim Abrufen nicht gefunden werden und einen 404 erzeugen. Das kostet unnötig Zeit.

    Einmal editiert, zuletzt von g3h (22. Dezember 2013 um 17:55)

  • Danke, habe das mit dem Leverage Browser Caching jetzt eingestellt. Wie kann ich denn diese zwei nicht funktionierenden Datein ausfinden machen, und entfernen, dass kein 404 erzeugt wird?

    Besuche uns im Web unter: HighTechX.de

  • Das sieht man unter der Timeline bei Gtmetrix. (oder wie erwähnt mit Firebug oder in Firefox mit STRG+SHIFT+K)
    Einmal müsste es http://www.hightechx.de/wordpress/wp-content/uploads/2013/10/Überwachungssysteme-150x150.jpg sein, vielleicht ist da was mit den Umlauten schief gegangen. Kannst ja einfach noch so eine Datei erzeugen, die genau den Namen hat oder du schaust auf welcher Seite das Bild benutzt wird und entfernst den Link.
    Den anderen 404 versteh ich nicht (eventuell was wegen Autoptimze).

    Einmal editiert, zuletzt von g3h (22. Dezember 2013 um 19:31)

  • Gibt's eigentlich nach der Komprimierung Probleme mit einem Themeupdate?
    Und lässt sich die Komprimierung rückgängig machen, um zB in einer CSS nachträglich was zu ändern?

    Thank god for great material

  • Habe jetzt mal autooptimize installiert. bringt laut GTmetrix etwas (Page Speed 87 statt 82 und YSlow 81 statt 72)
    habe html- und css- optimierung angeklickt. Wenn javascrip code auch optimiert werden soll schmiert die Seite ab (kein hintergrundbild und kein Menü) gibts es das öfter oder ist das nur bei mir?

    Thank god for great material

    Einmal editiert, zuletzt von hydro (24. Dezember 2013 um 20:45)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!