Seite wird kurz ohne CSS(?) dargestellt beim Laden
-
Moin zusammen. Habe folgendes Problem: Beim Laden der Website (egal welcher Seite, egal wie oft man sie bereits aufgerufen hat) wird die Seite quasi ohne Grafiken angezeigt. Als wäre es eine HTML Blanko Seite. Hier mal ein Link zu einem Screenshot wie es dann aussieht: https://prnt.sc/FX6wWMhpMyLh
Es ist zwar nur ein Bruchteil einer Sekunde, aber dennoch sehr störend. Cache Plugin habe ich bereits aktiv, leider keine Abhilfe. Jemand eine Idee weshalb es so ist, bzw. wie ich es lösen kann?
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
### wp-core ### version: 6.0.2 site_language: de_DE user_language: de_DE timezone: Europe/Berlin permalink: /%postname%/ https_status: true multisite: false user_registration: 1 blog_public: 1 default_comment_status: open environment_type: production user_count: 13 dotorg_communication: true ### wp-paths-sizes ### wordpress_path: /var/www/vhosts/zap649895-1.plesk06.zap-webspace.com/httpdocs wordpress_size: loading... uploads_path: /var/www/vhosts/zap649895-1.plesk06.zap-webspace.com/httpdocs/wp-content/uploads uploads_size: loading... themes_path: /var/www/vhosts/zap649895-1.plesk06.zap-webspace.com/httpdocs/wp-content/themes themes_size: loading... plugins_path: /var/www/vhosts/zap649895-1.plesk06.zap-webspace.com/httpdocs/wp-content/plugins plugins_size: loading... database_size: loading... total_size: loading... ### wp-dropins (1) ### maintenance.php: true ### wp-active-theme ### name: (elab) version: undefined author: Anonymous author_website: (undefined) parent_theme: none theme_features: core-block-patterns, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, widgets-block-editor, post-thumbnails, automatic-feed-links, title-tag, menus, html5, woocommerce, widgets theme_path: /var/www/vhosts/zap649895-1.plesk06.zap-webspace.com/httpdocs/wp-content/themes/elab auto_update: Deaktiviert ### wp-themes-inactive (6) ### Vapas – Vape Store WooCommerce WordPress Theme: version: Latest, author: Anonymous, Automatische Aktualisierungen deaktiviert Revo: version: 4.0.10, author: wpthemego, Automatische Aktualisierungen deaktiviert THEME: version: 2.0.4, author: THEME, Automatische Aktualisierungen deaktiviert Twenty Twenty: version: 1.9, author: WordPress-Team (latest version: 2.0), Automatische Aktualisierungen deaktiviert Twenty Twenty-One: version: 1.5, author: WordPress-Team (latest version: 1.6), Automatische Aktualisierungen deaktiviert Twenty Twenty-Two: version: 1.1, author: WordPress-Team (latest version: 1.2), Automatische Aktualisierungen deaktiviert ### wp-mu-plugins (1) ### .mu-plugin.php: author: (undefined), version: (undefined) ### wp-plugins-active (34) ### Age Verification: version: 2.9.0, author: Devio Digital, Automatische Aktualisierungen deaktiviert Better Find and Replace: version: 1.4.1, author: CodeSolz, Automatische Aktualisierungen deaktiviert Breadcrumb NavXT: version: 7.1.0, author: John Havlik, Automatische Aktualisierungen deaktiviert CookieYes | GDPR Cookie Consent: version: 3.0.3, author: CookieYes, Automatische Aktualisierungen deaktiviert Email Verification for WooCommerce: version: 2.4.4, author: WPFactory, Automatische Aktualisierungen deaktiviert Flexible Shipping: version: 4.14.2, author: Octolize, Automatische Aktualisierungen deaktiviert Fluid Checkout for WooCommerce - Lite: version: 2.0.7, author: Fluid Checkout, Automatische Aktualisierungen deaktiviert Germanized for WooCommerce: version: 3.10.6, author: vendidero, Automatische Aktualisierungen deaktiviert Jetpack: version: 11.4, author: Automattic, Automatische Aktualisierungen deaktiviert Klarna Payments for WooCommerce: version: 2.11.5, author: krokedil, klarna, automattic, Automatische Aktualisierungen deaktiviert Local Google Fonts: version: 0.18, author: EverPress, Automatische Aktualisierungen deaktiviert Lucky Wheel for WooCommerce: version: 1.0.16, author: VillaTheme, Automatische Aktualisierungen deaktiviert Mollie Payments for WooCommerce: version: 7.3.3, author: Mollie, Automatische Aktualisierungen deaktiviert OMGF: version: 5.4.0, author: Daan from Daan.dev, Automatische Aktualisierungen deaktiviert Password Protected: version: 2.5.3, author: WPExperts, Automatische Aktualisierungen deaktiviert PDF Invoices & Packing Slips for WooCommerce: version: 3.2.1, author: WP Overnight, Automatische Aktualisierungen deaktiviert ShortPixel Adaptive Images: version: 3.5.2, author: ShortPixel, Automatische Aktualisierungen deaktiviert Slider Revolution: version: 6.3.9, author: ThemePunch, Automatische Aktualisierungen deaktiviert STM Configurations: version: 1.2.1, author: StylemixThemes, Automatische Aktualisierungen deaktiviert Ultimate Dashboard: version: 3.7.1.5, author: David Vongries, Automatische Aktualisierungen deaktiviert Ultimate FAQ - WordPress FAQ and Accordion Plugin: author: (undefined), version: 2.1.17, Automatische Aktualisierungen deaktiviert WooCommerce: version: 6.9.4, author: Automattic, Automatische Aktualisierungen deaktiviert WooCommerce PayPal Payments: version: 1.9.3, author: WooCommerce, Automatische Aktualisierungen deaktiviert WooCommerce PDF Invoices & Packing Slips Premium Templates: version: 2.19.0, author: WP Overnight, Automatische Aktualisierungen deaktiviert Woocommerce Products Designer by ORION: version: 4.3.1, author: ORION, Automatische Aktualisierungen deaktiviert WPCode - Insert Headers, Footers, and Code Snippets: version: 2.0.2, author: WPCode, Automatische Aktualisierungen deaktiviert WP Fastest Cache: version: 1.0.6, author: Emre Vona, Automatische Aktualisierungen deaktiviert WPForms Lite: version: 1.7.7.1, author: WPForms, Automatische Aktualisierungen deaktiviert X Builder: version: 1.0.2, author: StylemixThemes, Automatische Aktualisierungen deaktiviert YITH WooCommerce Affiliates Premium: version: 1.10.0, author: YITH (latest version: 2.7.0), Automatische Aktualisierungen deaktiviert YITH WooCommerce Compare: version: 2.19.0, author: YITH, Automatische Aktualisierungen deaktiviert YITH WooCommerce Quick View: version: 1.20.0, author: YITH, Automatische Aktualisierungen deaktiviert YITH WooCommerce Wishlist: version: 3.14.0, author: YITH, Automatische Aktualisierungen deaktiviert Zoho Mail: version: 1.4.8, author: Zoho Mail, Automatische Aktualisierungen deaktiviert ### wp-plugins-inactive (5) ### Autoptimize: version: 3.1.2, author: Frank Goossens (futtta), Automatische Aktualisierungen deaktiviert Dreamfox Media Payment gateway per Product for Woocommerce: version: 3.2.1, author: Dreamfox, Automatische Aktualisierungen deaktiviert Preloader Plus: version: 2.2.1, author: Massimo Sanfelice | Maxsdesign, Automatische Aktualisierungen deaktiviert WooCommerce Conversion Tracking: version: 2.0.10, author: weDevs, Automatische Aktualisierungen deaktiviert WooCommerce Payments: version: 4.8.1, author: Automattic, Automatische Aktualisierungen deaktiviert ### wp-media ### image_editor: WP_Image_Editor_Imagick imagick_module_version: 1687 imagemagick_version: ImageMagick 6.9.7-4 Q16 x86_64 20170114 http://www.imagemagick.org imagick_version: 3.7.0 file_uploads: File uploads is turned off post_max_size: 128M upload_max_filesize: 128M max_effective_size: 128 MB max_file_uploads: 20 imagick_limits: imagick::RESOURCETYPE_AREA: 122 MB imagick::RESOURCETYPE_DISK: 1073741824 imagick::RESOURCETYPE_FILE: 6144 imagick::RESOURCETYPE_MAP: 512 MB imagick::RESOURCETYPE_MEMORY: 256 MB imagick::RESOURCETYPE_THREAD: 1 imagemagick_file_formats: 3FR, AAI, AI, ART, ARW, AVI, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DNG, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GROUP4, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JBG, JBIG, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WMV, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV gd_version: bundled (2.1.0 compatible) gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM ghostscript_version: unknown ### wp-server ### server_architecture: Linux 5.4.124-1-pve x86_64 httpd_software: nginx/1.20.2 php_version: 8.0.20 64bit php_sapi: fpm-fcgi max_input_variables: 1000 time_limit: -1 memory_limit: 256M max_input_time: 60 upload_max_filesize: 128M php_post_max_size: 128M curl_version: 7.52.1 OpenSSL/1.0.2u suhosin: false imagick_availability: true pretty_permalinks: true htaccess_extra_rules: true ### wp-database ### extension: mysqli server_version: 10.1.48-MariaDB-0+deb9u2 client_version: mysqlnd 8.0.20 max_allowed_packet: 16777216 max_connections: 800 ### wp-constants ### WP_HOME: undefined WP_SITEURL: undefined WP_CONTENT_DIR: /var/www/vhosts/zap649895-1.plesk06.zap-webspace.com/httpdocs/wp-content WP_PLUGIN_DIR: /var/www/vhosts/zap649895-1.plesk06.zap-webspace.com/httpdocs/wp-content/plugins WP_MEMORY_LIMIT: 128M WP_MAX_MEMORY_LIMIT: 256M WP_DEBUG: false WP_DEBUG_DISPLAY: true WP_DEBUG_LOG: false SCRIPT_DEBUG: false WP_CACHE: false CONCATENATE_SCRIPTS: undefined COMPRESS_SCRIPTS: undefined COMPRESS_CSS: undefined WP_ENVIRONMENT_TYPE: Nicht definiert DB_CHARSET: utf8 DB_COLLATE: undefined ### wp-filesystem ### wordpress: writable wp-content: writable uploads: writable plugins: writable themes: writable mu-plugins: writable ### jetpack ### site_id: 209513937 ssl_cert: No time_diff: undefined version_option: 11.4:1664997068 old_version: 11.3.2:1663889540 public: Public master_user: #1 martin_n2ckdxuz current_user: #1 martin_n2ckdxuz tokens_set: Blog User blog_token: Ioylm6ZUSFF0t#aKSjYdIs0kCy)0EeAK user_token: 5U#)uJOkCcl*YMv7QgJRnmB2Q5W2UsJG version: 11.4 jp_plugin_dir: /var/www/vhosts/zap649895-1.plesk06.zap-webspace.com/httpdocs/wp-content/plugins/jetpack/ plan: free protect_header: {"trusted_header":"REMOTE_ADDR","segments":1,"reverse":false} full_sync: {"started":"Mon, 08 Aug 2022 12:39:54 +0000","finished":"Mon, 08 Aug 2022 12:39:58 +0000","progress":{"options":{"finished":true},"functions":{"finished":true},"constants":{"finished":true},"users":{"total":"1","sent":1,"finished":true,"last_sent":"1"},"network_options":{"finished":true}},"config":{"options":true,"functions":true,"constants":true,"users":[1],"network_options":true}} sync_size: undefined sync_lag: 0 seconds full_sync_size: undefined full_sync_lag: 0 seconds idc_urls: {"home":"https:\/\/hookahx.de","siteurl":"https:\/\/hookahx.de","WP_HOME":"","WP_SITEURL":""} idc_error_option: false idc_optin: true cxn_tests: All Pass. ### wpforms ### version: 1.7.7.1 lite: Okt 9, 2022 @ 2:53pm upload_dir: Beschreibbar total_forms: undefined total_submissions: undefinedHallo,
auf deiner Seite gibt es 1 Fehler offenbar im Zusammenhang mit deinem Theme, den du siehst, wenn du in die developer console schaust (bei Chrome mit der Taste F12).Du hast PHP 8.x aktiviert. Du kannst testen, ob das Problem behoben ist, wenn du im Kundenbereich auf PHP 7.4.x umstellst. Es gibt noch einige Plugins und Themes, die mit PHP 8.x Probleme haben.
Jetpack ist unter datenschutzrechtlichen Gesichtspunkten problematisch, siehe hier. Das Plugin solltest du löschen.
Inaktive Themes (bis auf ein Standardtheme) und Plugins sollten schon aus Sicherheitsgründen deinstalliert werden.
Du kannst ja mal nach einer Sicherung das Plugin Health Check & Troubleshooting installieren. Anschließend kannst du unter Werkzeuge > Website Zustand unter Problembehandlung auf den Button „Problembehandlungsmodus aktivieren“ klicken. Dann werden alle Plugins deaktiviert und als Standardtheme z. B. Twenty Twenty-Two aktiviert. Dann kannst du sehen, ob die beschriebenen Probleme noch weiterhin auftauchen. Aktiviere dann zunächst das Theme von dir und danach Plugin für Plugin im Problembehandlungsmodus und schaue jeweils nach Aktivierung, ob das Problem noch besteht. Auf diese Weise kannst du möglicherweise herausfinden, ob das Problem durch das Theme und/oder ein Plugin verursacht wird. Vorteil dabei ist, dass Besucher deine Website weiter mit allen Infos und Plugins sehen, während nur für dich alle Plugins deaktiviert sind.
Sorry, aber wir können dir bei gekauften Themes oder Plugins so gut wie gar nicht helfen, weil sie uns nicht zur Verfügung stehen. Wir müssten sonst bei jeder Frage erst einmal das entsprechende Theme oder Plugin kaufen, uns dort einarbeiten und dann kostenlos den Support anbieten, für den du beim Kauf eigentlich bezahlt hast. Du solltest dich in dem Fall an die Entwickler wenden. Lies bitte auch mal in der FAQ II, 1b zu diesem Thema.
Viele Grüße
Hans-GerdDen Fehler (CSS wird nicht geladen) kann ich nicht reproduzieren – alles lädt sehr rasch und scheinbar fehlerfrei.
Hast du probiert, das Cache-Plugin zu deaktivieren?
@pixolin
hmm, bei mir sehe ich das Problem (sehr kurz) und auch den Fehler in der developer console 🤔Bei mir kommt in der Konsole ein Fehler mit
https://hookahx.de/wp-content/themes/elab/js/image.js?ver=6.0.2Allerdings wirft ein Validator unendlich viele Fehler, siehe https://validator.w3.org/nu/?doc=https%3A%2F%2Fhookahx.de%2F und https://jigsaw.w3.org/css-validator/validator?profile=css3&warning=0&uri=https%3A%2F%2Fhookahx.de%2F
Bei mir kommt in der Konsole ein Fehler mit
genau den meinte ich. Allerdings würde ich die URL hier nicht nennen. 😉
-
Diese Antwort wurde vor 2 Jahren, 7 Monaten von
Hans-Gerd Gerhards geändert.
Okay, mal folgende Sachen probiert:
Php Version von 8.0.20 auf 7.4.30 geändert > kein Erfolg
Php Version von 8.0.20 auf 8.1.7 geändert > kein Erfolg (habs aber nun bei der höchsten Version belassen, da mir keine zusätzlichen Fehler auffielen.
Plugins deaktiviert > kein Erfolg
Cache Plugin deaktiviert > kein Erfolg
Cache Plugin angepasst und alle CSS Optionen raus genommen > kein Erfolg
Health & Care Plugin installiert und rum gemacht > kein Erfolg
Theme geändert aufs Standard (Twenty Two). > Keine falsche Darstellung mehr beim Laden
Nun das Problem, was mich aber stutzig macht: Das Ladeproblem taucht erst seit etwa 3-4 Tagen auf. Und das Theme ist sein Monaten drauf. Einige User scheinen auch keine Probleme zu haben hier (auch bei Bekannten von mir manche kein Problem).
Mir ist bewusst, dass das ein Paid Theme ist, jedoch hat der Entwickler das Theme eingestellt und da gibt es gar kein Support mehr. Zu wechseln ist aktueller Stand keine Option.Hat jemand eventuell noch eine Idee zum Workaround? Das einzige was mir einfällt, was aber der maximale Pfusch wäre, ist ein Preloader. Aber bei jeder einzelnen Unterseite ständig einen Preloader vorgezeigt zu bekommen, ist auch nervig
Grüße
Mir ist bewusst, dass das ein Paid Theme ist, jedoch hat der Entwickler das Theme eingestellt und da gibt es gar kein Support mehr. Zu wechseln ist aktueller Stand keine Option.
Das sollte aber eine Option sein. Ein Theme ohne Support wird dir früher oder später sowieso um die Ohren fliegen.
Wenn ich alleine einige Fehler im CSS-Validator sehe, scheint das Theme sowieso kaputt zu sein.
… oder einen Freelancer bitten, das Theme anzupassen.
Ein neues Theme zu verwenden ist aber wahrscheinlich günstiger.Neues Theme fällt wegen der Arbeit einfach raus. Optisch ist dieses perfekt.
Verstehe aber die bedenken und weiß, dass ich auf sehr lange Sicht wechseln muss.Ich habe nun mal einen Freelancer wie empfohlen auf Fiverr gebucht. Gar nicht so teuer. Eventuell schafft er dies hinzubekommen. Ich lasse mal noch offen hier und gebe ein Update ob und wie dies gelöst wurde, falls in Zukunft nochmal jemand das gleiche Problem haben wird.
Update: Das Problem ist nun tatsächlich folgendes: Nicht das Theme ist kaputt (also ja schon, aber nicht für dieses Problem verantwortlich), sondern die ladereihenfolge stimmt nicht mehr. Die Style Sheets werden nicht zuerst geladen. Verantwrotlich dafür sind die zwei Optimierungsplugins die ich nutzte nach Empfehlung von hier (nein, natürlich ist das meine Schuld, nicht falsch verstehen), als ich auf dem Trip war meine WordPress Installation halbwegs verstecken zu wollen. Danach ist so viel passiert, dass ich kein Update aufspielen werde und es manuell irgendwie rückgängig machen muss.
Wie, weiß ich noch nicht. Eventuell hat da jemand eine Idee
-
Diese Antwort wurde vor 2 Jahren, 7 Monaten von
- Das Thema „Seite wird kurz ohne CSS(?) dargestellt beim Laden“ ist für neue Antworten geschlossen.