[CSS+JS] Mehrere Dateien zusammenfügen

    Beim Versuch meinen WP-Blog etwas performanter zu machen, stoße ich gerade an meine Grenzen. Ich möchte meine unzähligen CSS- und JS-Dateien zu jeweils einer einzigen vereinen. Wie das in der Theorie funktioniert hab ich mir "ergoogelt", aber: In der header.php meines Themes greift wp_head() auf alle einzelnen Dateien zu. Nach längerer Suche habe ich die Funktion dann gefunden, in der auch wieder nur wp_head steht. Ich verzweifel hier bald^^

    Kann ich wp_head() in der header.php löschen und einfach die neu erstellten CSS- und JS-Dateien manuell einbinden? Oder steckt hinter der Funktion noch mehr? Einfach dazupacken bringt ja wohl nichts, da imo dann alles doppelt geladen wird.

    Btw: Funktionierende und aktuell noch gepflegte Plugins habe ich bisher leider nicht finden können!

    Grüße
    Schlachtvieh

    • Gerade eben
    • 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

    Schreib mal das in Deine functions.php

    PHP
    // Javascript to footer
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);
add_action('wp_footer', 'wp_print_scripts', 5);
add_action('wp_footer', 'wp_enqueue_scripts', 5);
add_action('wp_footer', 'wp_print_head_scripts', 5);


    Guck danach mal in Deinen Quelltext. Die .js müssten jetzt im Footer stehen. Wenn es Probleme macht, löschst Du den Teil einfach wieder.

    wp_head() einfach zu löschen, halte ich für keine gute Idee.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Hi SirEctor,
    danke für den Tipp, da hatte ich auch noch keine Lösung für. Funktioniert bestens und der Pagespeed ist optisch schon sehr viel schneller.

    Laut GTmetrix habe ich aber eine LoadTime von 5-8sec und 67 Requests. 33 der Requests nur von CSS- und JS-Files. Deshalb war mir das zusammenlegen der ganzen Files erstmal wichtiger.

    Grüße
    Schlachtvieh

    Im Moment fällt mir da nur mod_pagespeed ein. Damit lassen sich mehrere .css oder .js Dateien zu einer Datei verbinden. Allerdings funktioniert dieses Modul nicht bei Hosting Paketen.

    Du könntest mal noch das Plugin Assets Minify versuchen. Soll CSS und JS-Dateien verkleinern und zusammenfügen. Bei meinen lächerlichen 2 CSS-Dateien klappt es mal.
    Ich glaube aber die CSS-Dateien müssen dann in einer gewissen Form eingefügt sein (wenn sie im head stehen):
    <?php wp_enqueue_style( 'style', get_template_directory_uri() . '/style.css' ); ?>
    Ob das immer so sein muss weiß ich nicht.

    MfG

    Einmal editiert, zuletzt von g3h (12. September 2013 um 23:34)

    Danke für eure Antworten,
    ich habe Assets Minify mal installiert, aber es scheint nur teilweise zu funktionieren. Meine Requests sind leicht gesunken: von 33 auf 27 bei den CSS+JS-Filse. Außerdem bekam ich immer beim Versuch die Settings zu speichern einen 403-Forbidden-Fehler auf wp-admin/options.php

    Dann vielleicht doch wieder zur Ausgangsfrage zurück: Welche Einträge muss ich wo ändern, damit ich nur jeweils eine Datei laden muss. Das händische zusammenfummeln macht der Compressor von Sergej Müller (hoffe ich^^).

    Grüße
    Schlachtvieh

    Hille: Ich hab ein Hostingpaket ;-)

    Probiers mal mit dem Plugin Autoptimize - wirkt wunder (wenn die libs in der richtigen Reihenfolge eingebunden sind).

    Danke formateins, habs gleich mal getestet und sieht bisher echt super aus. Von den 33 Requests auf CSS und JS sind "nur" noch 12 übrig geblieben. Damit bin ich bei 40 Requests und 4,5 sek Page Load Time. Das sieht doch schon richtig gut aus. Sollte noch jemand andere Perlen aus dem PluginHut zaubern, immer her damit. Es geht doch immer noch ne ms schneller^^

    Grüße
    Schlachtvieh

    Ein Plugin macht Deinen Server nicht schneller. Die in CSS verlinkten Grafiken haste schon als base64 Sprites drin?

    Zitat von formateins

    Ein Plugin macht Deinen Server nicht schneller. Die in CSS verlinkten Grafiken haste schon als base64 Sprites drin?

    Weniger Requests und die Seite wird schneller geladen. Danke für den Hinweis mit den Sprites. Werd ich morgen mal testen.

    Grüße
    Schlachtvieh

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden