WP Header editieren

  • simpleXX

    (@simplexx)


    vor 11 Jahren

    Hallo,
    ich bekomme beim „Google PageSpeed Insights Test“ folgende Meldung:

    Ihre Seite enthält 4 blockierende Skript-Ressourcen und 3 blockierende CSS-Ressourcen. Dies verursacht eine Verzögerung beim Rendern Ihrer Seite.

Keine der Seiteninhalte <em>"above the fold"</em> (ohne Scrollen sichtbar) konnten ohne Wartezeiten für das Laden der folgenden Ressourcen gerendert werden. 

Versuchen Sie, blockierende Ressourcen zu verschieben oder asynchron zu laden, oder laden Sie kritische Bereiche dieser Ressourcen direkt inline im HTML.

<strong>Entfernen Sie JavaScript, das das Rendering blockiert:</strong>
http://domain.com/wp-includes/js/jquery/jquery.js?ver=1.10.2
http://domain.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
http://domain.com/wp-content/plugins/gd-star-rating/js/gdsr.js?ver=1.9.22
http://domain.com/wp-content/plugins/wp-favorite-posts/wpfp.js?ver=3.7.1

<strong>Optimieren Sie die CSS-Darstellung für die folgenden URLs:</strong>
http://domain.com/wp-content/plugins/wp-favorite-posts/wpfp.css
http://domain.com/wp-content/plugins/gd-star-rating/css/gdsr.css.php?t=1375864225&s=a10i10m20k20c05r05%23121620243046%23121620243240%23s1pchristmas%23s1pcrystal%23s1pdarkness%23s1poxn_gif%23s1pplain%23s1ppumin%23s1psoft%23s1pstarrating%23s1pstarscape%23t1pclassical%23t1pstarrating%23t1gstarrating_gif%23lsgflower%23lsg&o=on&ver=1.9.22
http://domain.com/wp-content/gd-star-rating/css/rating.css?ver=1.9.22

    Jemand eine Idee wie man da vorgehen könnte?
    Mein Ziel ist es, dass das updaten der Plugins weiterhin funktioniert.

    Freue mich über jeden Tipp 🙂

    Docs:
    Entfernen Sie JavaScript, das das Rendering blockiert:
    https://developers.google.com/speed/docs/insights/BlockingJS

    Optimieren Sie die CSS-Darstellung
    https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Moderator Frank Neumann-Staude

    (@fstaude)

    vor 11 Jahren

    Hallo,

    ich hab mich damit noch nicht wirklich beschäftigt, aber eine Pluginsuche nach Page-Speed liefert unter anderem auch
    http://wordpress.org/plugins/async-js-and-css/

    Eventuell hilft das ja.

    Gruß
    Frank

    Thread-Starter simpleXX

    (@simplexx)

    vor 11 Jahren

    Hallo Frank,
    das plugin sieht ganz gut aus. Diese paar Zeilen code kann ich aber auch selber schreiben (versuche immer wenig plugins zu nutzen).

    Kannst du mir sagen wo ich das includen von den CSS und JS dateien aller plugins deaktiveren kann?

    Grüsse
    simplexx

    PS: Danke dür die schnelle Antwort

    Moderator Frank Neumann-Staude

    (@fstaude)

    vor 11 Jahren

    Hallo SimpleXX,

    ich bin mir nicht sicher ob ich wirklich verstehe was du vorhast.

    CSS und JS wird via wp_enqueue_style / wp_enqueue_script in WordPress registriert. Du kannst via wp_dequeue_script / wp_dequeue_style in deiner functions.php oder per Plugin auch wieder welche entfernen.

    Das folgende ist eine Vermutung, nach einem schnellen Blick in den Source, ohne das ich es selbst ausprobiert habe.

    Wenn du an alle willst, schau dir mal die FilterHooks print_scripts_array und print_styles_array an. Wenn das nicht ganz das ist, wirf einen Blick in wp-includes/class.wp-styles.php / wp-includes/class.wp-scripts.php und schau dir an was WordPress damit macht.

    Gruß
    Frank

    Thread-Starter simpleXX

    (@simplexx)

    vor 11 Jahren

    Hi Frank,

    // wp_dequeue_script / wp_dequeue_style

    genau diese Funktionen hab ich gesucht, doch sie greifen einfach nicht.
    Im WP codex steht „Name of the enqueued stylesheet“ … nur was ist der Name? Die ID? Der Dateiname?

    Versucht habe ich:

    wp_dequeue_style('wpfp-css');
wp_dequeue_style('wpfp');
wp_dequeue_style('wpfp.css');

    In Quellcode bei mir steht:
    <link rel='stylesheet' id='wpfp-css' href='http://domain.com/wp-content/plugins/wp-favorite-posts/wpfp.css' type='text/css' />

    Danke noch einmal für deine Hilfe!
    Gruss
    simpleXX

    PS: Das ganze hatte ich am ende der funktions.php stehen.

    Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 11 Jahren

    Den Namen erfährst du, wenn Du nach dem Gegenstück suchst, also dort wo das Script registriert wurde, per wp_enqueue_style bzw. wp_enqueue_script.

    Gruß, Torsten

    Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 11 Jahren

    Hier ein Artikel dazu:
    http://www.netz-gaenger.de/blog/wordpress-tutorials/css-styles-von-wordpress-plugins-de-registrieren/

    Gruß, Torsten

    Thread-Starter simpleXX

    (@simplexx)

    vor 11 Jahren

    Hab ich mir schon fast gedacht (dachte es geht noch einfacher).

    Danke dir!

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Das Thema „WP Header editieren“ ist für neue Antworten geschlossen.