Probleme beim Beseitigen von Rendering-Blocking CSS
-
Hallo,
ich versuche seit einigen Tagen meine Website zu optimieren. Es scheitert nun jedoch beim Eliminieren von Ressourcen (um die 95% nur CSS), die das Rendering blockieren, und das größtenteils nur bei der mobilen Version.
Nach Pagespeed Insights sind es mit den automatischen Einstellungen von Autoptimize noch 2-2,5s, das ist das beste Ergebnis was ich erzielen konnte. (Habe andere Plugins ausprobiert, die meisten haben nur das Layout zerstört.
Habe auch versucht mit Websiten den Critical CSS Pfad zu generieren, und den in Plugins als „above the fold“ anzugeben, hat aber auch nur zum Layout-Bruch geführt.
Weiß jemand eine Methode, wie ich dieses Problem lösen kann? Und wenn ich diese „above the fold“ CSS/JS manual in Plugins angeben muss, müsste es dann ja auch theoretisch für jede Page extra angegeben werden, oder? Gäbe es ein Plugin, dass das automatisch für mich macht?
Falls etwas unklar ist, bitte sagt Bescheid. Danke!
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Hallo,
du findest unter Werkzeuge > Websitezustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten. Evtl. ergeben sich dann weitere Anhaltspunkte, ob und wo das Problem liegt.
Teile uns doch auch bitte mit, welche Cache-Plugins, etc. du schon getestet hast.
Viele Grüße
Hans-Gerd### wp-core ### version: 5.8.2 site_language: en_US user_language: en_US timezone: +00:00 permalink: /%postname%/ https_status: true multisite: false user_registration: 0 blog_public: 1 default_comment_status: open environment_type: production user_count: 2 dotorg_communication: true ### wp-paths-sizes ### wordpress_path: /home3/doberats/public_html wordpress_size: loading... uploads_path: /home3/doberats/public_html/wp-content/uploads uploads_size: loading... themes_path: /home3/doberats/public_html/wp-content/themes themes_size: loading... plugins_path: /home3/doberats/public_html/wp-content/plugins plugins_size: loading... database_size: loading... total_size: loading... ### wp-dropins (1) ### advanced-cache.php: true ### wp-active-theme ### name: Blocksy (blocksy) version: 1.8.6.8 author: CreativeThemes author_website: https://creativethemes.com parent_theme: none theme_features: core-block-patterns, widgets-block-editor, menus, automatic-feed-links, responsive-embeds, html5, title-tag, custom-logo, lifterlms-sidebars, boostify-header-footer, fl-theme-builder-headers, fl-theme-builder-footers, fl-theme-builder-parts, editor-gradient-presets, editor-color-palette, post-thumbnails, align-wide, customize-selective-refresh-widgets, header-footer-elementor, widgets, editor-style theme_path: /home3/doberats/public_html/wp-content/themes/blocksy auto_update: Disabled ### wp-themes-inactive (6) ### Astra: version: 3.7.5, author: Brainstorm Force, Auto-updates disabled Audioman: version: 2.1, author: Catch Themes, Auto-updates disabled Sinatra: version: 1.2.1, author: Sinatra Team, Auto-updates disabled Twenty Nineteen: version: 2.1, author: the WordPress team, Auto-updates disabled Twenty Twenty: version: 1.8, author: the WordPress team, Auto-updates disabled Twenty Twenty-One: version: 1.4, author: the WordPress team, Auto-updates disabled ### wp-mu-plugins (1) ### Endurance Page Cache: version: 2.1.2, author: Mike Hansen ### wp-plugins-active (29) ### Advanced Form Integration: version: 1.42.11, author: nasirahmed, Auto-updates disabled All-in-One WP Migration: version: 7.50, author: ServMask, Auto-updates disabled Anywhere Elementor: version: 1.2.4, author: WPVibes, Auto-updates disabled Autoptimize: version: 2.9.2, author: Frank Goossens (futtta), Auto-updates disabled Classic Editor: version: 1.6.2, author: WordPress Contributors, Auto-updates disabled Code Snippets: version: 2.14.2, author: Code Snippets Pro, Auto-updates disabled Collapse-O-Matic: version: 1.8.2, author: twinpictures, baden03, Auto-updates disabled Contact Form 7: version: 5.5.2, author: Takayuki Miyoshi, Auto-updates disabled Custom Fonts: version: 1.3.3, author: Brainstorm Force, Auto-updates disabled DZS ZoomSounds: version: 6.50, author: Digital Zoom Studio, Auto-updates disabled Elementor: version: 3.4.8, author: Elementor.com, Auto-updates disabled Exclusive Addons Elementor: version: 2.4.81, author: DevsCred.com, Auto-updates disabled Formidable Forms: version: 5.0.13.1, author: Strategy11, Auto-updates disabled LoginPress - Customizing the WordPress Login: version: 1.5.8, author: WPBrigade, Auto-updates disabled LoginWP (Formerly Peter's Login Redirect): version: 3.0.0.6, author: LoginWP Team, Auto-updates disabled MC4WP: Mailchimp for WordPress: version: 4.8.6, author: ibericode, Auto-updates disabled Paid Memberships Pro: version: 2.6.6, author: Stranger Studios, Auto-updates disabled Paid Memberships Pro - Cancel on Next Payment Date: version: 0.4, author: Paid Memberships Pro, Auto-updates disabled Paid Memberships Pro - Mailchimp Add On: version: 2.3.2, author: Stranger Studios, Auto-updates disabled Poll: version: 8.0.1, author: Total-Soft, Auto-updates disabled Popup Maker: version: 1.16.3, author: Popup Maker, Auto-updates disabled Really Simple SSL: version: 5.2.0, author: Really Simple Plugins, Auto-updates disabled Shortcodes Ultimate: version: 5.11.1, author: Vladimir Anokhin, Auto-updates disabled Smush: version: 3.9.2, author: WPMU DEV, Auto-updates disabled UpdraftPlus - Backup/Restore: version: 1.16.63, author: UpdraftPlus.Com, DavidAnderson, Auto-updates disabled Use Any Font: version: 6.1.7, author: Dnesscarkey, Auto-updates disabled WP-Optimize - Clean, Compress, Cache: version: 3.1.12, author: David Anderson, Ruhani Rabin, Team Updraft, Auto-updates disabled WPS Hide Login: version: 1.9.1, author: WPServeur, NicolasKulka, wpformation, Auto-updates disabled WP Tabs: version: 2.1.0, author: ShapedPlugin, Auto-updates disabled ### wp-plugins-inactive (2) ### WPForms Lite: version: 1.7.1.2, author: WPForms, Auto-updates disabled WP Super Cache: version: 1.7.4, author: Automattic, Auto-updates disabled ### wp-media ### image_editor: WP_Image_Editor_Imagick imagick_module_version: 1654 imagemagick_version: ImageMagick 6.7.6-8 2016-07-19 Q16 http://www.imagemagick.org imagick_version: 3.4.3 file_uploads: File uploads is turned off post_max_size: 516M upload_max_filesize: 512M max_effective_size: 512 MB max_file_uploads: 20 imagick_limits: imagick::RESOURCETYPE_AREA: 115 GB imagick::RESOURCETYPE_DISK: -1 imagick::RESOURCETYPE_FILE: 12288 imagick::RESOURCETYPE_MAP: 48 MB imagick::RESOURCETYPE_MEMORY: 48 MB imagick::RESOURCETYPE_THREAD: not available imagemagick_file_formats: 3FR, A, AAI, AI, ART, ARW, AVI, AVS, B, BGR, BGRA, BMP, BMP2, BMP3, BRF, C, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CRW, CUR, CUT, DCM, DCR, DCX, DDS, DFONT, DNG, DOT, DPX, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FITS, FRACTAL, FTS, G, G3, GIF, GIF87, GRADIENT, GRAY, GROUP4, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, ICB, ICO, ICON, INFO, INLINE, IPL, ISOBRL, J2C, JNG, JP2, JPC, JPEG, JPG, JPX, K, K25, KDC, LABEL, M, M2V, M4V, MAC, MAP, MAT, MATTE, MEF, MIFF, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, O, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG24, PNG32, PNG8, PNM, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, R, RADIAL-GRADIENT, RAF, RAS, RGB, RGBA, RGBO, RLA, RLE, SCR, SCT, SFW, SGI, SHTML, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UIL, UYVY, VDA, VICAR, VID, VIFF, VST, WBMP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, Y, YCbCr, YCbCrA, YUV gd_version: bundled (2.1.0 compatible) gd_formats: GIF, JPEG, PNG, BMP, XPM ghostscript_version: 8.71 ### wp-server ### server_architecture: Linux 4.19.150-76.ELK.el6.x86_64 x86_64 httpd_software: Apache php_version: 7.4.26 64bit php_sapi: cgi-fcgi max_input_variables: 1000 time_limit: 30 memory_limit: 256M max_input_time: 60 upload_max_filesize: 512M php_post_max_size: 516M curl_version: 7.79.1 OpenSSL/1.1.1l suhosin: false imagick_availability: true pretty_permalinks: true htaccess_extra_rules: true ### wp-database ### extension: mysqli server_version: 5.6.41-84.1 client_version: mysqlnd 7.4.26 ### wp-constants ### WP_HOME: undefined WP_SITEURL: undefined WP_CONTENT_DIR: /home3/doberats/public_html/wp-content WP_PLUGIN_DIR: /home3/doberats/public_html/wp-content/plugins WP_MEMORY_LIMIT: 40M WP_MAX_MEMORY_LIMIT: 256M WP_DEBUG: false WP_DEBUG_DISPLAY: true WP_DEBUG_LOG: false SCRIPT_DEBUG: false WP_CACHE: true CONCATENATE_SCRIPTS: undefined COMPRESS_SCRIPTS: undefined COMPRESS_CSS: undefined WP_LOCAL_DEV: undefined DB_CHARSET: utf8 DB_COLLATE: undefined ### wp-filesystem ### wordpress: writable wp-content: writable uploads: writable plugins: writable themes: writable mu-plugins: writable ### pmpro ### pmpro-cron-jobs: pmpro_cron_expire_memberships (missing) | pmpro_cron_expiration_warnings (2021-11-24 22:26:48) | pmpro_cron_admin_activity_email (2021-11-25 10:30:00) | pmpro_cron_credit_card_expiring_warnings (2021-11-28 15:26:47) pmpro-gateway: PayPal Express pmpro-gateway-env: Live/Production pmpro-orders: 5 orders pmpro-discount-codes: 1 discount code pmpro-membership-levels: { "1": { "id": "1", "name": "The Beat Vault", "description": "", "confirmation": "", "initial_payment": 12, "billing_amount": 24, "cycle_number": "1", "cycle_period": "Month", "billing_limit": "0", "trial_amount": 0, "trial_limit": "0", "allow_signups": "1", "expiration_number": "0", "expiration_period": "" }, "2": { "id": "2", "name": "TEST MEMBERSHIP", "description": "JUST A TEST", "confirmation": "WOW ITS A TEST", "initial_payment": 0, "billing_amount": 0, "cycle_number": "1", "cycle_period": "Month", "billing_limit": "0", "trial_amount": 0, "trial_limit": "0", "allow_signups": "1", "expiration_number": "0", "expiration_period": "" } } pmpro-custom-templates: No template overrides pmpro-getfile-usage: PMPRO_GETFILE_ENABLED is not set pmpro-htaccess-cache-usage: Off
- Diese Antwort wurde geändert vor 2 Jahren, 10 Monaten von doberdober.
Hey, erst mal Danke für die Antwort.
An Cache Plugins habe ich WP Super Cache, W3 Total Cache und jetzt WP Optimize verwendet, hat aber nichts wirklich Einfluss auf CSS/JS gehabt.
Mit der automatischen Minify Option habe ich „auf dem Papier“ zwar gute Werte erzielt und die Meldung „Eliminieren von Rendering-Blocking Ressourcen“ war auch weg oder halt bei weitem besser, hat aber meine komplette Website zerhauen, ich glaube dass manche CSS gar nicht mehr geladen hat, sah so aus:
(Hoffe, dass die Website für Screenshots ok ist!)
Habe auch manuell die CSS die mir Pagespeed Insights anzeigt in W3 Total Cache eingegeben, hat eventuell etwas geholfen, aber da schon einige CSS in dem Test als min.css angegeben waren (warum auch immer, habe kein anderes Optimierungsplugin in dem Moment am Laufen gehabt) hab ich da die Finger von gelassen, weil ich nicht gerade viel Ahnung von dem ganzen Thema habe.
Hallo,
leider hast du nicht lange genug gewartet, so dass die Infos bezogen auf die Größe deiner WordPress-Instanz fehlen:wordpress_path: /home3/doberats/public_html
wordpress_size: loading…Du hast relativ viele Plugins, die natürlich auch entsprechend viele CSS-Dateien „mitbringen“. Hier kann man sicher auf einige Plugins verzichten:
- Really Simple SSL wird meistens eingesetzt, wenn die Umstellung auf SSL nicht sauber funktioniert hat, ist aber keine Lösung. Das Problem (meistens Mixed Content) lässt sich aber in der Regel leicht lösen, siehe z. B. hier
- All-in-One WP Migration ist ein Plugin zur Migration. Falls du das zur Sicherung einsetzt, gibt es da bessere Lösungen (z. B. das bereits installierte UpdradtPlus)
- Autoptimize ist ein sehr gutes Optimierungs-Plugin, wenn auf dem Webserver noch HTTP/1.1 verwendet wird. Das ist aber bei dir offensichtlich nicht der Fall, siehe hier. Ob die Kombination mit WP Optimize (als Cache-Plugin?) ok ist, müsste man prüfen.
- LoginPress dient dazu, die Anmeldung „netter“ zu gestalten. Ist das wirklich nötig?
- Ich halte von Plugins wie LoginWP, WPS Hide Login nicht allzu viel. Zumindest auf ein Plugin kannst du m. E. verzichten
Es gibt vielleicht auch noch weitere Plugins, die nicht benötigt werden – da solltest du ansetzen und erst würde ich daran gehen, Optimierungen zu finden.
Die Installation von verschiedenen Plugins und Deaktivierung dieser Plugins (wie z. B. bei den Cache Plugins) können evtl. auch „Reste“ hinterlassen. Das ist zumindest bei W3 Total Cache wohl der Fall, siehe hier.
Solche Tests würde ich nur auf Entwicklungsumgebungen durchführen, d. h. du erstellst dir eine Sicherung der Instanz und migrierst die Instanz auf eine Entwicklungsumgebung. Wenn man dann eine Lösung (Plugins, Einstellungen, etc.) gefunden hat, dann erst würde ich die Lösung auf der produktiven Seite umsetzen.
Ich setze mittlerweile als kostenloses Cache-Plugin Comet Cache und als kostenpflichtiges Cache-Plugin schon seit langer Zeit WP Rocket ein. Allerdings verwende ich nicht Elementor, sondern fast ausschließlich den Block-Editor (Gutenberg).
Viele Grüße
Hans-Gerd
- Das Thema „Probleme beim Beseitigen von Rendering-Blocking CSS“ ist für neue Antworten geschlossen.