{"id":86905,"date":"2022-08-11T21:56:14","date_gmt":"2022-08-11T19:56:14","guid":{"rendered":"https:\/\/rmarketingdigital.com\/elementor\/lidiar-con-parpadeos-fouc\/"},"modified":"2020-09-18T18:24:57","modified_gmt":"2020-09-18T21:24:57","slug":"lidiar-con-parpadeos-fouc","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/de\/elementor\/lidiar-con-parpadeos-fouc\/","title":{"rendered":"Besch\u00e4ftige dich mit Blinks \/ FOUC"},"content":{"rendered":"
\n
\n

<\/a><\/p>\n

Probleme beim Laden k\u00f6nnen zu einem FOUC (Unstyled Content Flash) f\u00fchren. Mehrere spezifische Gr\u00fcnde k\u00f6nnen dies erkl\u00e4ren.<\/p>\n

Zuerst, Dies kann daran liegen, wie Elementor seine Vorlagen einbettet.<\/strong><\/p>\n

Warum ist das Vorlagen-Stylesheet in die Fu\u00dfzeile und nicht in die eingebettet? <\/code>?<\/em><\/p>\n

Wenn eine Seite geladen wird, k\u00f6nnen wir nicht erkennen, welche Vorlagen auf der Seite eingebettet wurden. Deshalb laden wir sie in die Fu\u00dfzeile. <\/p>\n

In einigen F\u00e4llen kann dies beim Laden der Seite zu einem kleinen Blinken (Flimmern oder FOUC) f\u00fchren.<\/p>\n

Wie l\u00f6se ich FOUC? <\/h3>\n

Sie k\u00f6nnen dieses Problem mit einer der folgenden Methoden beheben:<\/p>\n

1. Stellen Sie die CSS-Druckmethode auf Inline ein, anstatt externe Dateien zu verwenden<\/strong>. Dies k\u00f6nnen Sie tun, indem Sie zum gehen Elementor> Einstellungen> Erweitert> CSS-Druckmethode> Interne Einbettung <\/em><\/p>\n

2. Die zweite Option ist Laden Sie die CSS-Dateien mit einer Aktion in die functions.php<\/code> Ihre untergeordnete Themendatei<\/strong>. Beispielsweise:<\/p>\n

add_action ('wp_enqueue_scripts', function () {if (! class_exists ('ElementorCoreFilesCSSPost')) {return;} $template_id = 123456; $css_file = new ElementorCoreFilesCSSPost ($template2-Tquef2 ; $template2-id); $template2-cfue;\n<\/pre>\n
  Anstatt von $template_id = 123456<\/code>Geben Sie Ihre Vorlagen-ID ein, die immer in den Site-Header geladen wird. Sie k\u00f6nnen diese Methode verwenden, um nur bestimmte Seiten<\/strong>.<\/p>\n
  3. Einige Optimierungs-Plugins k\u00f6nnen dies ebenfalls l\u00f6sen<\/strong>.<\/p>\n
  Die oben genannten L\u00f6sungen sind relevant, wenn Sie ein globales Elementor-Widget oder eine Vorlage \u00fcber Ihre Designoptionen in Ihre Kopf- oder Fu\u00dfzeile eingebettet haben.<\/p>\n
  Hinweis: Beachten Sie, dass bei Verwendung der Funktion "Stretch Section" m\u00f6glicherweise ein FOUC (Flash f\u00fcr nicht gestaltete Inhalte) auftritt, da diese Option mit JS-Code funktioniert und beim Laden von Skripten ein Flackern auftreten kann.<\/p>\n
  Hinweis: Unstyled Content Flare kann auch auftreten, wenn Sie gro\u00dfe \/ schwere Bilder verwenden.<\/p>\n
 Trinkgeld<\/strong>: In einigen F\u00e4llen, z. B. wenn ein gro\u00dfer Bildabschnitt die FOUC verursacht, kann eine schnelle L\u00f6sung verwendet werden. F\u00fcgen Sie einfach eine Eintragsanimation wie Einblenden zu dem spezifischen ABSCHNITT hinzu, bei dem das Problem auftritt. In vielen F\u00e4llen wird das Problem dadurch leicht gel\u00f6st.<\/p>\n<\/article><\/div>","protected":false},"excerpt":{"rendered":"
Los problemas de carga pueden causar un FOUC (destello de contenido sin estilo). Varias razones espec\u00edficas pueden explicar esto. Ante todo, esto puede deberse a la forma en que Elementor…<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1352],"tags":[],"class_list":["post-86905","post","type-post","status-publish","format-standard","category-elementor"],"yoast_head":"\nLidiar con parpadeos \/ FOUC - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Los problemas de carga pueden causar un FOUC (destello de contenido sin estilo). Varias razones espec\u00edficas pueden explicar esto. Ante todo, esto puede\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/de\/elementor\/lidiar-con-parpadeos-fouc\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lidiar con parpadeos \/ FOUC\" \/>\n<meta property=\"og:description\" content=\"Los problemas de carga pueden causar un FOUC (destello de contenido sin estilo). Varias razones espec\u00edficas pueden explicar esto. Ante todo, esto puede\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/de\/elementor\/lidiar-con-parpadeos-fouc\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-11T19:56:14+00:00\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/lidiar-con-parpadeos-fouc\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/lidiar-con-parpadeos-fouc\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Lidiar con parpadeos \\\/ FOUC\",\"datePublished\":\"2022-08-11T19:56:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/lidiar-con-parpadeos-fouc\\\/\"},\"wordCount\":369,\"articleSection\":[\"Elementor\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/lidiar-con-parpadeos-fouc\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/lidiar-con-parpadeos-fouc\\\/\",\"name\":\"Lidiar con parpadeos \\\/ FOUC - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"datePublished\":\"2022-08-11T19:56:14+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Los problemas de carga pueden causar un FOUC (destello de contenido sin estilo). Varias razones espec\u00edficas pueden explicar esto. Ante todo, esto puede\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/elementor\\\/lidiar-con-parpadeos-fouc\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Umgang mit Blinks \/ FOUC - R Marketing Digital","description":"Probleme beim Laden k\u00f6nnen zu einem FOUC (Unstyled Content Flash) f\u00fchren. Mehrere spezifische Gr\u00fcnde k\u00f6nnen dies erkl\u00e4ren. Zuallererst kann dies","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/de\/elementor\/lidiar-con-parpadeos-fouc\/","og_locale":"de_DE","og_type":"article","og_title":"Lidiar con parpadeos \/ FOUC","og_description":"Los problemas de carga pueden causar un FOUC (destello de contenido sin estilo). Varias razones espec\u00edficas pueden explicar esto. Ante todo, esto puede","og_url":"https:\/\/rmarketingdigital.com\/de\/elementor\/lidiar-con-parpadeos-fouc\/","og_site_name":"R Marketing Digital","article_published_time":"2022-08-11T19:56:14+00:00","author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/elementor\/lidiar-con-parpadeos-fouc\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/lidiar-con-parpadeos-fouc\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Lidiar con parpadeos \/ FOUC","datePublished":"2022-08-11T19:56:14+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/elementor\/lidiar-con-parpadeos-fouc\/"},"wordCount":369,"articleSection":["Elementor"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/elementor\/lidiar-con-parpadeos-fouc\/","url":"https:\/\/rmarketingdigital.com\/elementor\/lidiar-con-parpadeos-fouc\/","name":"Umgang mit Blinks \/ FOUC - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"datePublished":"2022-08-11T19:56:14+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Probleme beim Laden k\u00f6nnen zu einem FOUC (Unstyled Content Flash) f\u00fchren. Mehrere spezifische Gr\u00fcnde k\u00f6nnen dies erkl\u00e4ren. Zuallererst kann dies","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/elementor\/lidiar-con-parpadeos-fouc\/"]}]},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digitales Marketing","description":"SEO Agentur | Werbung f\u00fcr soziale Netzwerke | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digitales Marketing","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/86905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/comments?post=86905"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/86905\/revisions"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media?parent=86905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/categories?post=86905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/tags?post=86905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}