Probleme beim Beseitigen von Rendering-Blocking CSS

doberdober
(@doberdober)

vor 2 Jahren, 4 Monaten

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]

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)

Moderator

(@hage)

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

Thread-Starter

doberdober

(@doberdober)

vor 2 Jahren, 4 Monaten


### 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, 4 Monaten von doberdober.

Thread-Starter

doberdober

(@doberdober)

vor 2 Jahren, 4 Monaten

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:

View post on imgur.com

(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.

Moderator

Hans-Gerd Gerhards

(@hage)

vor 2 Jahren, 4 Monaten

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

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)

Das Thema „Probleme beim Beseitigen von Rendering-Blocking CSS“ ist für neue Antworten geschlossen.

Probleme beim Beseitigen von Rendering-Blocking CSS

Themen-Schlagwörter

Ansichten