{"id":5981,"date":"2023-11-09T15:00:00","date_gmt":"2023-11-09T15:00:00","guid":{"rendered":"https:\/\/storeseo.com\/?p=5981"},"modified":"2023-11-15T04:56:47","modified_gmt":"2023-11-15T04:56:47","slug":"google-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/storeseo.com\/de\/google-pagespeed-insights\/","title":{"rendered":"Google PageSpeed Insights: Was es ist und 10 M\u00f6glichkeiten, den Score zu steigern"},"content":{"rendered":"<p>Eine Website zu haben, die schnell und effizient l\u00e4dt, ist nicht nur ein Luxus, sondern eine Notwendigkeit. PageSpeed Insights ist ein Tool von Google, das auswertet, wie schnell Ihre Website l\u00e4dt, und wertvolle Vorschl\u00e4ge bietet, um sie noch schneller zu machen. Egal, ob Sie Websitebesitzer, Content Manager oder SEO-Experte sind, Sie sollten kristallklare Vorstellungen haben \u00fcber <strong>Google PageSpeed Insights (PSI)<\/strong>, seine Kennzahlen und die M\u00f6glichkeiten zur Verbesserung seiner Punktzahl.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/Google-PageSpeed-Insights_-What-It-Is-10-Ways-To-Boost-Its-Score-1024x576.png\" alt=\"\" class=\"wp-image-6045\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/Google-PageSpeed-Insights_-What-It-Is-10-Ways-To-Boost-Its-Score-1024x576.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/Google-PageSpeed-Insights_-What-It-Is-10-Ways-To-Boost-Its-Score-300x169.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/Google-PageSpeed-Insights_-What-It-Is-10-Ways-To-Boost-Its-Score-768x432.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/Google-PageSpeed-Insights_-What-It-Is-10-Ways-To-Boost-Its-Score-360x203.png 360w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/Google-PageSpeed-Insights_-What-It-Is-10-Ways-To-Boost-Its-Score.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p>In diesem Blog erkl\u00e4ren wir Ihnen, was PageSpeed Insights von Google ist, welche Kennzahlen es verwendet (und welchen idealen Bereich Sie anstreben sollten), um die Leistung Ihrer Website zu messen, und 10 einfache und praktische M\u00f6glichkeiten, um den Google PageSpeed Insights-Score f\u00fcr Ihre Website zu verbessern. Wenn Sie also 100\/100 oder einen Wert nahe an diesem Benchmark erreichen m\u00f6chten, lesen Sie einfach weiter.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Was ist Google PageSpeed Insights?<\/strong><\/h2>\n\n\n\n<p>Google PageSpeed Insights (PSI) ist ein kostenloses <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tool zur Leistungsmessung<\/a> von Google. Dieses Tool ist hilfreich, um die Seitengeschwindigkeit einer Website oder URL sowohl auf Mobil- als auch auf Desktopger\u00e4ten zu analysieren.&nbsp;<\/p>\n\n\n\n<p>Unabh\u00e4ngig davon, welche URL Sie in dieses Tool eingeben, ermittelt das PSI nach der Analyse verschiedener Kennzahlen (weitere Informationen dazu finden Sie weiter unten) einen Gesamtleistungswert. Der Leistungswert kann <strong>Bereich von 0 bis 100<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Dabei ist 0 die niedrigste und 100 die h\u00f6chste Punktzahl. Je h\u00f6her die Punktzahl, desto besser ist die Seite oder Website optimiert. Eine h\u00f6here Punktzahl bedeutet normalerweise mehr Geschwindigkeit und Effizienz der analysierten Website. Sobald dieses Tool die Analyse abgeschlossen hat, schl\u00e4gt es Ihnen Bereiche vor, in denen die Punktzahl verbessert werden kann, und Optimierungsm\u00f6glichkeiten.&nbsp;<\/p>\n\n\n\n<p>Beachten Sie, dass es zwar mehrere Tools zur \u00dcberpr\u00fcfung der Seitengeschwindigkeit f\u00fcr Websitebesitzer gibt, Google PageSpeed Insights (PSI) jedoch das beliebteste ist. Einer der Gr\u00fcnde f\u00fcr diese Beliebtheit kann sein, dass es von Google kommt und die meisten Websitebesitzer m\u00f6chten, dass ihre Website auf dieser Plattform gut aussieht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wichtige PageSpeed Insights-Metriken und Idealwerte f\u00fcr die Optimierung<\/strong><\/h2>\n\n\n\n<p>Benutzer erwarten, dass Webseiten schnell geladen werden und reibungslos funktionieren. Und hier kommt PageSpeed Insights ins Spiel. Um Ihre Website effektiv zu optimieren und bei Google PageSpeed Insights besser abzuschneiden, m\u00fcssen Sie die verwendeten Metriken wie CLS, LCP, FID, FCP, INP und TTFB sowie die idealen Werte f\u00fcr diese Metriken auf verschiedenen Ger\u00e4ten verstehen.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1366\" height=\"651\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/overall-score-page-google-pagespeed-insights.png\" alt=\"pagespeed insights score preview\" class=\"wp-image-5985\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/overall-score-page-google-pagespeed-insights.png 1366w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/overall-score-page-google-pagespeed-insights-300x143.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/overall-score-page-google-pagespeed-insights-1024x488.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/overall-score-page-google-pagespeed-insights-768x366.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/overall-score-page-google-pagespeed-insights-360x172.png 360w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n<\/div>\n\n\n<p>Wie funktioniert es also? Wenn Sie den Link zu Ihrer Website in Google PageSpeed Insights einf\u00fcgen und auf die Schaltfl\u00e4che \u201eAnalysieren\u201c klicken, erhalten Sie einen Gesamtleistungswert (sowohl f\u00fcr Mobilger\u00e4te als auch f\u00fcr Desktops), der auf der durchschnittlichen Leistung anhand verschiedener Kennzahlen basiert. Lassen Sie uns \u00fcber die Kennzahlen sprechen, auf deren Grundlage der Gesamtleistungswert berechnet wird.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Gr\u00f6\u00dftes Contentful Paint (LCP)<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/web.dev\/articles\/lcp\" target=\"_blank\" rel=\"noreferrer noopener\">Gr\u00f6\u00dfte Contentful Paint<\/a>, oder LCP, misst, wie schnell das gr\u00f6\u00dfte Inhaltselement im Ansichtsfenster sichtbar wird. Es wirkt sich direkt auf die wahrgenommene Ladegeschwindigkeit Ihrer Seite aus. Das <strong>Der ideale LCP-Wert betr\u00e4gt 2,5 Sekunden oder weniger<\/strong>. Sie m\u00fcssen diese Kennzahl jedoch ernsthaft in Betracht ziehen, wenn sie \u00fcber 4 Sekunden liegt. Ein schnelleres LCP stellt sicher, dass Benutzer Ihre Inhalte schnell sehen und mit ihnen interagieren k\u00f6nnen.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"821\" height=\"264\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/lcp-google-pagespeed-insights.png\" alt=\"largest contentful paint ideal score\" class=\"wp-image-5986\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/lcp-google-pagespeed-insights.png 821w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/lcp-google-pagespeed-insights-300x96.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/lcp-google-pagespeed-insights-768x247.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/lcp-google-pagespeed-insights-360x116.png 360w\" sizes=\"(max-width: 821px) 100vw, 821px\" \/><figcaption class=\"wp-element-caption\">Bildquelle: <a href=\"https:\/\/web.dev\/articles\/lcp\" rel=\"noopener\">web.dev<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Erste Eingangsverz\u00f6gerung (FID)<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/web.dev\/articles\/fid\" target=\"_blank\" rel=\"noreferrer noopener\">Erste Eingabeverz\u00f6gerung<\/a>, oder FID, bewertet die Reaktionsf\u00e4higkeit einer Webseite, indem die Zeit gemessen wird, die ben\u00f6tigt wird, bis die erste Interaktion eines Benutzers (Klick oder Tippen) vom Browser verarbeitet wird. Ein niedrigerer FID-Score weist auf eine reaktionsf\u00e4higere Website hin. Google empfiehlt einen idealen <strong>FID-Wert von 100 Millisekunden oder weniger<\/strong>. Ein besserer Wert stellt sicher, dass Benutzer ohne gro\u00dfe Verz\u00f6gerung mit Ihrer Site interagieren k\u00f6nnen.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"828\" height=\"236\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fid-google-pagespeed-insights.png\" alt=\"first input delay ideal score\" class=\"wp-image-5987\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fid-google-pagespeed-insights.png 828w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fid-google-pagespeed-insights-300x86.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fid-google-pagespeed-insights-768x219.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fid-google-pagespeed-insights-360x103.png 360w\" sizes=\"(max-width: 828px) 100vw, 828px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Kumulative Layoutverschiebung (CLS)<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/web.dev\/articles\/cls\" target=\"_blank\" rel=\"noreferrer noopener\">Kumulative Layoutverschiebung<\/a>, oder CLS, misst die visuelle Stabilit\u00e4t einer Webseite. Es quantifiziert das Ausma\u00df, in dem sich Seitenelemente beim Laden verschieben. Ein niedriger CLS-Score ist entscheidend, um ein nahtloses Benutzererlebnis zu gew\u00e4hrleisten. Google <strong>empfiehlt einen CLS-Score von 0,1 oder weniger<\/strong>Wenn Sie diesen Wert erreichen, werden Ihre Benutzer nicht durch herumspringende Elemente auf der Seite frustriert.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"835\" height=\"239\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/cls-google-pagespeed-insights.png\" alt=\"cumulative layout shift ideal score\" class=\"wp-image-5988\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/cls-google-pagespeed-insights.png 835w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/cls-google-pagespeed-insights-300x86.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/cls-google-pagespeed-insights-768x220.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/cls-google-pagespeed-insights-360x103.png 360w\" sizes=\"(max-width: 835px) 100vw, 835px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Erstes Contentful Paint (FCP)<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/web.dev\/articles\/fcp\" target=\"_blank\" rel=\"noreferrer noopener\">Erstes Contentful Paint<\/a>, oder FCP, misst die Zeit, die der Browser ben\u00f6tigt, um den ersten Inhalt auf dem Bildschirm darzustellen. Es ist ein Schl\u00fcsselelement bei der Wahrnehmung der Seitenladegeschwindigkeit. Laut Google sollten Sie Ihr Bestes tun, um eine <strong>FCP-Score von 1,8 Sekunden oder weniger<\/strong> f\u00fcr Ihre Website. Dieser Wert stellt sicher, dass Benutzer schnell sinnvolle Inhalte sehen.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"816\" height=\"256\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fcp-google-pagespeed-insights.png\" alt=\"first contentful paint ideal score\" class=\"wp-image-5989\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fcp-google-pagespeed-insights.png 816w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fcp-google-pagespeed-insights-300x94.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fcp-google-pagespeed-insights-768x241.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/fcp-google-pagespeed-insights-360x113.png 360w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Interaktion mit dem n\u00e4chsten Paint (INP)<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/web.dev\/articles\/inp\" target=\"_blank\" rel=\"noreferrer noopener\">Interaktion mit Next Paint<\/a>, oder INP, bewertet die Zeit, die die Interaktion eines Benutzers mit der Seite ben\u00f6tigt, um zur n\u00e4chsten visuellen \u00c4nderung auf dem Bildschirm zu f\u00fchren. Ein niedrigerer INP-Score weist auf eine reaktionsf\u00e4higere Website hin. Sie sollten versuchen, die <strong>INP-Score von 200 Millisekunden oder weniger<\/strong> f\u00fcr mobile und Desktop-Ger\u00e4te. Ein guter Wert stellt sicher, dass Benutzerinteraktionen nahtlos und schnell in sichtbare \u00c4nderungen auf der Seite umgesetzt werden.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"789\" height=\"518\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/inp-google-pagespeed-insights.png\" alt=\"interaction to next paint ideal score\" class=\"wp-image-5990\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/inp-google-pagespeed-insights.png 789w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/inp-google-pagespeed-insights-300x197.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/inp-google-pagespeed-insights-768x504.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/inp-google-pagespeed-insights-360x236.png 360w\" sizes=\"(max-width: 789px) 100vw, 789px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Zeit bis zum ersten Byte (TTFB)<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/web.dev\/articles\/ttfb\" target=\"_blank\" rel=\"noreferrer noopener\">Zeit bis zum ersten Byte<\/a>, oder TTFB, misst die Zeit, die der Browser ben\u00f6tigt, um das erste Datenbyte vom Server zu empfangen. Es wirkt sich direkt auf die wahrgenommene Serverantwortzeit aus. Die ideale TTFB <strong>Punktzahl betr\u00e4gt 0,8 Sekunden oder weniger<\/strong>. Wenn Sie eine gute Punktzahl haben, bedeutet das, dass der Server schnell antwortet. Dies tr\u00e4gt dazu bei, die Wartezeit f\u00fcr Benutzer zu verk\u00fcrzen und ihr Surferlebnis zu verbessern.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"799\" height=\"228\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/ttfb-google-pagespeed-insights.png\" alt=\"time to first byte ideal score\" class=\"wp-image-5991\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/ttfb-google-pagespeed-insights.png 799w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/ttfb-google-pagespeed-insights-300x86.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/ttfb-google-pagespeed-insights-768x219.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/ttfb-google-pagespeed-insights-360x103.png 360w\" sizes=\"(max-width: 799px) 100vw, 799px\" \/><\/figure>\n<\/div>\n\n\n<p>Die Optimierung f\u00fcr diese Kennzahlen umfasst eine Kombination von Faktoren, darunter die Minimierung renderblockierender Ressourcen, die Optimierung von Bildern, die Nutzung des Browser-Cachings, die Reduzierung unn\u00f6tigen JavaScripts und die Optimierung der Serverantwortzeiten. Die Priorisierung der mobilen Optimierung ist besonders wichtig, da die Ranking-Algorithmen von Google die Mobilfreundlichkeit ber\u00fccksichtigen.<\/p>\n\n\n\n<p>Das Verstehen und Erreichen der idealen Werte f\u00fcr CLS, LCP, FID, FCP, INP und TTFB auf mobilen und Desktop-Ger\u00e4ten ist f\u00fcr die Webseitenoptimierung unerl\u00e4sslich. Das Streben nach diesen idealen Werten tr\u00e4gt zu einer schnelleren, benutzerfreundlicheren Website bei. Um diese Werte zu erreichen und den Gesamtleistungswert Ihrer Website im PageSpeed Insights-Tool zu verbessern, ist es wichtig, die Best Practices umzusetzen, die wir im Folgenden vorstellen.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>10 M\u00f6glichkeiten zur Verbesserung des Google PageSpeed Insights (PSI)-Scores&nbsp;<\/strong><\/h2>\n\n\n\n<p>Nachdem Sie nun wissen, was PageSpeed Insights ist und welche Kennzahlen es enth\u00e4lt, zeigen wir Ihnen 10 praktische und einfache M\u00f6glichkeiten, um den Google PageSpeed Insights-Score f\u00fcr Ihre Website oder eine Ihrer Webseiten zu verbessern. Denken Sie daran: Je besser Sie Ihre Website optimieren, desto besser wird der Leistungswert bei Google PageSpeed Insights.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Optimieren Sie Ihre Bilder&nbsp;<\/strong><\/h3>\n\n\n\n<p>Bilder spielen eine wichtige Rolle bei der Web-Performance und ihre Optimierung kann sich erheblich auf Ihren Google PageSpeed Insights-Score auswirken. Wenn Sie <a href=\"https:\/\/storeseo.com\/de\/image-optimization-for-shopify\/\" target=\"_blank\" rel=\"noreferrer noopener\">Optimieren Sie die Bilder Ihrer Website<\/a> Wenn Sie die Bilder richtig bearbeiten, k\u00f6nnen Sie die FCP- und LCP-Zeiten ganz einfach verk\u00fcrzen. Dar\u00fcber hinaus k\u00f6nnen Sie die CLS-Probleme minimieren. Hier werden wir wichtige Strategien untersuchen, um Ihre Bilder webfreundlicher zu gestalten, ohne zu technisch zu werden.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\ud83d\udc49\ud83c\udffd Schwere Bilder abspecken<\/strong><\/h4>\n\n\n\n<p>Stellen Sie sich Ihre Website als Rennwagen vor. Wenn sie zu viel Gewicht hat, ist sie auf der Strecke langsamer. Dasselbe gilt f\u00fcr Ihre Website. Bilder wie Favicons, Logos und Produktbilder k\u00f6nnen manchmal einen gro\u00dfen Teil der Gr\u00f6\u00dfe Ihrer Webseite ausmachen. Wenn dies geschieht, verlangsamt es Ihre Website und beeintr\u00e4chtigt das Benutzererlebnis.<\/p>\n\n\n\n<p>Was ist also die L\u00f6sung? Erw\u00e4gen Sie zun\u00e4chst, PNG-Bilder durch JPEGs zu ersetzen. JPEGs sind viel leichter und schneller. Dar\u00fcber hinaus k\u00f6nnen Bildkompressoren wie <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">WinzigesPNG<\/a>, <a href=\"https:\/\/github.com\/google\/guetzli\" target=\"_blank\" rel=\"noreferrer noopener\">Guetzli<\/a>, Und <a href=\"https:\/\/jpg2png.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">JPG 2 PNG<\/a> kann helfen, die Gr\u00f6\u00dfe Ihrer Bilder zu reduzieren, ohne die Qualit\u00e4t zu beeintr\u00e4chtigen. M\u00f6glicherweise m\u00fcssen Sie auch einige Bilder von Ihrer Website l\u00f6schen.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"651\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/tinypng-google-pagespeed-insights.png\" alt=\"tinypng website preview for image compression\" class=\"wp-image-5992\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/tinypng-google-pagespeed-insights.png 1366w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/tinypng-google-pagespeed-insights-300x143.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/tinypng-google-pagespeed-insights-1024x488.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/tinypng-google-pagespeed-insights-768x366.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/tinypng-google-pagespeed-insights-360x172.png 360w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n<\/div>\n\n\n<p>Bevor Sie die Bildnutzung auf Ihrer Website \u00fcberpr\u00fcfen, fragen Sie sich: \u201eBrauche ich diese ganzen Bilder wirklich?\u201c Wenn nicht, sollten Sie die unn\u00f6tigen Bilder entfernen, um Daten zu sparen und die Ladezeiten zu verbessern.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\ud83d\udc49\ud83c\udffd Best Practices zur Bildoptimierung<\/strong><\/h4>\n\n\n\n<p>Lassen Sie uns nun einige Best Practices zur Bildoptimierung n\u00e4her betrachten:<\/p>\n\n\n\n<p><strong>Gr\u00f6\u00dfe \u00e4ndern und Bilder komprimieren:<\/strong> Passen Sie die Gr\u00f6\u00dfe Ihrer Bilder an die richtigen Abmessungen f\u00fcr Ihre Webseite an. Dadurch wird die Dateigr\u00f6\u00dfe reduziert, ohne dass zu viel Qualit\u00e4t verloren geht. Sie k\u00f6nnen Ihre Bilder von Ihrer WordPress-Website aus in gro\u00dfen Mengen komprimieren, indem Sie <a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noreferrer noopener\">TinyPNG-Plugin<\/a>.&nbsp;<\/p>\n\n\n\n<p><strong>Bildabmessungen festlegen:<\/strong> Stellen Sie sicher, dass Sie f\u00fcr jedes Bild im Code Ihrer Website die genaue H\u00f6he und Breite angeben. Dadurch kann der Browser die Seite effizienter laden, Layoutverschiebungen werden reduziert und das Benutzererlebnis verbessert.<\/p>\n\n\n\n<p><strong>Verwenden Sie ein Content Delivery Network (CDN):<\/strong> Ein CDN speichert Ihre Bilder an verschiedenen Standorten auf der ganzen Welt und stellt sie den Besuchern Ihrer Website schnell zur Verf\u00fcgung. Dadurch wird die Zeit verk\u00fcrzt, die Ihre Bilder ben\u00f6tigen, um das Ger\u00e4t des Benutzers zu erreichen. Dadurch wird Ihre Website schneller geladen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\ud83d\udc49\ud83c\udffd Lazy Loading f\u00fcr schnelleres Laden<\/strong><\/h4>\n\n\n\n<p>Hier ist ein cooler Trick namens \u201eLazy Loading\u201c. Es ist, als h\u00e4tten Sie einen Zauberstab, mit dem Sie Ihre Website schneller machen k\u00f6nnen. Manchmal laden Webseiten Bilder, die Sie noch nicht einmal auf Ihrem Bildschirm sehen k\u00f6nnen. Diese versteckten Bilder verlangsamen Ihre Seite.<\/p>\n\n\n\n<p>Lazy Loading funktioniert so: Es l\u00e4dt Bilder nur, wenn sie ben\u00f6tigt werden. Stellen Sie sich ein Buch vor, bei dem die n\u00e4chste Seite erst erscheint, wenn Sie es umbl\u00e4ttern. Dies kann viel Zeit sparen, insbesondere auf Mobilger\u00e4ten mit langsamerer Internetverbindung.<\/p>\n\n\n\n<p>Wenn Sie WordPress verwenden, gibt es Plugins wie \u201e<a href=\"https:\/\/wordpress.org\/plugins\/rocket-lazy-load\" target=\"_blank\" rel=\"noreferrer noopener\">LazyLoad<\/a>&quot; oder &quot;<a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noreferrer noopener\">Zerquetschen<\/a>\u201c, das das f\u00fcr Sie tun kann.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1072\" height=\"456\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/smush-google-pagespeed-insights.png\" alt=\"smush wordpress plugin for image compression and lazy loading preview\" class=\"wp-image-5993\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/smush-google-pagespeed-insights.png 1072w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/smush-google-pagespeed-insights-300x128.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/smush-google-pagespeed-insights-1024x436.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/smush-google-pagespeed-insights-768x327.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/smush-google-pagespeed-insights-360x153.png 360w\" sizes=\"(max-width: 1072px) 100vw, 1072px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Verwenden Sie ein schnelleres und sauberes Design<\/strong><\/h3>\n\n\n\n<p>Es gibt bestimmte Designs, die mit Blick auf die Website-Geschwindigkeit erstellt werden. Diese Designs sind leichter und reaktionsschneller und verf\u00fcgen \u00fcber integrierte GZIP-Komprimierung.&nbsp;<\/p>\n\n\n\n<p>Sie k\u00f6nnen sich diese Liste ansehen von <a href=\"https:\/\/storeseo.com\/de\/best-shopify-themes-for-your-ecommerce-store\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shopify E-Commerce-Themen<\/a>, und entscheiden Sie, ob Sie eine Aktualisierung des Designs Ihrer Website in Betracht ziehen sollten, um Ihre PSI-Werte sowie die allgemeine SEO zu verbessern.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Videoinhalte einbetten&nbsp;<\/strong><\/h3>\n\n\n\n<p>Wenn Sie Videos auf Ihre Website hochladen m\u00f6chten, lautet unsere Empfehlung: Tun Sie das nicht. Das Hochladen von Videos direkt auf Ihre Website kann Ihre Website \u00fcberlasten. Besonders problematisch und belastend f\u00fcr Ihren Webserver ist es, wenn mehrere Benutzer Ihre Videos gleichzeitig abspielen.&nbsp;<\/p>\n\n\n\n<p>Was k\u00f6nnen Sie also tun? Machen Sie sich nicht die M\u00fche, Ihr Video direkt auf Ihre Website hochzuladen. Laden Sie Ihre Videos stattdessen auf Plattformen wie YouTube, Vimeo oder Dailymotion hoch und betten Sie das Video dann auf Ihrer Website ein, indem Sie <a href=\"https:\/\/embedpress.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">EmbedPress<\/a>. Damit k\u00f6nnen Sie die Ladegeschwindigkeit Ihrer Seite deutlich verbessern und das Ergebnis Ihrer Website bei Google PageSpeed Insights steigern.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"651\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/embedpress-google-pagespeed-insights.png\" alt=\"EmbedPress preview for embedding any links\" class=\"wp-image-5994\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/embedpress-google-pagespeed-insights.png 1366w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/embedpress-google-pagespeed-insights-300x143.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/embedpress-google-pagespeed-insights-1024x488.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/embedpress-google-pagespeed-insights-768x366.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/embedpress-google-pagespeed-insights-360x172.png 360w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n<\/div>\n\n\n<p>Noch etwas: Wenn Sie etwas Animiertes auf Ihrer Website teilen m\u00f6chten, sollten Sie GIF-Dateien verwenden, nachdem Sie sie mit komprimiert haben <a href=\"https:\/\/gifcompressor.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">GIF-Kompressor<\/a>Sie k\u00f6nnen Ihr GIF auch mit einer Vielzahl von Tools bearbeiten, wie <a href=\"https:\/\/ezgif.com\/\" rel=\"noopener\">EZgif<\/a>Achten Sie darauf, dass die GIFs kurz sind, damit die Seitengeschwindigkeit stabil bleibt.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Priorisieren Sie Above-The-Fold-Inhalte<\/strong><\/h3>\n\n\n\n<p>Auch wenn es Ihnen vielleicht seltsam vorkommt, sollten Sie wissen, dass es beim Laden einer Seite nicht nur um die Ladezeit geht. Auch die wahrgenommene Leistung ist ein wichtiger zu messender Wert.&nbsp;<\/p>\n\n\n\n<p>Also <strong>Was ist wahrgenommene Leistung<\/strong>? Einfach ausgedr\u00fcckt ist die wahrgenommene Leistung \u201ewie schnell eine Website den Benutzern erscheint, wenn sie geladen wird\u201c. Es geht nicht genau darum, wie schnell Ihre Website geladen wird, und dies kann mit keinem Website-Testtool gemessen werden. Es geht vielmehr um die Perspektive oder Erfahrung der Benutzer.&nbsp;<\/p>\n\n\n\n<p>Wenn Sie die wahrgenommene Leistung steigern m\u00f6chten, sollten Sie das Laden wichtiger Inhalte f\u00fcr Ihre Benutzer priorisieren. Lassen Sie uns dies anhand eines Beispiels verdeutlichen. Der Inhalt oberhalb des Falzes Ihrer Website muss vor allen Widgets von Drittanbietern geladen werden.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Browser-Caching aktivieren und nutzen<\/strong><\/h3>\n\n\n\n<p>Stellen Sie sich vor, Sie lesen ein spannendes M\u00e4rchenbuch. Denken Sie jetzt an ein Lesezeichen, das sich die Seite merkt, die Sie zuletzt gelesen haben, sodass Sie das Abenteuer beim n\u00e4chsten Mal sofort fortsetzen k\u00f6nnen. Browser-Caching ist ein bisschen wie dieses Lesezeichen f\u00fcr Webseiten. Es ist ein fantastischer Trick, der dazu beitr\u00e4gt, dass Webseiten schneller geladen werden, insbesondere f\u00fcr wiederkehrende Besucher.<\/p>\n\n\n\n<p>Wie funktioniert das? Wenn Ihre Besucher eine Seite Ihrer Website besuchen, werden Bilder und Videos auf ihren Ger\u00e4ten gespeichert. Wenn sie das n\u00e4chste Mal wiederkommen, muss ihr Browser diese Bilder und Videos nicht erneut aus dem Internet abrufen. Der Browser l\u00e4dt sie schnell aus seinem Speicher, sodass die Seite im Handumdrehen angezeigt wird.&nbsp;<\/p>\n\n\n\n<p>Mit anderen Worten: Browser-Caching hilft dem Browser Ihrer Besucher, sich an bestimmte Teile einer Webseite zu \u201eerinnern\u201c, die k\u00fcrzlich geladen wurden, wie etwa Kopfzeile, Navigation und Logo. Auf diese Weise muss der Browser diese unver\u00e4nderten Elemente nicht bei jedem Besuch einer Webseite erneut abrufen und die Ladezeiten sind superschnell.&nbsp;<\/p>\n\n\n\n<p>Es ist wichtig zu beachten, dass Google eine Mindest-Caching-Richtlinie von einer Woche empfiehlt. F\u00fcr Elemente, die sich nicht h\u00e4ufig \u00e4ndern, ist jedoch bis zu einem Jahr in Ordnung.<\/p>\n\n\n\n<p>Und jetzt kommt der coole Teil: Je mehr der Browser Ihrer Besucher zwischenspeichern kann, desto weniger Zeit muss er beim Aufrufen einer Webseite laden. Das Ergebnis? Webseiten werden schneller geladen und die Besucher k\u00f6nnen den Inhalt ohne Wartezeit genie\u00dfen. Und als Bonus erhalten Sie in Google PageSpeed Insights eine h\u00f6here Punktzahl f\u00fcr Ihre Website.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6. Mehrere Seitenumleitungen beheben&nbsp;<\/strong><\/h3>\n\n\n\n<p>Wissen Sie, was passiert, wenn Sie eine Seite auf eine andere URL umleiten? Wenn Sie versuchen, eine Seite zu besuchen, die umgeleitet wurde, teilt der Server Ihrem Browser mit, dass die Seite verschoben wurde. Dann muss Ihr Browser die neue URL abrufen. Dieser zus\u00e4tzliche Schritt kann dazu f\u00fchren, dass Ihre Seite langsamer geladen wird.<\/p>\n\n\n\n<p>Deshalb ist es so wichtig, Weiterleitungen so weit wie m\u00f6glich zu minimieren. Schon eine einzige Weiterleitung kann die Geschwindigkeit Ihrer Seite beeintr\u00e4chtigen, aber wenn Sie auf mehrere Weiterleitungen hintereinander sto\u00dfen, kann es chaotisch werden. Wir nennen das eine \u201eWeiterleitungskette\u201c. Sie treten h\u00e4ufig auf, wenn alte Seiten durch neue ersetzt werden und eine Spur von Weiterleitungen hinterlassen.<\/p>\n\n\n\n<p>Google kann problemlos bis zu 10 Weiterleitungen verarbeiten. Aber Weiterleitungsketten k\u00f6nnen Ihre Website ohne triftigen Grund verlangsamen. Um die Ladezeit Ihrer Seite und Ihren PageSpeed Insights-Score zu verbessern, sollten Sie die Dinge am besten unkompliziert halten. Leiten Sie direkt von der urspr\u00fcnglichen URL zur neuesten um. Um diese Weiterleitungsketten in den Griff zu bekommen, k\u00f6nnen Sie SEO-Tools wie Semrush verwenden.&nbsp;<\/p>\n\n\n\n<p>Wenn Sie Weiterleitungsketten entdecken, k\u00f6nnen Sie diese auch von Ihrer WordPress-Website aus beheben. <a href=\"https:\/\/wordpress.org\/plugins\/betterlinks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bessere Links<\/a> Mit dem Plugin k\u00f6nnen Sie jede URL k\u00fcrzen, verwalten und verfolgen und es bietet Ihnen mehrere Umleitungsoptionen.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"651\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/betterlinks-google-pagespeed-insights.png\" alt=\"Betterlinks preview for better linking and redirection\" class=\"wp-image-5995\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/betterlinks-google-pagespeed-insights.png 1366w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/betterlinks-google-pagespeed-insights-300x143.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/betterlinks-google-pagespeed-insights-1024x488.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/betterlinks-google-pagespeed-insights-768x366.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/betterlinks-google-pagespeed-insights-360x172.png 360w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n<\/div>\n\n\n<p>Indem Sie Ihre Weiterleitungen einfach halten und Weiterleitungsketten minimieren, verbessern Sie nicht nur die Seitengeschwindigkeit, sondern machen Ihre Website auch benutzerfreundlicher und SEO-freundlicher. Es ist, als w\u00fcrden Sie den Weg f\u00fcr Ihre Online-Besucher frei machen und ihnen helfen, ihr Ziel schneller zu erreichen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>7. Minimieren Sie CSS, HTML und JavaScript<\/strong><\/h3>\n\n\n\n<p>Es kann wichtig sein, zu verstehen, wie Sie die Leistung Ihrer Website verbessern k\u00f6nnen, insbesondere wenn Sie bei Google PageSpeed Insights die Nase vorn haben m\u00f6chten.<\/p>\n\n\n\n<p><a href=\"https:\/\/wpdeveloper.com\/how-to-minify-css-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Code minimieren<\/a> ist wie das Aufr\u00e4umen eines unordentlichen Zimmers. Dabei werden unn\u00f6tige oder redundante Elemente aus Ihren CSS-, HTML- und JavaScript-Dateien entfernt, ohne deren Funktionalit\u00e4t zu beeintr\u00e4chtigen. Dadurch reduzieren Sie die Dateigr\u00f6\u00dfe, was zu schnelleren Ladezeiten f\u00fchrt.<\/p>\n\n\n\n<p>Aus diesem Grund ist die Minimierung f\u00fcr die Website-Optimierung von entscheidender Bedeutung:<\/p>\n\n\n\n<p><strong>CSS-Dateien:<\/strong> CSS ist f\u00fcr das Styling Ihrer Website verantwortlich. Manchmal kann es jedoch zus\u00e4tzliche Leerzeichen, Kommentare und redundanten Code enthalten. Beim Minimieren von CSS werden diese nicht wesentlichen Elemente entfernt, wodurch die Datei schlanker und schneller ladbar wird.<\/p>\n\n\n\n<p><strong>JavaScript:<\/strong> JavaScript ist die Programmiersprache hinter der Interaktivit\u00e4t Ihrer Site. Optimiertes JavaScript bedeutet, dass unn\u00f6tige Zeichen und Leerzeichen entfernt werden, was zu einem effizienteren Code f\u00fchrt, der schnell geladen wird.<\/p>\n\n\n\n<p><strong>HTML:<\/strong> HTML ist die Struktur Ihrer Webseiten. Es kann zus\u00e4tzliche Elemente enthalten, die f\u00fcr die Anzeige der Seite nicht erforderlich sind. Durch die Minimierung von HTML werden diese \u00fcberfl\u00fcssigen Teile eliminiert, wodurch die Ladegeschwindigkeit verbessert wird.<\/p>\n\n\n\n<p>Um eine Minimierung zu erreichen, k\u00f6nnen Sie verschiedene Tools verwenden:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>F\u00fcr HTML verwenden Sie bitte den <a href=\"https:\/\/github.com\/kangax\/html-minifier\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML-Minimierer<\/a>.<\/li>\n\n\n\n<li>Um CSS zu minimieren, k\u00f6nnen Tools wie <a href=\"https:\/\/github.com\/cssnano\/cssnano\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSSNano<\/a> und CSSO sind wirksam.<\/li>\n\n\n\n<li>F\u00fcr JavaScript, <a href=\"https:\/\/github.com\/mishoo\/UglifyJS\/\" target=\"_blank\" rel=\"noreferrer noopener\">UglifyJS2<\/a> und der Closure Compiler sind beliebte Optionen.<\/li>\n<\/ul>\n\n\n\n<p>Mit diesen Tools k\u00f6nnen Sie unn\u00f6tige Elemente automatisch aus Ihrem Code entfernen und so die Leistung Ihrer Website optimieren.<\/p>\n\n\n\n<p>Wenn Sie jedoch blitzschnelle Ladezeiten anstreben, k\u00f6nnen Sie auch <a href=\"https:\/\/developers.google.com\/amp\" target=\"_blank\" rel=\"noreferrer noopener\">Googles Accelerated Mobile Pages<\/a> (AMP) und AMP f\u00fcr Anzeigen. Mit diesen Frameworks k\u00f6nnen Sie Seiten mit vereinfachten Versionen von HTML, CSS und JavaScript erstellen und so ein nahezu sofortiges Laden gew\u00e4hrleisten.<\/p>\n\n\n\n<p>Wenn Ihre Website mit WordPress l\u00e4uft, k\u00f6nnen Sie au\u00dferdem Plugins wie \u201eHummingbird\u201c, \u201e<a href=\"https:\/\/wordpress.org\/plugins\/litespeed-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">LiteSpeed Cache<\/a>,\u201c oder \u201eW3 Total Cache\u201c, um den Minimierungsprozess zu vereinfachen. Diese Plugins optimieren den Code und machen Ihre Website schneller, ohne dass manuelle Anpassungen erforderlich sind.<\/p>\n\n\n\n<p>Die Einbeziehung der Code-Minimierung in Ihre Website-Optimierungsstrategie kann die Leistung Ihrer Website erheblich steigern, was zu einem verbesserten Benutzererlebnis und besseren PageSpeed Insights-Ergebnissen f\u00fchrt. Indem Sie den \u00fcberfl\u00fcssigen Ballast aus Ihrem Code entfernen, sind Sie auf dem Weg zu einer schnelleren, effizienteren Website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>8. Verwenden Sie asynchrones Laden f\u00fcr JavaScript<\/strong><\/h3>\n\n\n\n<p>Wenn Sie Ihren Webbrowser f\u00fcr Multitasking optimieren m\u00f6chten, sollten Sie sich f\u00fcr asynchrones Laden entscheiden. Der Grund daf\u00fcr ist, dass beim synchronen Laden alle Aktionen vom Browser angehalten werden, wenn die JavaScript-Datei geladen wird.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Beim asynchronen Laden ist das jedoch anders. Denn dabei kann der Browser andere Aufgaben ausf\u00fchren, wie z. B. ein CSS-Stylesheet laden oder eine Tabelle nahtlos zeichnen, w\u00e4hrend das JavaScript heruntergeladen wird. Da es sich \u00fcbrigens um eine technische Strategie handelt, sollten Sie f\u00fcr die Implementierung einen Webentwickler konsultieren.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>9. Eliminieren Sie Render-blockierende Ressourcen<\/strong><\/h3>\n\n\n\n<p>Einer der Gr\u00fcnde, warum eine Webseite viel Zeit zum Laden ben\u00f6tigt, sind renderblockierende Elemente oder Ressourcen. Ob es sich um Ressourcen wie CSS, JavaScript oder Schriftdateien handelt, sie konkurrieren darum, schneller geladen zu werden als alle anderen Elemente der Seite. Sie k\u00f6nnen dieses Problem leicht beseitigen, Ihre Webseite schneller machen und den Google PSI-Score verbessern, indem Sie einfach die renderblockierenden Ressourcen eliminieren.&nbsp;<\/p>\n\n\n\n<p>Wie? Wenn Sie mit dem PSI-Bericht fertig sind, gehen Sie zum Abschnitt \u201eChancen\u201c und suchen Sie den Link \u201eRenderblockierende Ressourcen eliminieren\u201c. Klicken Sie nun auf den Abw\u00e4rtspfeil neben der Option, um eine Liste der Ressourcen anzuzeigen, die f\u00fcr das langsamere Laden der Webseite verantwortlich sind. Anhand der Liste erhalten Sie eine Vorstellung von den Ressourcen, die das Laden Ihrer Webseite verlangsamen. Au\u00dferdem erhalten Sie eine Sch\u00e4tzung, wie viele Millisekunden Sie durch das Eliminieren der Ressourcen einsparen k\u00f6nnen. Jetzt ist es an der Zeit, herauszufinden, welche Ressourcen Sie entfernen k\u00f6nnen.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"651\" src=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/render-blocking-google-pagespeed-insights.png\" alt=\"eliminate render-blocking resources on PageSpeed insights\" class=\"wp-image-5996\" title=\"\" srcset=\"https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/render-blocking-google-pagespeed-insights.png 1366w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/render-blocking-google-pagespeed-insights-300x143.png 300w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/render-blocking-google-pagespeed-insights-1024x488.png 1024w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/render-blocking-google-pagespeed-insights-768x366.png 768w, https:\/\/storeseo.com\/wp-content\/uploads\/2023\/11\/render-blocking-google-pagespeed-insights-360x172.png 360w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n<\/div>\n\n\n<p>Achten Sie darauf, nur diejenigen zu entfernen, die f\u00fcr die Gesamtfunktionalit\u00e4t der zu optimierenden Webseite nicht unbedingt erforderlich sind. Es ist jedoch etwas technisch, diese Ressourcen genau zu entfernen, ohne Ihre Webseite zu besch\u00e4digen. Wenn Sie darin nicht sehr gut sind, sollten Sie daher einen erfahrenen Entwickler beauftragen, die renderblockierenden Ressourcen zu entfernen.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>10. Verwenden Sie keinen Drittanbietercode mehr<\/strong><\/h3>\n\n\n\n<p>Wenn wir den Ausdruck \u201eDrittanbietercode\u201c verwenden, meinen wir Skripte, Pixel und Plugins. All diese k\u00f6nnen daf\u00fcr verantwortlich sein, dass die Ladegeschwindigkeit Ihrer Webseite langsamer wird. Und es wirkt sich negativ auf Ihr Google PageSpeed Insights-Testergebnis aus.&nbsp;<\/p>\n\n\n\n<p>Drittanbietercode stammt gr\u00f6\u00dftenteils von anderen Unternehmen und bietet Ihnen die M\u00f6glichkeit, verschiedene M\u00f6glichkeiten und Verbesserungen zu erkunden. Einige Drittanbietercodes wie Google Analytics Pixel oder Facebook Pixel sind tats\u00e4chlich erforderlich, um die Website-Leistung sowie das Tracking von Werbekampagnen zu \u00fcberwachen und zu messen.&nbsp;<\/p>\n\n\n\n<p>Ihre Website kann jedoch auch Drittanbietercode oder Plugins enthalten, die Sie nicht mehr verwenden oder die nicht mehr erforderlich sind. In diesem Fall besteht die beste L\u00f6sung darin, den gesamten Drittanbietercode auf Ihrer Website regelm\u00e4\u00dfig zu \u00fcberpr\u00fcfen und alles zu entfernen, was nicht wichtig ist.&nbsp;<\/p>\n\n\n\n<p>Bei der Erstellung Ihres PageSpeed Insights-Berichts kennzeichnet Google nicht nur den Drittanbietercode, sondern auch die \u00dcbertragungsgr\u00f6\u00dfe und die Blockierungszeit des Hauptthreads. Was Sie tun sollten, ist, anhand der grauen Balken die Namen der Unternehmen herauszufinden, die Code auf Ihrer Website ausf\u00fchren. Sie k\u00f6nnen eine Liste der Unternehmensnamen erstellen und dann diejenigen entfernen, die Sie nicht mehr ben\u00f6tigen. M\u00f6glicherweise m\u00fcssen Sie den Code aus dem von Ihnen verwendeten CMS l\u00f6schen oder die Plugins von Ihrer WordPress-Website deinstallieren.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\ud83d\udcc8 Beginnen Sie mit der Verbesserung Ihrer Google PageSpeed Insights-Leistung<\/strong><\/h2>\n\n\n\n<p>Es ist wichtig zu erkennen, dass es bei der Web-Performance nicht nur um Zahlen und Ergebnisse geht; es geht darum, Ihren Besuchern ein nahtloses und angenehmes Erlebnis zu bieten. Die Prinzipien der Klarheit und Effizienz sind der Schl\u00fcssel, und Sie sollten sie im Hinterkopf behalten, wenn Sie Ihre Website f\u00fcr Ihre Zielgruppe optimieren.&nbsp;<\/p>\n\n\n\n<p>Durch die Umsetzung der besprochenen Strategien k\u00f6nnen Sie Ihre Website nicht nur schneller laden lassen, sondern auch einen bleibenden und positiven Eindruck bei denjenigen hinterlassen, die mit ihr interagieren. Wenn Sie Fragen oder Meinungen haben, k\u00f6nnen Sie uns diese gerne im Kommentarbereich unten mitteilen. Au\u00dferdem: <a href=\"https:\/\/storeseo.com\/de\/blog\/\" target=\"_blank\" rel=\"noreferrer noopener\">Abonnieren Sie unseren Blog<\/a> Newsletter.&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Erfahren Sie, was Google PageSpeed Insights ist und 10 unglaublich einfache M\u00f6glichkeiten, den Google PageSpeed Insights Score zu verbessern<\/p>","protected":false},"author":23,"featured_media":6045,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"categories":[47],"tags":[632,633,634,636,173,635],"class_list":["post-5981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-guide","tag-google-pagespeed-insights","tag-pagespeed-insights","tag-pagespeed-insights-by-google","tag-pagespeed-insights-tool","tag-seo-guide","tag-what-is-pagespeed-insights"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[23],"highlights":[],"isAutoShareEnabled":false,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"_links":{"self":[{"href":"https:\/\/storeseo.com\/de\/wp-json\/wp\/v2\/posts\/5981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/storeseo.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/storeseo.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/storeseo.com\/de\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/storeseo.com\/de\/wp-json\/wp\/v2\/comments?post=5981"}],"version-history":[{"count":33,"href":"https:\/\/storeseo.com\/de\/wp-json\/wp\/v2\/posts\/5981\/revisions"}],"predecessor-version":[{"id":6911,"href":"https:\/\/storeseo.com\/de\/wp-json\/wp\/v2\/posts\/5981\/revisions\/6911"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/storeseo.com\/de\/wp-json\/wp\/v2\/media\/6045"}],"wp:attachment":[{"href":"https:\/\/storeseo.com\/de\/wp-json\/wp\/v2\/media?parent=5981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/storeseo.com\/de\/wp-json\/wp\/v2\/categories?post=5981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/storeseo.com\/de\/wp-json\/wp\/v2\/tags?post=5981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}