Support » Allgemeine Fragen » Probleme beim Beseitigen von Rendering-Blocking CSS

  • doberdober

    (@doberdober)


    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)
  • 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-Ersteller doberdober

    (@doberdober)

    
    ### 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 1 Woche, 6 Tage von doberdober.
    Thread-Ersteller doberdober

    (@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:

    https://imgur.com/F0ZLguI

    (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

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