<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Performance Archive - css:manufaktur</title>
	<atom:link href="https://www.css-manufaktur.de/category/wordpress/performance/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>Webseiten mit WordPress</description>
	<lastBuildDate>Thu, 28 Apr 2022 18:23:20 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.css-manufaktur.de/wp-content/uploads/2017/11/cropped-favicon-1-32x32.png</url>
	<title>Performance Archive - css:manufaktur</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WordPress SEO &#8211; Hilfe, meine Webseite ist eine lahme Ente</title>
		<link>https://www.css-manufaktur.de/wordpress-suchmaschinenoptimierung/</link>
					<comments>https://www.css-manufaktur.de/wordpress-suchmaschinenoptimierung/#respond</comments>
		
		<dc:creator><![CDATA[Renate]]></dc:creator>
		<pubDate>Tue, 25 Jun 2019 14:36:00 +0000</pubDate>
				<category><![CDATA[Performance]]></category>
		<category><![CDATA[Ladezeiten]]></category>
		<category><![CDATA[Optimierung]]></category>
		<guid isPermaLink="false">https://www.css-manufaktur.de/?p=3373</guid>

					<description><![CDATA[Hast du deine WordPress-Site schon mal auf dem Handy geladen? Und? Wurde sie schnell angezeigt? Super, dann hast du offenbar alles richtig gemacht bei der WordPress Suchmaschinenoptimierung. Musstest du länger warten, dann helfen dir meine nachfolgenden drei Schritte zur Website-Optimierung. Damit machst du deiner Website Beine und verbesserst deren Ranking-Faktor. Ladezeiten &#8211; ein wichtiger Ranking-Faktor [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Hast du deine WordPress-Site schon mal auf dem Handy geladen? Und? Wurde sie schnell angezeigt? Super, dann hast du offenbar alles richtig gemacht bei der WordPress Suchmaschinenoptimierung. Musstest du länger warten, dann helfen dir meine nachfolgenden drei Schritte zur Website-Optimierung. Damit machst du deiner Website Beine und verbesserst deren Ranking-Faktor.</p>



<h2 class="wp-block-heading" id="ladezeiten-ein-wichtiger-ranking-faktor">Ladezeiten &#8211; ein wichtiger Ranking-Faktor bei der WordPress Suchmaschinenoptimierung</h2>



<div class="wp-block-image"><figure class="alignright size-large is-resized"><img decoding="async" src="https://www.css-manufaktur.de/wp-content/uploads/2022/02/lahme-ente.svg" alt="WordPress Suchmaschinenoptimierung: Ente mit Gipsfuß und Krücken als Sinnbild für eine lahme Website." class="wp-image-3935" width="200"/></figure></div>



<p>Bereits seit einigen Jahren setzt sich Google vor allem dafür ein, lange Wartezeiten beim Aufbau einer Website zu vermeiden. User sollen insbesondere bei schlechten Handy-Verbindungen nicht allzu lange auf die gesuchte Information warten müssen. Auf diesen Zug sind mittlerweile viele Anbieter von mehr oder weniger kostenintensiven Dienstleistungen und Prüf-Tools aufgesprungen. Auch wenn das in diesem Bereich viele Analyse-Tools suggerieren, Raketenwissenschaft ist die Seiten-Optimierung nicht.</p>



<p>Welche Maßnahmen wirkungsvoll die Ladezeiten herabsetzen können, erläutere ich im Folgenden anhand des kürzlich fertiggestellten Kundenprojektes <a href="https://www.textfuss.de/">https://www.textfuss.de/</a>. Das hier verwendete Theme ist übrigens „<a href="https://kriesi.at/themes/enfold-overview/" target="_blank" rel="noreferrer noopener nofollow">Enfold</a>“. Ich beschränke mich hier zunächst auf Maßnahmen für Einsteiger, die sich mit Plugins realisieren lassen.</p>



<h2 class="wp-block-heading" id="3-schritte-zur-optimierung-der-performance">WordPress 3 Schritte zur Optimierung der Performance</h2>



<h3 class="wp-block-heading" id="schritt-1-der-start-check">Schritt 1: der Start-Check</h3>



<p>Meine bevorzugte Testumgebung ist <a rel="noreferrer noopener" href="https://gtmetrix.com/" target="_blank">GT-Metrix</a>. Es ist sowohl für den Allround-Check als auch für eine tiefergehende Analyse geeignet. Für den Start reicht ein Blick in den „Page Speed“.</p>



<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-undefined uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignundefined uagb-block-4ee22b1e"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-2">
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-a87d7b80"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<figure class="wp-block-image size-large"><a href="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung.jpg"><img fetchpriority="high" decoding="async" width="1024" height="680" src="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung-1024x680.jpg" alt="Screenshot GTmetrix vor der WordPress Suchmaschinenoptimierung" class="wp-image-3819" srcset="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung-1024x680.jpg 1024w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung-300x199.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung-768x510.jpg 768w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung-500x332.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung-800x531.jpg 800w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_vor-optimierung.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption>Screenshot vor der Optimierung</figcaption></figure>
</div></div>



<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-01c8e3e8"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<p>Ein Score von 85 % ist für den Anfang bei der WordPress Suchmaschinenoptimierung nicht schlecht, optimal ist das aber noch nicht. Schauen wir uns die wichtigsten Stellschrauben mal genauer an.</p>
</div></div>
</div></section>



<h3 class="wp-block-heading" id="schritt-2-die-optimierung-der-schlecht-bewerteten-punkte">Schritt 2: die Optimierung der schlecht bewerteten Punkte</h3>



<h4 class="wp-block-heading" id="bilder">Bilder</h4>



<p>Besonders schlecht schneiden die Bilder in der Seite ab. Sie ziehen das Ergebnis der WordPress Suchmaschinenoptimierung maßgeblich runter. Daher solltest du ihnen erhöhte Aufmerksamkeit schenken:</p>



<ul class="wp-block-list"><li><strong>Die Bildgröße sollte den tatsächlich verwendeten Maßen entsprechen.</strong><br>Keine Bilder direkt aus der Kamera in die Website laden. Für die einfache Verkleinerung reicht ein Programm wie <a href="https://www.irfanview.net/" target="_blank" rel="noreferrer noopener">Irfanview</a>. Bei <a href="https://gregor-moellring.de/anleitungen/viele-bilder-aendern-mit-irfanview/" target="_blank" rel="noreferrer noopener">Gregor Möllring</a> findest du eine Anleitung dazu.</li><li><strong>Die Dateigröße der Bilder weiter reduzieren.<br></strong>Bildbearbeitungsprogramme leisten hier schon einiges. Besser arbeiten Tools, die Bilder auch mit einem gewissen Verlust komprimieren können. Mein Lieblings-Tool für Bilder im JPG-Format ist der <a href="https://mozjpeg.codelove.de/" target="_blank" rel="noreferrer noopener">mozjpeg Encoder</a>. Das kostenfreie Online-Werkzeug kann Bilder mit einer Verlustrate bis zu 60 % komprimieren. Vorher- und Nachher-Version stehen nebeneinander. So kann man sehen, ob die gewählte Verlustrate noch akzeptable Bilder ausgibt. Ansonsten ändert man die Einstellungen und versucht es erneut. Das fertige Bild lädt man auf den eigenen Rechner herunter.<br>Die Einsparungen bei der Dateigröße sind meist enorm.</li><li><strong>Dateigrößen beim Upload reduzieren<br></strong>Geeignete Plugins komprimieren Bilder in WordPress direkt beim Upload in die Mediathek. Die freien Varianten ersparen zwar nur wenige Prozent, was sich aber dennoch lohnt – insbesondere für Blogger. Manche kostenpflichtige Plugins erlauben auch die verlustbehaftete Komprimierung. Ich bevorzuge hier <a href="https://de.wordpress.org/plugins/wp-smushit/" target="_blank" rel="noreferrer noopener">WP Smush</a>.</li></ul>



<h4 class="wp-block-heading" id="browser-caching">Browser-Caching</h4>



<p>Alle statischen Anteile in der Webseite speichert der Browser mit dem ersten Aufruf der Seite. Insbesondere sind das Bilder, Schriften und auch Skripte. Dazu braucht der Browser eine Anweisung, welche Inhalte er wie speichern soll. Das erledigen bei WordPress sogenannte Caching-Plugins.</p>



<ul class="wp-block-list"><li><strong>WP Fastest Cache</strong><br>Meine bevorzugte Lösung bei der WordPress Suchmaschinenoptimierung ist <a href="https://de.wordpress.org/plugins/wp-fastest-cache/" target="_blank" rel="noreferrer noopener">WP Fastest Cache</a>, das bereits in der kostenfreien Variante sehr gute Dienste leistet. Es arbeitet übrigens perfekt mit WP Smush zusammen. <br><br>Die Einstellungen für das Plugin sind schnell gemacht:</li></ul>



<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-undefined uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignundefined uagb-block-53a3e296"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-2">
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-af088d86"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<figure class="wp-block-image size-full"><a href="https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins.jpg"><img decoding="async" width="814" height="811" src="https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins.jpg" alt="Screenshot - Einstellungen für WP Fastest Cache zur Verbesserung der Performance bei der WordPress Suchmaschinenoptimierung" class="wp-image-3829" srcset="https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins.jpg 814w, https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins-300x300.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins-250x250.jpg 250w, https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins-768x765.jpg 768w, https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins-500x498.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2019/06/screenshot-1_plugins-800x797.jpg 800w" sizes="(max-width: 814px) 100vw, 814px" /></a><figcaption>Empfehlung für die Einstellungen im Caching-Plugin</figcaption></figure>



<p></p>
</div></div>



<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-84098753"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<p>Für mich haben sich die im Bild angezeigten Einstellungen bewährt. Sie minifizieren HTML-, CSS- und JavaScript-Dateien, indem sie Leerzeichen und Kommentare entfernen. Mehrere Skripte werden zu einer Datei zusammengefasst. Das spart Abfragen vom Server und reduziert damit die Ladezeit.</p>



<p>Einige Checkboxen sind ausgegraut. Diese Optionen gibt es nur in der kostenpflichtigen Pro-Variante.</p>
</div></div>
</div></section>



<ul class="wp-block-list"><li><strong>Autoptimize<br></strong>Daher ergänze ich die fehlenden Optionen häufig mit der kostenfreien Version von <a href="https://de.wordpress.org/plugins/autoptimize/" target="_blank" rel="noreferrer noopener">Autoptimize</a>. Damit lässt sich beispielsweise Lazy Loading, das Nachladen von zunächst nicht sichtbaren Bildern aktivieren. Zudem lassen sich damit zuverlässig die bei vielen Themes standardmäßig geladenen Skripte für Google-Fonts und die WordPress-Emojis entfernen.<br><br>Auch nicht unwichtig: Die Versionierung bei Skripten kannst du ebenfalls entfernen. Solche Skripte mit der Erweiterung „ver“ sperren sich oft gegen das Caching, was mit Anhaken dieser Checkbox vermieden wird.<br><br></li></ul>



<h3 class="wp-block-heading" id="schritt-3-testen-testen-testen">Schritt 3: Testen, Testen, Testen</h3>



<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-undefined uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignundefined uagb-block-61743b67"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-2">
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-61ba97f2"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<figure class="wp-block-image size-large"><a href="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung.jpg"><img decoding="async" width="1024" height="680" src="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung-1024x680.jpg" alt="Screenshot GTmetrix nach Website-Optimierung" class="wp-image-3818" srcset="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung-1024x680.jpg 1024w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung-300x199.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung-768x510.jpg 768w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung-500x332.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung-800x531.jpg 800w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot_nach-optimierung.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption>Screenshot nach der Optimierung</figcaption></figure>
</div></div>



<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-9dd5eff5"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<p>Sind die geänderten Bilder eingebaut und die Caching-Tools eingerichtet, dann testest du deine Website erneut. Nun sollte das Ergebnis deutlich besser ausfallen.</p>



<p><strong>Wenn nicht, beginnt die Optimierungsschleife erneut.</strong></p>
</div></div>
</div></section>



<section class="wp-block-uagb-section uagb-section__wrap uagb-section__background-undefined uagb-block-69b0290e featured-box"><div class="uagb-section__overlay"></div><div class="uagb-section__inner-wrap">
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p><strong>Übrigens: </strong>Verabschiede dich davon,100 % erreichen zu wollen. Die wenigen Prozentpunkte, die sich noch herauskitzeln lassen, erfordern die dreifache Zeit. Ein Wert über 90% ist schon sehr gut. Das ist bereits Level A.</p></blockquote>
</div></section>



<p>Ich optimiere übrigens meist nur die Startseite und zusätzlich ausgewiesene Landingpages. Bei allen anderen Seiten achte ich darauf, dass die Bilder die optimale Größe haben. Die Skripte (Stylesheet und Javascript) sind bereits für die gesamte Seite im Browser-Cache.</p>



<p>Und wenn das Ergebnis bei GTmetrix für dich zufriedenstellend ist, kannst du auch noch einen Blick in <a rel="noreferrer noopener" href="https://pagespeed.web.dev/" target="_blank">Google-Insights</a> werfen. Hier gibt es noch ein paar Zusatzinformationen. Andersherum kann ich nicht empfehlen. Da Google immer etwas zu meckern hat, ist hier der Frust nicht weit.</p>



<section class="wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-undefined uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-30 alignundefined uagb-block-c8106305"><div class="uagb-columns__overlay"></div><div class="uagb-columns__inner-wrap uagb-columns__columns-2">
<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-3a7200cf"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<figure class="wp-block-image size-large"><a href="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil.jpg"><img loading="lazy" decoding="async" width="1024" height="680" src="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil-1024x680.jpg" alt="Screenshot Google Insights für Mobil - die Website-Optimierung war erfolgreich" class="wp-image-3821" srcset="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil-1024x680.jpg 1024w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil-300x199.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil-768x510.jpg 768w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil-500x332.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil-800x531.jpg 800w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-mobil.jpg 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a><figcaption>Mobil könnte noch mehr optimiert werden. Der Aufwand ist aber recht hoch und erfordert zudem kostenpflichtige Plugins.</figcaption></figure>
</div></div>



<div class="wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-d0a1b14e"><div class="uagb-column__overlay"></div><div class="uagb-column__inner-wrap">
<figure class="wp-block-image size-large"><a href="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop.jpg"><img loading="lazy" decoding="async" width="1024" height="680" src="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop-1024x680.jpg" alt="Screenshot Google Insights für Desktop - ein Baustein für einen guten Ranking-Faktor " class="wp-image-3820" srcset="https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop-1024x680.jpg 1024w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop-300x199.jpg 300w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop-768x510.jpg 768w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop-500x332.jpg 500w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop-800x531.jpg 800w, https://www.css-manufaktur.de/wp-content/uploads/2022/02/screenshot-optimierung_google-desktop.jpg 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a><figcaption>Beim Desktop ist das Ergebnis nahezu perfekt.</figcaption></figure>
</div></div>
</div></section>



<h2 class="wp-block-heading">Viel Erfolg bei deiner WordPress Suchmaschinenoptimierung</h2>



<p>Ich wünsche dir gutes Gelingen. Und schalte die &#8222;innere Perfektionistin&#8220; einfach mal ab. Jeder Schritt in Richtung Ladezeit-Optimierung ist bereits ein Gewinn.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.css-manufaktur.de/wordpress-suchmaschinenoptimierung/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
