{"id":12439,"date":"2019-08-18T05:36:30","date_gmt":"2019-08-18T05:36:30","guid":{"rendered":"https:\/\/www.ezoic.com\/wie-sie-origins-pre-connecten-um-ihre-website-schneller-zu-machen\/"},"modified":"2021-07-26T20:21:49","modified_gmt":"2021-07-26T20:21:49","slug":"wie-sie-origins-pre-connecten-um-ihre-website-schneller-zu-machen","status":"publish","type":"post","link":"https:\/\/wp.ezoic.com\/de-lang\/wie-sie-origins-pre-connecten-um-ihre-website-schneller-zu-machen\/","title":{"rendered":"Wie Sie Origins pre-connecten, um Ihre Website schneller zu machen."},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;3.22.3&#8243;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;3.22.3&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;3.22.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; text_font=&#8221;||||||||&#8221; header_font=&#8221;Oswald Light||||||||&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wie_Sie_Origins_pre-connecten_um_Ihre_Website_schneller_zu_machen\"><\/span><strong>Wie Sie Origins pre-connecten, um Ihre Website schneller zu machen.<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wenn Sie Origins pre-connecten wollen, wahrscheinlich weil Pagespeed Insights von Google oder ein anderes Website-Geschwindigkeitstool Ihnen gesagt hat, dass Ihre Website schneller sein sollte.<\/p>\n<p>Durch das pre-connecten von Origins kann Ihre Website schneller werden. Auf einigen Websites kann das kaum messbare Verbesserungen bringen. Auf anderen kann es einen echten Nutzen bringen. Nachfolgend zeige ich Ihnen, wie Sie das selbst machen k\u00f6nnen.<!--more--><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Was_bringt_es_die_Origins_auf_einer_Webseite_zu_pre-connecten\"><\/span><strong>Was bringt es, die Origins auf einer Webseite zu pre-connecten?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Link-Preconnecting erm\u00f6glicht es dem Browser, externe Ressourcen abzurufen und im Cache zwischenzuspeichern, in der Annahme, dass Nutzer Sie anfordern werden. Diese externen Ressourcen sind haupts\u00e4chlich URLs, die, wenn sie preconnected sind, Ihre Website schneller machen werden.<\/p>\n<p>In den Google Developer Tools gibt es einen <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/resource-prioritization\" target=\"_blank\" rel=\"noopener noreferrer\">einen Leitfaden zu Priorisierung von Ressourcen<\/a>. Priorit\u00e4ten werden wichtig, wenn es darum geht, die Ladekapazit\u00e4t Ihrer Website zu untersuchen. Dieses Wissen ist besonders hilfreich f\u00fcr Publisher, wenn es darum geht, die Priorit\u00e4t von Chrome f\u00fcr jede Ressource zu kennen. Im Netzwerkbereich der Entwicklertools werden Ihnen diese Informationen angezeigt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11127 size-full\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2019\/07\/youtube_pre-connect_new.jpg?_t=1564692989\" alt=\"Was bringt es, die Origins auf einer Webseite zu pre-connecten?\" width=\"741\" height=\"286\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/youtube_pre-connect_new.jpg 741w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/youtube_pre-connect_new-300x116.jpg 300w\" sizes=\"(max-width: 741px) 100vw, 741px\" \/><\/p>\n<p>Auf der obigen Abbildung sehen Sie, dass ein YouTube-Video eingebettet ist, oder die Website beim Laden etwas von YouTube beziehen muss. Wenn Sie diese Ressourcen vorab verbinden, priorisiert der Browser den Aufbau dieser Verbindung und muss nicht YouTube aufrufen, die Webseite wird nicht unn\u00f6tig verlangsamt.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wird_eine_Website_die_Origins_vorab_verbindet_schneller_sein\"><\/span><strong>Wird eine Website, die Origins vorab verbindet, schneller sein?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ja, sie wird schneller werden, aber nur schrittweise. Ich werde am Beispiel des injuryhealthblog.com zeigen, warum dieses Thema in letzter Zeit viel diskutiert wurde. Viele Web-Publisher sind mit den Chrome Developer-Tools vertraut. Wenn Sie Ihre eigene Website testen m\u00f6chten, k\u00f6nnen Sie diese Schritte ausf\u00fchren:<\/p>\n<ol>\n<li>Verwendung des Inspect Element-Tools<\/li>\n<li>Klicken Sie das &#8220;Audits&#8221;-Tab<\/li>\n<li>Starten Sie das &#8220;Performance&#8221;-Audit<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11131\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2019\/07\/injuryhealth_audits.jpg\" alt=\"Wird eine Website, die Origins vorab verbindet, schneller sein?\" width=\"914\" height=\"183\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/injuryhealth_audits.jpg 1259w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/injuryhealth_audits-300x60.jpg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/injuryhealth_audits-1024x205.jpg 1024w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/injuryhealth_audits-768x154.jpg 768w\" sizes=\"(max-width: 914px) 100vw, 914px\" \/><\/p>\n<p>Im Performance-Audit zeigt injuryhealthblog.com in den Ergebnissen &#8220;pre-connect to required origins&#8221; an. Google sagt mir in diesem Performance Report, dass meine Website diese Ressourcen aufrufen muss, damit die gesamte Seite geladen werden kann.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11135\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2019\/07\/pre-connect-origins.jpg\" width=\"785\" height=\"295\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/pre-connect-origins.jpg 777w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/pre-connect-origins-300x113.jpg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/pre-connect-origins-768x289.jpg 768w\" sizes=\"(max-width: 785px) 100vw, 785px\" \/><\/p>\n<p>Alle externen Ressourcen (Origins) werden von Drittanwendungen oder Websites bezogen, die sich nicht physisch auf Ihrer Website befinden. Wenn ein Besucher auf der Seite ankommt, ruft der Browser diese Urspr\u00fcngen auf, und mit der Zeit wird die Seite damit langsamer. Je mehr externe Ressourcen aufgerufen werden m\u00fcssen, desto gr\u00f6\u00dfer die Wahrscheinlichkeit, dass Ihre Webseite insgesamt langsamer wird. Dies sind die Arten von externen Ressourcen, die bei der Ankunft auf Ihrer Website aufgerufen werden:<\/p>\n<ul>\n<li>Anzeigen<\/li>\n<li>Widgets<\/li>\n<li>Share Buttons<\/li>\n<li>Videos<\/li>\n<li>Social Media Posts<\/li>\n<li>Kommentarbereiche<\/li>\n<\/ul>\n<p>Durch die Vorverkn\u00fcpfung der Origins wird Ihre Seite zwar nicht sp\u00fcrbar schneller werden, in den Performance-Audits wird sich aber doch eine Verbesserung einstellen. Wenn Sie Ihre Webseite mit <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener noreferrer\">PageSpeed Insights<\/a> und <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lighthouse<\/a> schneller machen m\u00f6chten, sind Sie hier richtig.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wie_kann_ich_die_Origins_auf_meiner_Webseite_pre-connecten\"><\/span><strong>Wie kann ich die Origins auf meiner Webseite pre-connecten?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Es gibt viele verschiedene M\u00f6glichkeiten, Origins auf Ihrer Website zu preconnecten. Zun\u00e4chst werde ich Ihnen zeigen, wie es manuell auf WordPress funktioniert.<\/p>\n<p>Es ist einfach und simpel, selbst wenn Sie keine Erfahrung im Programmieren haben. Nachfolgend sind zwei Zeilen des Skripts, eine als Skript und eine als Style. Dieses Skript stellt eine Linkrelation her, um Ihrem Browser mitzuteilen, dass es wichtige Informationen gibt, die so schnell wie m\u00f6glich abgerufen werden m\u00fcssen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11139 size-full\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2019\/07\/link-pre-fetch.jpg?_t=1564693239\" alt=\"Wie kann ich die Origins auf meiner Webseite pre-connecten?\" width=\"876\" height=\"83\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/link-pre-fetch.jpg 876w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/link-pre-fetch-300x28.jpg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/link-pre-fetch-768x73.jpg 768w\" sizes=\"(max-width: 876px) 100vw, 876px\" \/><\/p>\n<p>Mit dem &#8220;<strong>as<\/strong>&#8221; Attribut sagen Sie dem Browser, welche Art von Ressource geladen werden, so dass sie korrekt behandelt werden k\u00f6nnen. Der Browser verwendet die vorgeladene Ressource <strong>nur dann<\/strong>, wenn der richtige Typ eingestellt ist. Wenn Sie das &#8220;as&#8221;-Attribut nicht verwenden, wird die Ressource mit der gleichen Priorit\u00e4t geladen, die sie sonst h\u00e4tte. Wenn Sie den Browser vorher dar\u00fcber informieren, wird der Download fr\u00fcher beginnen. Auf diese Weise werden die Ressourcen schneller abgerufen.<\/p>\n<p>Wenn Sie sich entscheiden, dieses Skript f\u00fcr alle Ihre Urspr\u00fcnge zu verwenden, finden Sie alle Links, die Sie zum Kopieren und Einf\u00fcgen in das <strong>href<\/strong>-Attribut ben\u00f6tigen, mit einem Klick auf den untenstehenden Dropdown-Pfeil.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11143\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2019\/07\/pre-connect-drop-down.jpg\" alt=\"Die Drop Down-Location des Pre-Connect Origins Tabs\" width=\"777\" height=\"292\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/pre-connect-drop-down.jpg 777w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/pre-connect-drop-down-300x113.jpg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/pre-connect-drop-down-768x289.jpg 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wie_kann_ich_Urspruenge_vorverknuepfen_wenn_ich_kein_Skript_verwenden_moechte\"><\/span><strong>Wie kann ich Urspr\u00fcnge vorverkn\u00fcpfen, wenn ich kein Skript verwenden m\u00f6chte?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>F\u00fcr diejenigen, die Urspr\u00fcnge pre-connecten wollen, aber nichts an ihrem Code ver\u00e4ndern wollen oder ein CMS-System verwenden, wo HTML nicht ver\u00e4ndert werden kann, gibt es einige gute Apps, die das Ganze f\u00fcr Sie schnell und ohne Probleme mit Ihrem CSS durchf\u00fchren k\u00f6nnen.<\/p>\n<p><a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket<\/a> ist eine gute Caching-App, mit der Sie Urspr\u00fcnge pre-connecten k\u00f6nnen. Innerhalb der App ist der erste Schritt, auf die Registerkarte Preload in der linken Spalte zu klicken.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11147 size-full\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2019\/07\/WP-rocket-preload.jpg?_t=1564693285\" alt=\"Wie kann ich Urspr\u00fcnge vorverkn\u00fcpfen, wenn ich kein Skript verwenden m\u00f6chte?\" width=\"781\" height=\"322\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/WP-rocket-preload.jpg 781w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/WP-rocket-preload-300x124.jpg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/WP-rocket-preload-768x317.jpg 768w\" sizes=\"(max-width: 781px) 100vw, 781px\" \/><\/p>\n<p>Dann scrollen Sie innerhalb derselben Registerkarte nach unten und suchen nach der \u00dcberschrift &#8220;Prefetch DNS Requests&#8221;. Hier k\u00f6nnen Sie alle URLs kopieren und einf\u00fcgen, von denen Lighthouse Ihnen vorschl\u00e4gt, sie in das Feld &#8220;URLs to prefetch&#8221; einzubinden.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11151\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2019\/07\/WP-rocket-urls.jpg\" width=\"827\" height=\"427\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/WP-rocket-urls.jpg 827w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/WP-rocket-urls-300x155.jpg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/WP-rocket-urls-768x397.jpg 768w\" sizes=\"(max-width: 827px) 100vw, 827px\" \/><\/p>\n<p>Wenn Sie WP Rocket nicht als Caching-Anwendung verwenden, gibt es andere, die \u00e4hnliche Funktionen \u00fcbernehmen. <a href=\"https:\/\/optimisation.io\/wordpress-plugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">Optimisation.io bietet ein WordPress plugin<\/a> mit Tools wie WP Disable, Caching und Image Compression. Es ist ein sehr gutes Plugin, da alle Funktionen zu der Erh\u00f6hung der Geschwindigkeit der Website f\u00fchren, und die meisten von ihnen k\u00f6nnen mit einem Klick ein- und ausgeschaltet werden.<\/p>\n<p>Origins in Optimisation.io zu preconnecten ist nahezu identisch zu WP Rocket. Im Folgenden trotzdem eine Darstellung, wie es von WordPress aus durchgef\u00fchrt werden kann. Klicken Sie auf das Optimisation.io Plugin and w\u00e4hlen Sie das &#8220;Requests&#8221; Tab.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11160\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2019\/07\/optimisation-main-tab.jpg\" alt=\"Optimisation.Io Haupt-Tabs\" width=\"1060\" height=\"324\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/optimisation-main-tab.jpg 1155w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/optimisation-main-tab-300x92.jpg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/optimisation-main-tab-1024x313.jpg 1024w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/optimisation-main-tab-768x235.jpg 768w\" sizes=\"(max-width: 1060px) 100vw, 1060px\" \/><\/p>\n<p>Als n\u00e4chstes scrollen Sie zu &#8220;DNS prefetch&#8221; und klicken den &#8220;Activate&#8221;-Button. Der letzte Schritt spiegelt wider, was auf dem WP Rocket Plugin gemacht wird. Copy and pasten Sie die Liste der empfohlenen Seiten zu Pre-Connect Origins von Lighthouse.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11164\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2019\/07\/optimisation.io-prefetch.jpg\" alt=\"Optimisation.Io's DNS Pre-Fetch Button\" width=\"957\" height=\"291\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/optimisation.io-prefetch.jpg 957w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/optimisation.io-prefetch-300x91.jpg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/optimisation.io-prefetch-768x234.jpg 768w\" sizes=\"(max-width: 957px) 100vw, 957px\" \/><\/p>\n<p>Diese Beispiele sind die einfachsten M\u00f6glichkeiten, Origins vorab zu verbinden, um die Geschwindigkeit Ihrer Website schrittweise zu erh\u00f6hen.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wie_pre-connecte_ich_Origins_wenn_ich_ein_CDN_wie_Cloudflare_nutze\"><\/span><strong>Wie pre-connecte ich Origins wenn ich ein CDN wie Cloudflare nutze?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Cloudflare Enterprise Kunden <a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/206776707-Does-Cloudflare-Do-Prefetching-\" target=\"_blank\" rel=\"noopener noreferrer\">k\u00f6nnen Prefetching durch folgende Schritte aktivieren<\/a>:<\/p>\n<ul>\n<li>Schalten Sie &#8220;Prefetch URLs&#8221; in der Speed-App innerhalb des Cloudflare Dashboards ein.<\/li>\n<li>Binden Sie einen HTTP Response Header ein, der auf eine Manifestdatei mit dem Attribut rel=&#8221;prefetch&#8221; zielt.\n<ul>\n<li><strong>Beispiel: <\/strong>&lt;http:\/\/www.example.com\/manifest.txt&gt;; rel=&#8221;prefetch&#8221;<\/li>\n<\/ul>\n<\/li>\n<li>Bedienen Sie die Manifestdatei mit text\/plain als Content-type Response-Header.\n<ul>\n<li><strong>Beispiel: <\/strong>http:\/\/another.example.com\/fetch3<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Cloudflare kann alle Inhalte vorab abrufen, die sich auf Ihrem Konto und hinter Cloudflare befinden, aber diese Funktion ist nur f\u00fcr Enterprise Kunden verf\u00fcgbar. Sind Sie kein Enterprise Nutzer, k\u00f6nnen Sie die Origins nur dann vorverbinden, wenn Sie ein Upgrade durchf\u00fchren.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Woher_weiss_ich_fuer_welche_URLs_ich_Pre-Connect_Origins_nutzen_sollte\"><\/span><strong>Woher weiss ich, f\u00fcr welche URLs ich Pre-Connect Origins nutzen sollte?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wenn Sie sich nicht sicher sind, welche Origins Sie nutzen sollen, nutzen Sie den Lighthouse Performance Audit Report. Bevor Sie das Audit durchf\u00fchren, sollten Sie die folgenden Optionen ausf\u00fchren, f\u00fcr die besten Ergebnisse zur Frage, was zur Verbesserung der Seitengeschwindigkeit ge\u00e4ndert werden soll.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11168 size-full\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2019\/07\/lighthouse-audit-final.jpg?_t=1564693324\" alt=\"Wie pre-connecte ich Origins wenn ich ein CDN wie Cloudflare nutze?\" width=\"869\" height=\"563\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/lighthouse-audit-final.jpg 869w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/lighthouse-audit-final-300x194.jpg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/lighthouse-audit-final-768x498.jpg 768w\" sizes=\"(max-width: 869px) 100vw, 869px\" \/><\/p>\n<ol>\n<li>W\u00e4hlen Sie Mobile: <a href=\"https:\/\/www.bondcap.com\/report\/itr19\/#view\/41\" target=\"_blank\" rel=\"noopener\">Die Mehrheit des Traffics kommt von mobilen Endger\u00e4ten<\/a>, der Anteil steigt j\u00e4hrlich weiter an.<\/li>\n<li>W\u00e4hlen Sie &#8220;Performance Audit&#8221;<\/li>\n<li>W\u00e4hlen Sie Applied Fast 3G, 4x CPU Slowdown: Diese Option liefert Ihnen das <strong>niedrigst-m\u00f6gliche Ergebnis<\/strong><strong>.<\/strong>Es ist die effektivste Art, den Test durchzuf\u00fchren, da Sie damit alle Empfehlungen und alle Urspr\u00fcnge f\u00fcr Pre-Connecting erhalten.<\/li>\n<\/ol>\n<p><strong>WICHTIG: <\/strong> Wenn Sie Simulated Fast and Throttling w\u00e4hlen, wird Ihre Website dadurch schneller erscheinen, und der Performance Report gibt Ihnen m\u00f6glicherweise nicht alle Empfehlungen, die Sie mit &#8220;Applied Fast&#8221; erhalten w\u00fcrden.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wird_Google_Lighthouse_dann_aufhoeren_preconnected_Origins_zu_markieren\"><\/span><strong>Wird Google Lighthouse dann aufh\u00f6ren, preconnected Origins zu markieren?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<blockquote>\n<p><strong>Ja,<\/strong> aber Sie m\u00fcssen eventuell etwas Zeit einplanen, bevor Sie ein weiteres Performance Audit durchf\u00fchren k\u00f6nnen. Der Browser muss diese Vorverbindungen im Cache aufbauen, und manchmal kann es bis zu 48 Stunden dauern, bis Lighthouse aufh\u00f6rt, die URLs zu markieren.<\/p>\n<\/blockquote>\n<p>Wenn Lighthouse keinen Performance Report abgibt, der Ihnen mitteilt, dass das Preconnecting der Origins die Geschwindigkeit der Website erh\u00f6ht, dann lohnt sich das Ganze wahrscheinlich gar nicht. Aber wenn Sie neuen Content, Widgets etc. zu Ihrer Seite hinzuf\u00fcgen, macht es Sinn, diese Performance Audits in regelm\u00e4\u00dfigen Abst\u00e4nden laufen zu lassen, um zu sehen welche Verbesserungsm\u00f6glichkeiten es gibt.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Welche_weiteren_Moeglichkeiten_gibt_es_die_Geschwindigkeit_einer_Webseite_zu_verbessern\"><\/span><strong>Welche weiteren M\u00f6glichkeiten gibt es, die Geschwindigkeit einer Webseite zu verbessern?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wenn Sie den Ezoic Blog verfolgen, wissen Sie, dass wir schon viel \u00fcber Website-Geschwindigkeit geschrieben haben. Viele Faktoren tragen zur Geschwindigkeit einer Webseite bei. Hier einige Artikel, die auf einige dieser Faktoren eingehen:<\/p>\n<ul>\n<li><a href=\"\/?p=6600\">Verbessern Sie den Site-Speed durch Lazy Loading Images und Next-Gen Formats<\/a><\/li>\n<li><a href=\"\/?p=10997\">Wie beeinflusst Time To Interactive (TTI) Einnahmen und Leistung einer Webseite?<\/a><\/li>\n<li><a href=\"\/?p=10149\">Welche Gemeinsamkeiten haben Websites mit guter Geschwindigkeit?<\/a><\/li>\n<li><a href=\"\/?p=9925\">Erh\u00f6hen Sie die Seitengeschwindigkeit f\u00fcr Google SEO auf praktikable Weise.<\/a><\/li>\n<li><a href=\"\/?p=5531\">Beschleunigen Sie WordPress Websites sofort mit diesen 5 Tipps<\/a><\/li>\n<\/ul>\n<p>In der heutigen Zeit ist es unwahrscheinlich, dass die Seiten Ihrer Website nur noch einfachen Text beinhalten. Eine gro\u00dfartige Website ist wie ein Kuchen: Viele Zutaten machen ihn zu dem, was wir kaufen und konsumieren m\u00f6chten. Interaktive Landing Pages, Social Sharing Buttons, durchdachtes Design, einfache Navigation und Videoinhalte geh\u00f6ren zu einer langen Liste von Komponenten, die Ihre Website zu dem machen, was sie ist.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-11917 aligncenter\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2019\/07\/e9dc0c0a-1b47-46e3-b333-b50304d05797-1024x688.png\" alt=\"ezoic Seitengeschwindigkeit\" width=\"1024\" height=\"688\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/e9dc0c0a-1b47-46e3-b333-b50304d05797-1024x688.png 1024w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/e9dc0c0a-1b47-46e3-b333-b50304d05797-300x202.png 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/e9dc0c0a-1b47-46e3-b333-b50304d05797-768x516.png 768w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/e9dc0c0a-1b47-46e3-b333-b50304d05797.png 1264w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Am wichtigsten sind <strong>ansprechende Inhalte, die f\u00fcr Ihre Besucher n\u00fctzlich sind <\/strong>und dazu beitragen, dass sie immer wieder auf Ihre Seite zur\u00fcck kommen. Als Web-Publisher steht f\u00fcr Sie die Erstellung guter Inhalte an erster Stelle. Einer der <a href=\"https:\/\/svc.ezoic.com\/join.php\" target=\"_blank\" rel=\"noopener noreferrer\">Vorteile von Ezoic<\/a> ist, dass wir eine ganze Reihe kostenloser Tools anbieten. <a href=\"http:\/\/www.ezoic.com\/site-speed\/\" target=\"_blank\" rel=\"noopener noreferrer\">Die Site Speed App<\/a> kann Origins mit einem Klick pre-connecten. Es ist eine gro\u00dfartige Option f\u00fcr Publisher, die sich selbst und den Nutzern, die auf ihre Seite kommen, wertvolle Zeit sparen wollen.<\/p>\n<p>Wenn Sie Fragen oder Anmerkungen haben, stehe ich Ihnen gerne zur Verf\u00fcgung.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;3.22.3&#8243;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;3.22.3&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;3.22.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; text_font=&#8221;||||||||&#8221; header_font=&#8221;Oswald Light||||||||&#8221;] Wie Sie Origins pre-connecten, um Ihre Website schneller zu machen. Wenn Sie Origins pre-connecten wollen, wahrscheinlich weil Pagespeed Insights von Google oder ein anderes Website-Geschwindigkeitstool Ihnen gesagt hat, dass Ihre Website schneller sein sollte. Durch das&hellip; <a class=\"more-link\" href=\"https:\/\/wp.ezoic.com\/de-lang\/wie-sie-origins-pre-connecten-um-ihre-website-schneller-zu-machen\/\"><span class=\"screen-reader-text\">Wie Sie Origins pre-connecten, um Ihre Website schneller zu machen.<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":5,"featured_media":11914,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"tpgb_global_settings":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-12439","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unkategorisiert","entry"],"tpgb_featured_images":{"full":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/shutterstock_1079077427.jpg",1000,667,false],"tp-image-grid":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/shutterstock_1079077427.jpg",700,467,false],"thumbnail":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/shutterstock_1079077427-150x150.jpg",150,150,true],"medium":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/shutterstock_1079077427-300x200.jpg",300,200,true],"medium_large":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/shutterstock_1079077427-768x512.jpg",768,512,true],"large":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2019\/07\/shutterstock_1079077427.jpg",1000,667,false],"default":"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/plugins\/the-plus-addons-for-block-editor\/assets\/images\/tpgb-placeholder.jpg"},"tpgb_post_meta_info":{"get_date":"18. August 2019","category_list":{"category":[{"term_id":1,"name":"Unkategorisiert","slug":"unkategorisiert","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":169,"filter":"raw"}],"post_tag":false,"post_format":false},"author_name":"Allen Longstreet","author_url":"https:\/\/wp.ezoic.com\/de-lang\/author\/allen\/","author_email":"alongstreet@ezoic.com","author_website":"","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["author"],"author_firstname":"Allen","author_lastname":"Longstreet","user_login":"allen","author_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/d3d9283760e71bb3ca24eef2f1cca086?s=200&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/d3d9283760e71bb3ca24eef2f1cca086?s=400&#038;d=mm&#038;r=g 2x' class='avatar avatar-200 photo' height='200' width='200' loading='lazy' decoding='async'\/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/d3d9283760e71bb3ca24eef2f1cca086?s=96&d=mm&r=g","comment_count":2,"post_likes":0,"post_views":0},"tpgb_post_category":{"category":"<a href=\"https:\/\/wp.ezoic.com\/de-lang\/category\/unkategorisiert\/\" alt=\"Unkategorisiert\" class=\"category-unkategorisiert\">Unkategorisiert<\/a> "},"_links":{"self":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts\/12439"}],"collection":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/comments?post=12439"}],"version-history":[{"count":1,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts\/12439\/revisions"}],"predecessor-version":[{"id":336096,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts\/12439\/revisions\/336096"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/media\/11914"}],"wp:attachment":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/media?parent=12439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/categories?post=12439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/tags?post=12439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}