Jetpack ist ein WordPress-Plugin, das eine Vielzahl von Funktionen zu WordPress hinzufügt. Sie aktivieren die Funktionen nach Bedarf. Zum Zeitpunkt der Erstellung dieses Artikels laden sie anstelle einer separaten CSS-Datei für jede benötigte Funktion ein großes, verkettetes Stylesheet, das allen CSS zusammenfasst.
Ich war in einer Situation, in der ich ein paar Jetpack-Funktionen nutzte, aber eigentlich keinen der CSS-Dateien benötigte.
Update! Ab Januar 2019 (JetPack 6.9) benötigen Sie Folgendes (für functions.php oder ein Funktionalitäts-Plugin) unten
add_filter( 'jetpack_sharing_counts', '__return_false', 99 );
add_filter( 'jetpack_implode_frontend_css', '__return_false', 99 );
Ich behalte dies aus historischen Gründen bei, da dies früher erforderlich war
// First, make sure Jetpack doesn't concatenate all its CSS
add_filter( 'jetpack_implode_frontend_css', '__return_false' );
// Then, remove each CSS file, one at a time
function jeherve_remove_all_jp_css() {
wp_deregister_style( 'AtD_style' ); // After the Deadline
wp_deregister_style( 'jetpack_likes' ); // Likes
wp_deregister_style( 'jetpack_related-posts' ); //Related Posts
wp_deregister_style( 'jetpack-carousel' ); // Carousel
wp_deregister_style( 'grunion.css' ); // Grunion contact form
wp_deregister_style( 'the-neverending-homepage' ); // Infinite Scroll
wp_deregister_style( 'infinity-twentyten' ); // Infinite Scroll - Twentyten Theme
wp_deregister_style( 'infinity-twentyeleven' ); // Infinite Scroll - Twentyeleven Theme
wp_deregister_style( 'infinity-twentytwelve' ); // Infinite Scroll - Twentytwelve Theme
wp_deregister_style( 'noticons' ); // Notes
wp_deregister_style( 'post-by-email' ); // Post by Email
wp_deregister_style( 'publicize' ); // Publicize
wp_deregister_style( 'sharedaddy' ); // Sharedaddy
wp_deregister_style( 'sharing' ); // Sharedaddy Sharing
wp_deregister_style( 'stats_reports_css' ); // Stats
wp_deregister_style( 'jetpack-widgets' ); // Widgets
wp_deregister_style( 'jetpack-slideshow' ); // Slideshows
wp_deregister_style( 'presentations' ); // Presentation shortcode
wp_deregister_style( 'jetpack-subscriptions' ); // Subscriptions
wp_deregister_style( 'tiled-gallery' ); // Tiled Galleries
wp_deregister_style( 'widget-conditions' ); // Widget Visibility
wp_deregister_style( 'jetpack_display_posts_widget' ); // Display Posts Widget
wp_deregister_style( 'gravatar-profile-widget' ); // Gravatar Widget
wp_deregister_style( 'widget-grid-and-list' ); // Top Posts widget
wp_deregister_style( 'jetpack-widgets' ); // Widgets
}
add_action('wp_print_styles', 'jeherve_remove_all_jp_css' );
Dank Jon Bellah, TJ Kelly, George Stephanis und allen anderen, die sich gemeldet haben, um mir zu helfen.
Ich vermute, dass sich dies im Laufe der Zeit ändern wird. Mir scheint, der bestmögliche Weg wäre, ein verkettetes Stylesheet nur für die von Ihnen aktivierten Funktionen bereitzustellen und einen eindeutigen Namen zu haben, den Sie abmelden können.
Ich erwarte auch, dass sich dies im Laufe der Zeit ändern wird, Chris. Sie haben erst vor kurzem mit der Verkettung der CSS begonnen, was mich denken lässt, dass dies Schritt 1 ist, um sich schrittweise in Richtung eines Systems zu entwickeln, bei dem die verkettete Datei nur die Styles für die aktiven Module enthält.
Hallo,
Reicht es nicht aus, einfach den Filter hinzuzufügen? Warum sollte ich den Rest tun, ich sehe ihn nicht in meinem Quellcode?
Mit freundlichen Grüßen,
Willem
Hallo Chris,
Ich würde auch gerne wissen, ob es ausreicht, nur den Filter hinzuzufügen.
Danke, Stefan
Sie müssen den Rest der Styles abbestellen, weil das Jetpack-Plugin sie registriert, nicht Ihr Theme-Quellcode.
Hallo Galen, kannst du das etwas genauer erklären? Wenn ich den Filter hinzufüge, gibt es keine Jetpack-CSS mehr in meinem Quellcode, warum reicht das nicht aus? Auch hier sprechen sie nur über diesen Filter: https://www.twirlingumbrellas.com/wordpress/remove-deregister-jetpack-contact-form-styles/.
Mit freundlichen Grüßen,
Willem
Dieser Code
… dient nur dazu, Jetpack mitzuteilen, dass Sie das verkettete Jetpack-Stylesheet nicht laden möchten. Stattdessen lädt es die CSS-Dateien pro Modul, sodass Sie die Styles für einzelne Module nach Belieben abbestellen können.
Es klingt, als würden Sie sagen, dass, wenn Sie
falsean denjetpack_implode_frontend_cssFilter übergeben, überhaupt keine Jetpack-Styles ausgegeben werden, weder verkettet noch anderweitig. Nach meinem Verständnis ist das nicht die Art und Weise, wie es funktionieren soll, und es war nicht meine Erfahrung. Haben Sie ein Live-Beispiel dieses Codes irgendwo?Hallo Galen,
Nur um das zu verstehen: Es gibt einen Filter für 'frontend_css', aber in der langen Liste anderer CSS-Dateien sehe ich auch 'stats', zum Beispiel. Aber das ist Backend, oder?
Auf jeden Fall ja, ich habe eine Website, auf der ich jetzt nur diesen Filter verwende. Aber ich nutze Jetpack nicht wirklich viel, aber ich nutze die Statistiken, aber das ist Backend, aber egal, wenn ich auf die Statistikseite gehe und mir den Quellcode ansehe, sehe ich keine 'stats_reports_css'.
Da der Filter Frontend ist und ich das zusätzliche Sidebar-Widgets-Modul bereits aktiviert hatte, habe ich jetzt ein Facebook-Widget von Jetpack im Frontend meiner Website eingefügt. Wenn ich mir den Quellcode ansehe, wieder keine 'jetpack-widgets'-CSS-Datei.
Möchten Sie, dass ich weitere Tests durchführe? Bitte lassen Sie es mich wissen, damit dies geklärt wird.
Mit freundlichen Grüßen,
Willem
Ich schließe mich nur an, um mich für die Verlinkung zu bedanken und freue mich, dass ich helfen konnte! Kämpfe weiter.
Sie haben mir Zeit gespart!! Danke!
Hallo,
tolle Liste, aber Sie haben diese Zeile wiederholt
wp_deregister_style( ‘jetpack-widgets’ ); // Widgets
in alphabetischer Reihenfolge
wp_deregister_style( ‘AtD_style’ ); // After the Deadline
wp_deregister_style( ‘gravatar-profile-widget’ ); // Gravatar Widget
wp_deregister_style( ‘grunion.css’ ); // Grunion Kontaktformular
wp_deregister_style( ‘infinity-twentyeleven’ ); // Unendliches Scrollen – Twentyeleven Theme
wp_deregister_style( ‘infinity-twentyten’ ); // Unendliches Scrollen – Twentyten Theme
wp_deregister_style( ‘infinity-twentytwelve’ ); // Unendliches Scrollen – Twentytwelve Theme
wp_deregister_style( ‘jetpack-carousel’ ); // Karussell
wp_deregister_style( ‘jetpack_display_posts_widget’ ); // Display Posts Widget
wp_deregister_style( ‘jetpack_likes’ ); // Likes
wp_deregister_style( ‘jetpack_related-posts’ ); // Verwandte Beiträge
wp_deregister_style( ‘jetpack-subscriptions’ ); // Abonnements
wp_deregister_style( ‘jetpack-slideshow’ ); // Diashows
wp_deregister_style( ‘jetpack-widgets’ ); // Widgets
wp_deregister_style( ‘noticons’ ); // Notizen
wp_deregister_style( ‘post-by-email’ ); // Beitrag per E-Mail
wp_deregister_style( ‘presentations’ ); // Presentation Shortcode
wp_deregister_style( ‘publicize’ ); // Publicize
wp_deregister_style( ‘sharedaddy’ ); // Sharedaddy
wp_deregister_style( ‘sharing’ ); // Sharedaddy Sharing
wp_deregister_style( ‘stats_reports_css’ ); // Statistiken
wp_deregister_style( ’tiled-gallery’ ); // Gekachelte Galerien
wp_deregister_style( ‘the-neverending-homepage’ ); // Unendliches Scrollen
wp_deregister_style( ‘widget-conditions’ ); // Widget-Sichtbarkeit
wp_deregister_style( ‘widget-grid-and-list’ ); // Top Posts Widget
Oh oh Galen. Also 'gute Arbeit'. Vielen Dank. Von 2014 bis heute, viel Geschwindigkeit meiner Website gespart. Ich werde es korrigieren; 'tolle Arbeit', für mich.
Ich hatte es satt, 'jetpack_css-css' zu erwischen, ging zu Google und kam hierher, danke. (Ich habe diesen Kommentar
implode_frontend_cssim Jetpack-Code gesehen, aber diese Liste ist lang)Was passiert, wenn Sie einfach das Frontend-CSS-Implode auf false setzen, wie hier
add_filter( 'jetpack_implode_frontend_css', '__return_false' );? Dann werden die CSS-Dateien jeder Jetpack-Funktion separat geladen und nicht in einer CSS-Datei zusammengefasst.Auf diese Weise lädt Jetpack nur die CSS-Dateien, die den aktivierten Jetpack-Funktionen entsprechen!
Wenn also nicht viele Jetpack-Funktionen aktiviert sind, können sie dies einfach tun und den Rest des "add filter hell" vermeiden.
PS: Eigentlich halte ich das eher für einen Fehler, denn selbst in der verketteten Version sollte Jetpack nur die CSS seiner aktivierten Funktionen und nicht die CSS jeder Funktion enthalten.
Können Sie den Code bereitstellen, um „wp-content/plugins/jetpack/_inc/social-logos/social-logos.min.css“ zu entfernen?
Ich habe nicht den genauen Code, aber ich stelle mir vor, Sie könnten
wp_deuque_styleverwenden, um zu verhindern, dass das Blatt geladen wird: https://codex.wordpress.org/Function_Reference/wp_dequeue_styleEine neue Ergänzung für diesen Codeblock
wp_deregister_style( ‘jetpack-widget-social-icons-styles’ ); // Social icons
Danke für die Hilfe :D
Meine Google PageSpeed ging mit diesem von 66 auf 75. Danke!
Hallo, danke für die Lösung. Wo sollte das hinzugefügt werden?
Entweder in der
functions.phpDatei Ihres Themes oder in einem benutzerdefinierten Plugin.