Der Start einer E-Commerce-Website erfordert jedoch eine sorgf\u00e4ltige strategische und organisatorische Planung sowie eine gr\u00fcndliche Analyse von Kosten und Nutzen, St\u00e4rken und Schw\u00e4chen, Bedrohungen und Chancen<\/a>.<\/p>\n Und das ist noch nicht alles. Um mit deinem E-Commerce erfolgreich zu sein, brauchst du eine moderne, schnelle und sichere Website, die dein Gesch\u00e4ft unterst\u00fctzt. Eine erfolgreiche E-Commerce-Website sollte ein reibungsloses Einkaufserlebnis bieten, internationale Datenschutzbestimmungen wie die GDPR<\/a> einhalten, sichere Transaktionen garantieren und deine Kunden durch den Verkaufstrichter bis zum Kauf begleiten.<\/p>\n Sie sollte SEO-optimiert<\/a>, bei Bedarf skalierbar<\/a>, flexibel und leicht zu verwalten sein, damit du dich auf dein Gesch\u00e4ft konzentrieren kannst, ohne Zeit und Ressourcen f\u00fcr technische Fragen zu verschwenden.<\/p>\n Das ist keine leichte Aufgabe, aber eine E-Commerce-Website kann dir gro\u00dfartige M\u00f6glichkeiten bieten, dein Gesch\u00e4ft auszubauen.<\/p>\n Zusammenfassend l\u00e4sst sich sagen, dass du bei der Planung einer E-Commerce-Website drei Bereiche ber\u00fccksichtigen solltest: Leistung, Sicherheit und Funktionalit\u00e4t.<\/p>\n Deshalb haben wir unsere besten Empfehlungen zur E-Commerce-Optimierung in drei Artikeln zusammengefasst, die sich jeweils auf einen dieser drei Bereiche konzentrieren.<\/p>\n In diesem ersten Artikel geht es um die Leistung. Wir stellen dir eine Checkliste mit 10 Best Practices vor, mit denen du deine E-Commerce-Website auf Geschwindigkeit und Leistung optimieren kannst.<\/p>\n In den beiden folgenden Artikeln werden wir uns auf die Sicherheit der Website und die Funktionalit\u00e4t des Hosting-Dienstes konzentrieren und auf die Vorteile eingehen, die ein f\u00fcr den E-Commerce optimiertes Hosting bieten kann.<\/p>\n Bist du bereit zu erfahren, was du brauchst, um eine erfolgreiche E-Commerce-Website zu starten und die internationalen M\u00e4rkte zu erobern? Lies weiter!<\/p>\n Eine moderne E-Commerce-Website ben\u00f6tigt mehrere technische und funktionale Funktionen, um die Interaktion der Nutzer\/innen mit der Website zu verbessern und ein reichhaltiges und angenehmes Browsing- und Einkaufserlebnis zu gew\u00e4hrleisten.<\/p>\n Aus technischer Sicht muss eine E-Commerce-Website f\u00fcr Leistung und Sicherheit optimiert sein. Sie muss f\u00fcr dein Team einfach zu verwalten und leicht skalierbar sein.<\/p>\n Der Aufbau einer Website mit diesen Eigenschaften erfordert eine hochmoderne Infrastruktur, ein Content Delivery Network<\/a> der Enterprise-Klasse, fortschrittliche Funktionen f\u00fcr Entwickler, ein effizientes und einfach zu bedienendes Backup-System<\/a> und einen schnellen und kompetenten Support-Service<\/a>.<\/p>\n Der erste Schritt, bevor du eine E-Commerce-Website starten kannst, besteht also darin, herauszufinden, wo du die ben\u00f6tigten Dienste und Tools bekommst. Bei dieser Entscheidung geht es um die Wahl des Anbieters der Hosting-Infrastruktur. Die M\u00f6glichkeiten sind fast endlos. Du kannst deine Server selbst verwalten, indem du einen Systemadministrator einstellst, oder du entscheidest dich f\u00fcr eine vollst\u00e4ndig verwaltete L\u00f6sung, wie z. B. Wix<\/a> oder Shopify<\/a>.<\/p>\n Die erste Option, die Verwaltung des Servers im eigenen Haus, bietet maximale Flexibilit\u00e4t und Anpassungsm\u00f6glichkeiten. Sie erfordert jedoch erhebliche Ressourcen und qualifizierte Systemadministratoren. In der Regel entscheiden sich gro\u00dfe Unternehmen f\u00fcr diese L\u00f6sung.<\/p>\n Die zweite Option, vollst\u00e4ndig verwaltete Plattformen, hat den Vorteil einer hohen Benutzerfreundlichkeit, garantiert aber nicht die technische und betriebliche Flexibilit\u00e4t, die dein Unternehmen m\u00f6glicherweise ben\u00f6tigt. Wenn das Unternehmen w\u00e4chst, k\u00f6nnen au\u00dferdem unvorhergesehene Kosten entstehen.<\/p>\n Irgendwo zwischen diesen beiden Extremen gibt es L\u00f6sungen, die auf einer Open-Source-Plattform<\/a> basieren und mit einem Hosting-Service kombiniert werden, der die f\u00fcr den <\/span>E-Commerce erforderlichen Funktionen bietet <\/span>.<\/p>\n In unseren Vergleichsartikeln kannst du tief in die Unterschiede zwischen einigen der verf\u00fcgbaren Optionen eintauchen:<\/p>\n Bei Kinsta bieten wir Premium-Hosting f\u00fcr E-Commerce-Websites<\/a>. Unsere Infrastruktur ist auf Leistung, Sicherheit und Benutzerfreundlichkeit f\u00fcr WordPress-Websites optimiert und mit den beliebtesten E-Commerce-Plugins, WooCommerce und Easy Digital Downloads, gekoppelt. Unsere isolierte Container-Technologie<\/a> basiert auf der Google Cloud Platform<\/a> und nutzt die Leistungsf\u00e4higkeit des Cloudflare-Netzwerks<\/a>, um maximale Leistung und Sicherheit zu gew\u00e4hrleisten.<\/p>\n Dies ist die technische L\u00f6sung, die wir jedem empfehlen, der sich die Frage stellt: Was ist die beste Hosting-Infrastruktur f\u00fcr eine moderne E-Commerce-Website?<\/p>\n Los geht’s mit der E-Commerce-Leistung!<\/p>\n J\u00fcngsten Untersuchungen \u00fcber die Konversionsraten im E-Commerce<\/a> zufolge liegt der wichtigste Erfolgsfaktor einer E-Commerce-Website in der Ladegeschwindigkeit der Seite. Eine E-Commerce-Website, die in 1 Sekunde l\u00e4dt, hat eine 2,5-mal h\u00f6here Konversionsrate als eine Seite, die in 5 Sekunden l\u00e4dt.<\/p>\n Au\u00dferdem haben Seiten, die in 1 Sekunde laden, eine durchschnittliche Konversionsrate von etwa 40%. Wenn die Ladezeit auf 2 Sekunden ansteigt, sinkt die Konversionsrate auf 34%. Bei 3 Sekunden liegt die Konversionsrate bei 29% und erreicht bei 6 Sekunden ihr Minimum.<\/p>\n Die Analyse empfiehlt, deinen E-Commerce f\u00fcr eine Ladegeschwindigkeit zwischen einer und zwei Sekunden zu optimieren.<\/p>\n Wie kann dieses Leistungsniveau erreicht werden? Leistungsoptimierung ist ein Prozess der kontinuierlichen Verbesserung, der mehrere Bereiche einer Website betrifft. Ihr strategischer Wert wird besonders beim E-Commerce deutlich, der in der Regel gr\u00f6\u00dfere Mengen an Ressourcen verbraucht.<\/p>\n Um E-Commerce-Betreibern bei der Leistungsoptimierung ihrer Websites zu helfen, haben wir eine Checkliste mit den wichtigsten Optimierungen erstellt, die zur Verbesserung der Leistung und der Seitengeschwindigkeit erforderlich sind.<\/p>\n Kurz gesagt: Was sind die wichtigsten Faktoren, die du bei der Leistungsoptimierung deiner E-Commerce-Website beachten musst? Lass uns eintauchen! Wenn du einen Hosting-Dienst f\u00fcr deine E-Commerce-Website ausw\u00e4hlst, ist es wichtig, dass du dir \u00fcber den Technologie-Stack im Klaren bist, den er bietet.<\/p>\n Die erste Entscheidung betrifft die Art des Hostingdienstes. Es gibt verschiedene Arten von Webhosting<\/a>, die sich in Bezug auf die Infrastruktur und die Dienstleistungen erheblich unterscheiden:<\/p>\n Da es unerl\u00e4sslich ist, eine maximale Leistung f\u00fcr deinen E-Commerce zu garantieren, muss die Infrastruktur Hochgeschwindigkeit bieten. Das schlie\u00dft Shared Hosting<\/a> aus, das zwar kosteng\u00fcnstig (oder sogar kostenlos<\/a>) sein mag, aber nicht die Mindeststandards f\u00fcr Leistung und Sicherheit garantiert, auf die eine E-Commerce-Seite nicht verzichten kann, um auf dem Markt erfolgreich zu sein.<\/p>\n Ein dedizierter VPS-basierter Hosting-Service kann stark angepasst und auf Leistung optimiert werden. Allerdings sind daf\u00fcr SysAdmin-Kenntnisse<\/a> erforderlich, die f\u00fcr ein kleines oder mittleres Unternehmen zu teuer sein k\u00f6nnen.<\/span> Ein Cloud-Hosting-Service<\/a> kann Leistung und Sicherheit f\u00fcr eine moderne E-Commerce-Website bieten und erfordert keine fortgeschrittenen technischen Kenntnisse.<\/p>\n Wenn du mit WordPress arbeitest, ist es einfach, Anbieter von Managed WordPress- und WooCommerce-Hostingdiensten zu finden. Das bedeutet, dass du dich nicht um die Serverkonfiguration und -optimierung k\u00fcmmern musst und einen spezialisierten Supportservice sowie eine vereinfachte Installation und Wartung der Website erh\u00e4ltst.<\/p>\n Au\u00dferdem muss deine Website mit einem modernen technischen Stack ausgestattet sein. Die meisten Webhoster bieten einen Stack an, der auf dem Apache Webserver<\/a> und MySQL<\/a> basiert. Du solltest jedoch einen moderneren, leistungsf\u00e4higeren Technologie-Stack wie Nginx<\/a> und MariaDB<\/a> in Betracht ziehen.<\/p>\n Wir bei Kinsta sind davon \u00fcberzeugt, dass wir die beste und schnellste verwaltete WordPress-Hosting-L\u00f6sung geschaffen haben, die derzeit auf der Google Cloud Platform<\/a> verf\u00fcgbar ist.<\/p>\n Wir bieten C3D- und C2-Compute-optimierte VMs<\/a> in allen Tarifen, von Single 35k bis WP 60 und dar\u00fcber hinaus, in den Regionen an, in denen sie verf\u00fcgbar sind. Au\u00dferdem nutzen wir das Premium Tier-Netzwerk<\/a> von Google mit niedriger Latenz, das allen unseren Kunden ohne zus\u00e4tzliche Kosten zur Verf\u00fcgung steht.<\/p>\n Dar\u00fcber hinaus haben wir einen schnellen und soliden technischen Stack aufgebaut, der auf Nginx, MariaDB, PHP 8.4, LXD-Containern<\/a> und unserer Integration von Cloudflare Enterprise basiert. Dieser Stack ist f\u00fcr alle unsere Kunden verf\u00fcgbar, unabh\u00e4ngig von ihren Pl\u00e4nen.<\/p>\n In diesem Beitrag<\/a> erf\u00e4hrst du, warum Kinsta der schnellste verwaltete WordPress-Hoster ist<\/span>.<\/p>\n Laut W3Techs<\/a>, Stand August 2024,<\/p>\n PHP wird von 76,1% aller Websites verwendet, deren serverseitige Programmiersprache wir kennen.<\/p><\/blockquote>\n Version 7 wird von 52,6% aller Websites genutzt, die PHP verwenden, Version 8 von 33,0% und Version 5 von 14,2%.<\/p>\n Wenn du eine E-Commerce-Website betreibst, musst du wissen, welche PHP-Version<\/a> deine Website verwendet und warum du eine unterst\u00fctzte Version vorziehen solltest.<\/p>\n Kurz gesagt: PHP hat einen Versionszyklus, und jede Hauptversion wird normalerweise zwei Jahre lang unterst\u00fctzt<\/a>. Die unterst\u00fctzten Versionen sind die einzigen, die Leistungs- und Sicherheitsupdates erhalten. Wenn du also eine nicht unterst\u00fctzte PHP-Version verwendest, bedeutet das im Vergleich zu den unterst\u00fctzten Versionen eine geringere Leistung und mehr Sicherheitsl\u00fccken.<\/p>\n Ab August 2024 sind die offiziell unterst\u00fctzten PHP-Versionen PHP 8.1, 8.2 und 8.3.<\/p>\n Wir haben unsere eigenen Geschwindigkeitstests mit PHP 8.1, 8.2 und 8.3<\/a> und verschiedenen CMS und Frameworks durchgef\u00fchrt und festgestellt , dass PHP 8.3<\/a> nachweislich die schnellste PHP-Version ist und <\/span>den getesteten CMS und Frameworks einen <\/span>Leistungsschub von bis zu <\/span>52,20% verschafft<\/span>.<\/p>\n Bei Kinsta bieten wir nur unterst\u00fctzte PHP-Versionen an<\/strong>. Derzeit unterst\u00fctzen wir PHP 7.4, 8.0, 8.1, 8.2, 8.3, 8.4, 8.5.<\/p>\n Du kannst die PHP-Version deiner WordPress-Website schnell und einfach in MyKinsta wechseln. Gehe in den Konfigurationsbereich deiner WordPress-Website und w\u00e4hle im linken Men\u00fc Tools<\/strong>. Hier findest du verschiedene Tools, die f\u00fcr unsere Kunden zur Verf\u00fcgung stehen. Scrolle auf der Seite nach unten und finde die PHP-Engine<\/strong>. Klicke auf die Schaltfl\u00e4che \u00c4ndern<\/strong> und w\u00e4hle die PHP-Version aus, die du f\u00fcr deine Website ben\u00f6tigst.<\/p>\n Der Cache<\/a> ist ein Teil des Arbeitsspeichers, in dem Kopien von Ressourcen gespeichert werden, die bei zuk\u00fcnftigen Anfragen ausgeliefert werden k\u00f6nnen, ohne dass die gesamte Seite erneut heruntergeladen werden muss. Es gibt verschiedene Arten von Caches<\/a>, von denen jeder einen bestimmten Zweck erf\u00fcllt. Die Caches, die uns hier interessieren, sind der Browser-Cache und der WordPress-Cache.<\/p>\n Jede Serverantwort muss die richtigen HTTP-Header enthalten, damit der Browser wei\u00df, wie lange er eine Kopie der angeforderten Ressource zwischenspeichern<\/a> soll. Dies geschieht durch das Setzen von ETag- und Expires-Headern<\/a> in der HTTP-Anfrage<\/a>.<\/p>\n WordPress hat ein eigenes Caching-System. Das Objekt WordPress-Nutzer k\u00f6nnen ein Caching-Plugin eines Drittanbieters f\u00fcr WordPress<\/a> installieren. Mit Tools wie <\/span>W3 Total Cache<\/a> und <\/span>WP Super Cache<\/a> kannst du <\/span>den WordPress-Cache<\/a> detailliert <\/span>verwalten. Sie k\u00f6nnen sehr n\u00fctzlich sein, wenn du dich f\u00fcr eine Shared-Hosting-L\u00f6sung entscheidest oder wenn der Webhoster keine effizienteren Cache-Management-L\u00f6sungen anbietet.<\/span><\/p>\n Diese Tools sind kompliziert zu konfigurieren und erfordern m\u00f6glicherweise Kenntnisse, \u00fcber die nicht alle Website-Betreiber verf\u00fcgen. Kurz gesagt: Du brauchst eine einfache M\u00f6glichkeit, deinen Cache zu verwalten.<\/p>\n Im Bereich E-Commerce m\u00f6chtest du vielleicht auch bestimmte Seiten wie „Mein Konto“ und „Kasse“ vom Caching ausschlie\u00dfen. Das ist wichtig, um ein einwandfreies Einkaufserlebnis f\u00fcr die Kunden deiner Website zu gew\u00e4hrleisten. Aber wie kannst du das tun?<\/p>\n Die Cache-Verwaltung kann entmutigend sein, vor allem wenn du keine technischen Kenntnisse hast. Bei Kinsta ist die Cache-Verwaltung jedoch ganz einfach, und alle Einstellungen sind bequem in einem einzigen Bereich deines MyKinsta-Dashboards zusammengefasst.<\/p>\n Der Hauptunterschied zwischen dem Kinsta-Cache und WordPress-Plugins von Drittanbietern besteht darin, dass der Kinsta-Cache auf Serverebene funktioniert<\/a>.<\/p>\n Navigiere in MyKinsta zu WordPress-Websites<\/strong> und w\u00e4hle deine Website aus. Auf der Seite mit den Website-Einstellungen klickst du links auf den Men\u00fcpunkt Caching<\/strong> und w\u00e4hlst die Registerkarte Server-Caching<\/strong>. Hier kannst du den Cache l\u00f6schen und den Ablauf des Caches \u00e4ndern.<\/p>\n Caching-Plugins sind auf Kinsta nicht erlaubt<\/a>. Das klingt wie ein Widerspruch zu dem, was wir im vorherigen Abschnitt gesagt haben. Der Grund daf\u00fcr ist, dass Kinsta den Cache auf dem Server f\u00fcr dich verwaltet und dir so eine bessere Leistung und eine einfachere Verwaltung bietet.<\/strong><\/p>\n Speziell f\u00fcr WooCommerce- und EDD-Websites umgeht Kinsta automatisch den Cache, wenn Kinsta-Benutzer k\u00f6nnen den Cache auch direkt von ihrem WordPress-Dashboard aus verwalten – dank des Kinsta MU-Plugins<\/a>, das automatisch auf allen neuen WordPress-Websites installiert wird, die von Kinsta gehostet werden.<\/p>\n Auf dem Kinsta-Cache-Bildschirm kannst du die folgenden Aktionen durchf\u00fchren:<\/p>\n Das Kinsta-Cache-Plugin bietet auch eine Schaltfl\u00e4che in der Admin-Leiste, mit der du den Cache l\u00f6schen kannst:<\/p>\n Eine andere Art von Cache ist der CDN-Cache. Lies weiter, um mehr dar\u00fcber zu erfahren.<\/p>\n Ein CDN ist ein Netzwerk von Servern<\/a>, die statische Ressourcen wie Bilder, Skripte und Stylesheets speichern, damit sie den Besuchern der Website vom n\u00e4chstgelegenen geografischen Standort aus zugestellt werden k\u00f6nnen.<\/p>\n Ein CDN bietet in der Regel Dienste und Funktionen, die die Leistung und Sicherheit einer Website erheblich verbessern k\u00f6nnen. Wenn es um die Leistung geht, kann ein CDN dir bei Folgendem helfen:<\/p>\n Kinsta bietet eine kostenlose Cloudflare CDN-Integration<\/a> f\u00fcr alle unsere Hosting-Angebote. Das bedeutet, dass du die Cloudflare-Funktionen f\u00fcr Unternehmen v\u00f6llig kostenlos nutzen kannst, unabh\u00e4ngig davon, f\u00fcr welchen Tarif du dich entschieden hast.<\/p>\n Cloudflare bietet einen Caching-Service f\u00fcr statische Ressourcen, der die Leistung von E-Commerce-Websites erheblich steigern kann. Das ist besonders n\u00fctzlich, wenn dein Zielpublikum \u00fcber ein gro\u00dfes geografisches Gebiet verteilt ist.<\/p>\n Dank unserer Cloudflare-Integration k\u00f6nnen wir allen unseren Kunden, unabh\u00e4ngig von ihrem Tarif, die folgenden Unternehmensfunktionen zur Verf\u00fcgung stellen:<\/p>\n Mit Kinsta kannst du all diese Funktionen nutzen, indem du das CDN von Cloudflare im Caching-Bereich<\/strong> deines MyKinsta-Dashboards aktivierst. Dort kannst du Edge Caching<\/strong> und CDN-Caching<\/strong> verwalten.<\/p>\n Auf der Registerkarte Edge Caching <\/strong>kannst du den <\/span>mobilen Cache<\/strong>, den <\/span>Cache l\u00f6schen<\/strong> und den <\/span>URL-Cache l\u00f6schen <\/strong>.<\/p>\n Auf der Registerkarte CDN<\/strong> kannst du den CDN-Cache l\u00f6schen<\/strong>, Bilder optimieren und bestimmte Dateien vom CDN-Caching ausschlie\u00dfen.<\/p>\n Die Optimierung von Bildern<\/a> ist wichtig f\u00fcr die Geschwindigkeit deiner Seite. Die Optimierung von Bildern ist f\u00fcr Anf\u00e4nger nicht kompliziert, aber du brauchst trotzdem einige Grundkenntnisse<\/a>.<\/p>\n Du kannst Bilder auf verschiedene Arten optimieren. Zun\u00e4chst solltest du das Bildformat bestimmen, das am besten zu den Eigenschaften des Bildes passt. Neben den herk\u00f6mmlichen Formaten JPEG, PNG und GIF bieten weboptimierte Bildformate wie WebP<\/a> und Avif <\/span>eine hohe Komprimierung bei besserer Qualit\u00e4t. WordPress unterst\u00fctzt<\/a> beide Formate von Haus aus<\/a>, du kannst sie also auf deiner E-Commerce-Website verwenden.<\/p>\n Wenn du dich f\u00fcr das richtige Bildformat entschieden hast, kannst du mit der Komprimierung fortfahren. Es gibt zwei Arten der Bildkomprimierung<\/a>: verlustbehaftet und verlustfrei. Die verlustbehaftete Komprimierung ist effektiver bei der Reduzierung der Dateigr\u00f6\u00dfe. Allerdings solltest du den Verlust von Informationen und damit eine geringere Bildqualit\u00e4t in Kauf nehmen.<\/p>\n Wenn die Bildqualit\u00e4t f\u00fcr deine Website entscheidend ist, kann eine verlustfreie Komprimierung die richtige Wahl sein, auch wenn die Einsparungen bei der Dateigr\u00f6\u00dfe unbedeutend sein k\u00f6nnen. Um Bilder ohne Informationsverlust zu komprimieren, brauchst du Tools wie FileOptimizer<\/a> oder ImageOptim<\/a> f\u00fcr WordPress oder eine Bildbearbeitungssoftware wie Photoshop.<\/span> Eine weitere M\u00f6glichkeit ist die Gzip-Komprimierung<\/a>.<\/p>\n Dank unserer Cloudflare-Integration bietet Kinsta eine kostenlose Bildoptimierung<\/a>. Das bedeutet, dass deine PNG-, GIF- und JPEG-Bilder automatisch in das WebP-Format umgewandelt werden, um die Geschwindigkeit und Leistung deiner Website zu verbessern, ohne dass du ein Plugin eines Drittanbieters ben\u00f6tigst.<\/p>\n Du kannst die automatische Bildoptimierung in MyKinsta unter Caching > CDN > Bildoptimierung<\/strong> aktivieren.<\/p>\n Klicke auf die Schaltfl\u00e4che Einstellungen im Feld Bildoptimierung<\/strong> und w\u00e4hle die Art der Optimierung, die du ben\u00f6tigst.<\/p>\n Du kannst die Datenmenge, die der Browser herunterl\u00e4dt, um eine Seite auf dem Bildschirm darzustellen, durch Minifizierung, Komprimierung und Zwischenspeicherung von HTML-, CSS- und JavaScript-Ressourcen reduzieren.<\/p>\n Bei der Code-Minifizierung<\/a> werden unn\u00f6tige Zeichen aus dem Quellcode entfernt. Kommentare und Leerzeichen sind bei der Entwicklung n\u00fctzlich, aber der Browser braucht sie nicht, um die Seite darzustellen. Mit der Code-Minifizierung kannst du die Gr\u00f6\u00dfe von HTML-, CSS- und JS-Ressourcen um bis zu 50% oder mehr reduzieren.<\/p>\n Es ist jedoch erw\u00e4hnenswert, dass Cloudflare vor kurzem angek\u00fcndigt hat<\/a>, die Funktion „Auto Minify“ abzuschaffen:<\/p>\n Die Gr\u00fcnde, warum wir die Funktion abschaffen wollen, sind vielf\u00e4ltig, laufen aber darauf hinaus, dass es sich um eine Leistungsfunktion handelt, die dazu dient, das Gewicht der Seite zu reduzieren, und dass sie dabei nicht so effizient ist wie andere Projekte, an denen Cloudflare arbeitet, z. B. die Verbesserung der Komprimierung.<\/p><\/blockquote>\n Durch Komprimierung<\/a> kannst du die Gr\u00f6\u00dfe der \u00fcbertragenen Dateien reduzieren, um die Seitengeschwindigkeit zu erh\u00f6hen und weniger Bandbreite zu verbrauchen. Die GZIP-Komprimierung<\/a> erm\u00f6glicht es dir, einen Rohdatensatz ohne Informationsverlust zu komprimieren. Jeder Dateityp kann komprimiert werden, aber GZIP funktioniert am besten bei textbasierten Ressourcen wie HTML, CSS und JS. Eine andere Art der Komprimierung ist Brotli, die neuer und effektiver als GZIP ist und von allen wichtigen Browsern unterst\u00fctzt wird.<\/p>\n W\u00e4hrend es mehrere Schritte gibt, um die Brotly-Komprimierung in WordPress zu aktivieren<\/a>, m\u00fcssen Kinsta-Kunden absolut nichts tun, um die Leistung dieses Komprimierungsalgorithmus zu nutzen. Dank unserer Cloudflare-Integration nutzt jede von Kinsta gehostete Website standardm\u00e4\u00dfig Brotli.<\/strong><\/p>\n Du kannst den Kompressionstyp im Inspektor deines Browsers \u00fcberpr\u00fcfen. W\u00e4hle ein Asset im Bildschirm Netzwerk > Alle<\/strong> aus<\/span> und suche nach der Kopfzeile Du kannst Render-Blocking-JavaScript eliminieren<\/a>, indem du die Attribute Du kannst Render-Blocking-CSS auch vermeiden<\/a>, indem du above-the-fold-Ressourcen priorisierst, CSS inline einf\u00fcgst, das All das k\u00f6nnte etwas schwierig sein, wenn du kein Frontend-Entwickler bist, aber du kannst ein WordPress-Plugin verwenden<\/a>, das dir die ganze Arbeit abnimmt.<\/p>\n Au\u00dferdem kannst du ab WordPress 6.3<\/a> bei der Skriptregistrierung die Attribute Ein besonderes Augenmerk sollte auf die Stylesheets gelegt werden, die eine Webseite erheblich schwerf\u00e4lliger machen k\u00f6nnen.<\/p>\n Wenn der Browser auf ein Deshalb ist es wichtig, <\/span>Stylesheets zu optimieren und<\/a> eine gr\u00fcndliche Analyse mit Browser-Entwicklungstools wie Chrome’s Lighthouse und <\/span>Pagespeed Insights<\/a> durchzuf\u00fchren <\/span>.<\/p>\n Nach der Analyse musst du die besten L\u00f6sungen finden, um die Auswirkungen der Stylesheets auf die Leistung zu reduzieren. Mining und Komprimierung sind nur zwei der verf\u00fcgbaren Optionen. Weitere Ma\u00dfnahmen sind das Zwischenspeichern von Dateien durch das Setzen von Expires- und ETag-Headern, die optimale Auswahl von Themes und Website-Plugins, das Entfernen von unn\u00f6tigem CSS-Code, die Optimierung von Webfonts und andere Ma\u00dfnahmen zur Leistungsoptimierung<\/a>.<\/p>\n Die beste Option f\u00fcr Entwickler\/innen ist jedoch immer, ihre Stile von Anfang an nach den Wo du mit dem Aufbau einer modernen E-Commerce-Website beginnen solltest<\/h2>\n
\n
![\"WooCommerce-Plugin-Seite](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/woocommerce-plugin.jpg\")
10 Best Practices zur Optimierung der Leistung deiner E-Commerce-Website<\/h2>\n
\n1. W\u00e4hle eine hochmoderne Hosting-Infrastruktur und einen technischen Stack<\/h3>\n
\n
Kinsta-Hosting-Infrastruktur und technischer Stack<\/h4>\n
![\"Google](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/google-cloud-regions.jpg\")
![\"Google](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/google-cloud-network.jpg\")
2. Verwende unterst\u00fctzte PHP-Versionen<\/h3>\n
![\"Unterst\u00fctzte](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/supported-php-versions.png\")
PHP-Versionen auf Kinsta<\/h4>\n
![\"PHP-Engine](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/modify-php-engine-mykinsta.jpg\")
3. Nutze den Cache f\u00fcr bessere Leistung<\/h3>\n
WP_Object_Cache<\/code><\/a> erm\u00f6glicht es, die Anzahl der Anfragen an die Datenbank zu reduzieren: „Der Objekt-Cache speichert alle Cache-Daten im Speicher und macht die Cache-Inhalte \u00fcber einen Schl\u00fcssel verf\u00fcgbar, der zum Benennen und sp\u00e4teren Abrufen der Cache-Inhalte verwendet wird.“<\/p>\n![\"Caching-Plugins](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/wordpress-caching-plugins.jpg\")
Cache-Verwaltung auf Kinsta<\/h4>\n
![\"\u00c4ndere](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/change-cache-expiration-mykinsta.jpg\")
woocommerce_items_in_cart<\/code> oder edd_items_in_cart<\/code> Cookies entdeckt werden. Dies erm\u00f6glicht ein reibungsloses Einkaufserlebnis f\u00fcr alle deine Kunden.<\/p>\n![\"Kinsta](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/kinsta-mu-plugin.jpg\")
\n
\n
4. Verwende ein Content Delivery Network<\/h3>\n
\n
Kinsta CDN<\/h4>\n
\n
![\"Edge-Caching-Optionen](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/edge-caching-mykinsta.jpg\")
![\"CDN-Cache-Optionen](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/cdn-cache-mykinsta.jpg\")
5. Bilder optimieren<\/h3>\n
![\"Unterst\u00fctzung](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/avif.jpg\")
Optimiere Bilder mit Kinsta<\/h4>\n
![\"Bildoptimierung](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/image-optimization-mykinsta.jpg\")
![\"Bildoptimierung](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/image-optimization-options-mykinsta.jpg\")
6. Reduziere die Gr\u00f6\u00dfe von HTML-, CSS- und JavaScript-Ressourcen<\/h3>\n
![\"Brotli-Unterst\u00fctzung](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/brotli.png\")
Ressourcenkomprimierung auf Kinsta<\/h4>\n
content-encoding<\/code>. Daraus geht hervor, welche Art der Komprimierung auf deiner Website aktiviert ist. br<\/code> steht f\u00fcr Brotli.<\/p>\n![\"Brotli](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/content-encoding-brotli.png\")
7. Beseitige Rendering-blockierende Ressourcen<\/h3>\n
async<\/code> und defer<\/code> zu den <script><\/code> Tags hinzuf\u00fcgst. Dadurch kann das sogenannte First Contentful Paint<\/a> verbessert werden. Genauer gesagt:<\/p>\n\n
async<\/code> Attribut werden asynchron ausgef\u00fchrt, sobald sie geladen sind. Sobald das Skript geladen ist, h\u00e4lt der Browser inne, parst den HTML-Code und f\u00fchrt das Skript aus.<\/li>\ndefer<\/code> werden erst ausgef\u00fchrt, wenn das Parsen der Seite abgeschlossen ist.<\/li>\n<\/ul>\n![\"Die](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/eliminate-render-blocking-resources-pagespeed-insights.jpg\")
media<\/code> -Attribut verwendest und JavaScript zum asynchronen Laden oder zum Aufschieben des Ladens von CSS einsetzt.<\/p>\nasync<\/code> und defer<\/code> hinzuf\u00fcgen und ab WordPress 6.4<\/a> wurden diese Attribute f\u00fcr Frontend-Skripte in WordPress Core und geb\u00fcndelten Themes implementiert.<\/p>\n8. CSS optimieren<\/h3>\n
<link><\/code> Tag st\u00f6\u00dft, unterbricht er das Herunterladen anderer Ressourcen und das Parsen der Seite, um die CSS-Datei herunterzuladen und zu parsen. Au\u00dferdem musst du auf einige Besonderheiten von Stylesheets achten:<\/p>\n\n