WP Header editieren

(@simplexx)

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 10 Jahren, 5 Monaten

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 10 Jahren, 5 Monaten

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 10 Jahren, 5 Monaten

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 10 Jahren, 5 Monaten
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 10 Jahren, 5 Monaten

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 10 Jahren, 5 Monaten

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 10 Jahren, 5 Monaten

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.

Themen-Schlagwörter

Ansichten