{"id":324,"date":"2017-02-17T21:01:10","date_gmt":"2017-02-17T21:01:10","guid":{"rendered":"https:\/\/www.annawerner.de\/?p=324"},"modified":"2018-01-07T21:09:05","modified_gmt":"2018-01-07T21:09:05","slug":"wordpress-speed-optimization","status":"publish","type":"post","link":"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/","title":{"rendered":"Geschwindigkeitsoptimierung und WordPress"},"content":{"rendered":"<p>Ladegeschwindigkeit ist wichtg. Sehr wichtig. Eine Infografik auf Loadstorm zeigt, dass schon eine Ladezeitverl\u00e4ngerung von 1 Sekunde zu Verlusten in Conversion, Page Views und Kundenzufriedenheit f\u00fchren. Zudem\u00a0beeinflusst die Ladegeschwindigeit dein Google Ranking. Speed Optimization ist dadurch sehr zu empfehlen.<\/p>\n<h2>Gr\u00fcnde f\u00fcr langsame Webseiten<\/h2>\n<p>Bevor du anf\u00e4ngst, deine Ladezeit zu verbessern, ist es hilfreich zu verstehen, warum eine Seite \u00fcberhaupt langsam laden kann. Es gibt unterschiedliche Einflussfaktoren, die die Ladezeit beeinfluss. Hier sind die wichtigsten:<\/p>\n<ol>\n<li>Die Technologie,\u00a0mit der die Website betrieben wird: Die Ladegeschwindigkeit h\u00e4ngt zum Teil von der Sprache ab, in der eine Website verfasst wurde. Reines HTML l\u00e4dt sehr schnell. Wenn serverseitige Programmierung involviert ist, braucht es etwas l\u00e4nger. Serverseitige Programmierung ist jedoch weit verbreitet, da sie auch viele Vorteile hat. Dadurch nutzen die meisten Seiten heute php, asp.net und\/oder javascript als Programmiersprachen. Behalte einfach im Hinterkopf, dass es ein paar Millisekunden braucht, um die Anzeige der Seite aus dem Code zu berechnen und dass dabei\u00a0eine gro\u00dfe Datenmenge anfallen kann.<\/li>\n<li>Ein Content Management System: Ein CMS verlangsamt eine Website. Es besteht aus sehr viel mehr Code als notwendig ist, die einzelnen Seiten allein zu programmieren. Ein gut gebautes CMS wird jedoch im Gro\u00dfen und Ganzen mehr Nutzen als Schaden verursachen, da es h\u00e4ufig sicherer ist, Inhalte sich leichter einf\u00fcgen lassen und Zusatzfunktionen zu jeder Zeit hinzugef\u00fcgt und herausgenommen werden k\u00f6nnen. WordPress, genau wie Joomla oder Drupal zum Beispiel, geh\u00f6ren in diese Kategorie.<\/li>\n<li>Dein Hosting: Dein Server und dein Hostingvertrag haben einen gro\u00dfen Einfluss. Dein Vertrag bietet dir mehr oder weniger Leistungen und kann deine Seite zusammen mit anderen Seiten von\u00a0einem Server liefern. Zudem kann der Server Parameter nicht perfekt auf\u00a0WordPress spezifiziert haben. All das wirkt auf die Ladezeit ein. Das Beste bez\u00fcglich der Ladezeit\u00a0sind Dedicated Server, so dass du alle Ressourcen des Servers zur Verf\u00fcgung hast. Doch auch wenn du nicht gerade auf einen Dedicated Server aufspringen m\u00f6chtest, beachte dass du immer das bekommst, wof\u00fcr du zahlst.<\/li>\n<li>Der Computer des Kunden: Diesen letzten Faktor kannst du nicht selbst beeinflussen, da es sich um das Ger\u00e4t handelt, mit dem auf deine Seite zugegriffen wird. Ein \u00e4lterer Computer, ein Tablet oder ein Smartphone zum Beispiel haben nicht die selben Ressourcen wie der neue Rechner vor dem du vielleicht sitzt. Viele neue Webtechnologien nutzen jedoch Client Side Processing, wobei \u00e4ltere Ger\u00e4te durch kleinere Prozessoren Probleme haben k\u00f6nnen. Animationen zum Beispiel laden dadurch nicht reibungslos.<\/li>\n<\/ol>\n<h2>Vor dem Start<\/h2>\n<p>Der wichtigste Schritt vor der Speed Optimization ist zu wissen, wo du dich momentan befindet und wo du hinwillst. Folge nicht einfach blind Schritten, egal wie gut die Vorschl\u00e4ge sind. Setze dir ein Ziel.<\/p>\n<p>Ein Werkzeug um die Ladezeit zu messen ist\u00a0<a href=\"http:\/\/tools.pingdom.com\/fpt\/\">Pingdom<\/a>. Du kannst die Geschwindigkeit von unterschiedlichen Orten messen (f\u00fcr deutsche Seiten ist Schweden zu empfehlen) und du erh\u00e4ltst Ergebnisse \u00fcber deinen Performance Grade, der sich auf den\u00a0<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/\">google page speed grade<\/a>\u00a0und deine Ladezeit bezieht. Zudem findest du auch alle Details dazu, was wann l\u00e4dt und wie lange es ben\u00f6tigt.\u00a0<img decoding=\"async\" class=\"alignnone wp-image-328 size-full\" src=\"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/02\/aw-speedtest.png\" alt=\"WordPress Speed Optmization\" width=\"1962\" height=\"618\" srcset=\"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/02\/aw-speedtest.png 1962w, https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/02\/aw-speedtest-300x94.png 300w, https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/02\/aw-speedtest-768x242.png 768w, https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/02\/aw-speedtest-1024x323.png 1024w, https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/02\/aw-speedtest-1080x340.png 1080w\" sizes=\"(max-width: 1962px) 100vw, 1962px\" \/><\/p>\n<p>Wenn du deine aktuelle Geschwindigkeit und deinen Performance Grade kennst, solltest du dir ein Ziel setzen, das du anstrebst. Zum Beispiel die Seite in unter 5 Sekunden zu laden oder ein Grade von \u00fcber 80 zu erhalten.<\/p>\n<p>Dann kannst du anfangen zu optimieren.<\/p>\n<h2>Unmittelbare Schritte f\u00fcr Geschwindigkeit<\/h2>\n<h3>Updates<\/h3>\n<p>Stelle immer sicher, dass deine\u00a0WordPress Installation und deine Plugins auf ihrem besten Stand, also aktuell, sind. CMSs optimieren ihre Systeme im Normalfall mit jedem Update. Hinterherzuhinken kann dich daher von schnelleren Ladezeiten abhalten. Gleichzeitig ist veraltete Software einer der besten Zugangspunkte\u00a0f\u00fcr Malware.<\/p>\n<p>Zudem solltest du deine php Version updaten. Die aktuell neueste Version ist php 7. Die letzte stable version ist php 5.6. Sei vorsichtig beim Update, da die Erneuerung der php Version unerw\u00fcnschte Fehler mit veraltetem php Code, von dem du nicht mal wusstest, hervorbringen kann. Stelle also bei\u00a0deinem Hostinganbieter sicher, dass du stets zur\u00fcckrollen kannst.<\/p>\n<h3>Verringere Anfragen<\/h3>\n<p>Die Anfragen, die\u00a0vom Client zum Server und zur\u00fcck gesendet werden, sind was Zeit in Anspruch nimmt, wenn die Website zur\u00a0Anzeige aufgebaut wird. Je mehr Anfragen gesendet werden, desto mehr Zeit wird beansprucht.<\/p>\n<p>Die unn\u00fctzesten Anfragen sind die, die man nicht sehen kann. Ich rede hier von dem Plugin, das du mal getestet hast und doch nicht nutzt. Und dem anderen Plugin, das du einmal im Monat nutzt um etwas herauszufinden.\u00a0WordPress l\u00e4dt f\u00fcr jede Seite jedes aktive Plugin. Wenn also Plugins aktiviert sind, du du \u00fcberhaupt nicht ben\u00f6tigst or die einen sehr spezifischen Zweck vor allem zum Entwickeln haben, solltest du diese deaktivieren.<\/p>\n<p>Zudem kannst du Anfragen verringern, indem du die Anzahl von Posts und Bildern verkleinerst, die pro Seite geladen werden. Wenn du also einen Blog betreibst, lade nur 8 statt 20 Posts, zum Beispiel. Oder setzte &#8220;Lazy Loading&#8221; ein, so dass nur ein Teil der Ressourcen auf einmal geladen wird.<\/p>\n<h2>Plugins und Tools zur Erh\u00f6hung der Geschwindigkeit<\/h2>\n<h3>Plugin Leistung<\/h3>\n<p>Auch wenn du die Leistung einzelner Plugins nicht direkt beeinflussen kannst, ist es sinnvoll zu wissen, welche Plugins wie viele Ressourcen ben\u00f6tigen, wenn eine Seite geladen wird.\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/p3-profiler\/\">P3 (Plugin Performance Profiler)<\/a>\u00a0ist hier sehr n\u00fctzlich, da du einen detaillierten Bericht \u00fcber die Ladezeit deiner Seite erh\u00e4ltst. Das Plugin erfasst, misst, und visualisiert alle ben\u00f6tigten Informationen. Plugins, die nicht anst\u00e4ndig konfiguriert wurden, die veraltet sind oder schlecht entwickelten Code beinhalten, k\u00f6nnen viele Ressourcen einnehmen.\u00a0Nur wenn du diese erkennen kannst, kannst du auch dar\u00fcber nachdenken sie zu ersetzen, zu verbessern oder zu deaktivieren.<\/p>\n<h3>Seitenspezifische Plugins<\/h3>\n<p>Inzwischen hast du bereits alle Plugins deaktiviert, die du nicht nutzt. Aber es gibt wahrscheinlich auch Plugins, die nur f\u00fcr eine oder wenige Subseiten ben\u00f6tigt werden, jedoch nicht \u00fcberall. Eine Galerie, eine Kostenkalkulation, etc. Auch wenn du diese\u00a0Plugins nicht global deaktivieren kannst, hei\u00dft das nicht, dass du sie \u00fcberall laden musst.<\/p>\n<p>Ein sehr gutes Plugin hierf\u00fcr ist der\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/plugin-organizer\/\">Plugin Organizer<\/a>. Dieses Plugin erlaubt es, die Reihenfolge festzulegen, in der Plugins geladen werden. Und es l\u00e4sst zu, dass Plugins auf einzelnen Seiten deaktiviert werden. Du kannst Plugins auch gruppieren und sie en gros aktivieren und deaktivieren.<\/p>\n<h3>Bildoptimierung<\/h3>\n<p>Mediendateien sind meist das, was den gr\u00f6\u00dften Teil der Ladezeit ben\u00f6tigt. Sie bestehen nunmal aus mehr Daten als ein Text. Bilder zu komprimieren kann dazu f\u00fchren, dass deine gesamte Seite zwischen 30 und 80% schneller l\u00e4dt. Wenn du also viele Bilder nutzt und du diese alle ben\u00f6tigst, kannst du deine Ladegeschwindigkeit durch Kompression verbessern.<\/p>\n<p>Es gibt hierf\u00fcr sehr viele Plugins. Ich selbst nutze sehr am Liebsten\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/imsanity\/\">Imsanity<\/a>. Es hat die selben Funktionen wie die meisten anderen Plugins und ist umsonst. Du musst es nur installieren und aktivieren und schon wird die Gr\u00f6\u00dfe deiner Bilder deutlich geringer.<\/p>\n<h3>Caching<\/h3>\n<p>Caching geh\u00f6rt wahrscheinlich zu den bekanntesten Speed Optimization Tools. Die Bezeichnung bedeutet letztendlich, dass eine HTML Kopie deiner Seite erstellt wird und diese Kopie an den Client ausgeliefert wird. Dadurch m\u00fcssen nicht alle Bestandteile f\u00fcr jeden Besucher neu kalkuliert werden und, wie bereits erw\u00e4hnt, l\u00e4dt\u00a0HTML sehr viel schneller. Dieser Cache wird dann nach einer festgelegten Zeit gel\u00f6scht und wieder neu erstellt. Es gibt noch mehr Faktoren, die das Caching beeinflussen, aber das ist das grundlegende Prinzip.<\/p>\n<p>Es gibt auch hier sehr viele Angebote. Ich arbeite am Liebsten mit\u00a0<a href=\"https:\/\/cometcache.com\/\">Comet Cache Pro<\/a>.\u00a0Es sticht f\u00fcr mich durch die gute Handhabung des L\u00f6schen des Caches hervor &#8211; gerade wenn \u00c4nderungen durchgef\u00fchrt werden ist das\u00a0sehr wichtig. Die Funktionen sind vergleichbar zu anderen L\u00f6sungen. Egal welches Plugin du w\u00e4hlst, stelle sicher, dass du alle Einstellungen nachschl\u00e4gst. Ein falsch eingestelltes Caching Plugin kann zu ungewollten Negativen Ergebnissen f\u00fchren.<\/p>\n<h3>Content Delivery Network (CDN)<\/h3>\n<p>CDNs sind weitere sehr gute Instrumente f\u00fcr Medieninhalte. Du l\u00e4dtst hierbei alle Medien auf einen anderen Server und verringerst dadurch die Ladezeit. So kannst du nicht nur Domains \u00e4ndern oder deine gesamte Seite umziehen, ohne die Medieninhalte auf den Server laden zu m\u00fcssen, sondern du kannst auch die Ladezeit deutlich beeinflussen.<\/p>\n<p>Das wird durch die Idee hinter dem Netzwerk erm\u00f6glicht. Es l\u00f6st die Medien von einem geografischen Ort. Alle deine Dateien werden auf Servern \u00fcberall im Netzwerk gespeichert und Besucher erhalten diese von dem Server, der ihnen am n\u00e4chsten ist. Doch selbst wenn alle Dateien in Island w\u00e4ren, haben diese Netzwerke riesige\u00a0Leistung und k\u00f6nnen Dateien sehr viel schneller liefern.<\/p>\n<p>Das f\u00fcr mich beste Netzwerk sind die Amazon Web Services. Ich nutze hierf\u00fcr das\u00a0<a href=\"https:\/\/deliciousbrains.com\/wp-offload-s3\/\">WP Offload S3 Plugin<\/a>. Der Bildupload ist einfach und man kann Bilder direkt aus der Media Library ersetzen oder vom Server l\u00f6schen. Die Ergebnisse sind beeindruckend. Behalte jedoch im Hinterkopf, dass du auch f\u00fcr das Bild-Hosting bezahlen must. Die Investition ist jedoch g\u00fcnstig und wertvoll.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ladegeschwindigkeit ist wichtg. Sehr wichtig. Eine Infografik auf Loadstorm zeigt, dass schon eine Ladezeitverl\u00e4ngerung von 1 Sekunde zu Verlusten in Conversion, Page Views und Kundenzufriedenheit f\u00fchren. Zudem\u00a0beeinflusst die Ladegeschwindigeit dein Google Ranking. Speed Optimization ist dadurch sehr zu empfehlen. Gr\u00fcnde f\u00fcr langsame Webseiten Bevor du anf\u00e4ngst, deine Ladezeit zu verbessern, ist es hilfreich zu verstehen, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":332,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","jetpack_post_was_ever_published":false,"footnotes":""},"categories":[3,7],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Geschwindigkeitsoptimierung und WordPress - Anna Schneider<\/title>\n<meta name=\"description\" content=\"Speed Optimization ist sowohl f\u00fcr Besucher als auch f\u00fcr Googlerankings wichtig. F\u00fcr WordPress gibt es viele n\u00fctzliche Plugins und Tips zur Verbesserung.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Geschwindigkeitsoptimierung und WordPress - Anna Schneider\" \/>\n<meta property=\"og:description\" content=\"Speed Optimization ist sowohl f\u00fcr Besucher als auch f\u00fcr Googlerankings wichtig. F\u00fcr WordPress gibt es viele n\u00fctzliche Plugins und Tips zur Verbesserung.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/\" \/>\n<meta property=\"og:site_name\" content=\"Anna Schneider\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-17T21:01:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-01-07T21:09:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/02\/aw-speed-optimization-e1487361909728.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1807\" \/>\n\t<meta property=\"og:image:height\" content=\"1034\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"anna\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"anna\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/\",\"url\":\"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/\",\"name\":\"Geschwindigkeitsoptimierung und WordPress - Anna Schneider\",\"isPartOf\":{\"@id\":\"https:\/\/annaschneider.me\/blog\/#website\"},\"datePublished\":\"2017-02-17T21:01:10+00:00\",\"dateModified\":\"2018-01-07T21:09:05+00:00\",\"author\":{\"@id\":\"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/aed03681a2dc960294c5442477a37844\"},\"description\":\"Speed Optimization ist sowohl f\u00fcr Besucher als auch f\u00fcr Googlerankings wichtig. F\u00fcr WordPress gibt es viele n\u00fctzliche Plugins und Tips zur Verbesserung.\",\"breadcrumb\":{\"@id\":\"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/annaschneider.me\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Geschwindigkeitsoptimierung und WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/annaschneider.me\/blog\/#website\",\"url\":\"https:\/\/annaschneider.me\/blog\/\",\"name\":\"Anna Schneider\",\"description\":\"Front-End Developer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/annaschneider.me\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/aed03681a2dc960294c5442477a37844\",\"name\":\"anna\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6c797411dcaa0edbe0f7d081dd142432?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6c797411dcaa0edbe0f7d081dd142432?s=96&d=mm&r=g\",\"caption\":\"anna\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Geschwindigkeitsoptimierung und WordPress - Anna Schneider","description":"Speed Optimization ist sowohl f\u00fcr Besucher als auch f\u00fcr Googlerankings wichtig. F\u00fcr WordPress gibt es viele n\u00fctzliche Plugins und Tips zur Verbesserung.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/","og_locale":"en_US","og_type":"article","og_title":"Geschwindigkeitsoptimierung und WordPress - Anna Schneider","og_description":"Speed Optimization ist sowohl f\u00fcr Besucher als auch f\u00fcr Googlerankings wichtig. F\u00fcr WordPress gibt es viele n\u00fctzliche Plugins und Tips zur Verbesserung.","og_url":"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/","og_site_name":"Anna Schneider","article_published_time":"2017-02-17T21:01:10+00:00","article_modified_time":"2018-01-07T21:09:05+00:00","og_image":[{"width":1807,"height":1034,"url":"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/02\/aw-speed-optimization-e1487361909728.png","type":"image\/png"}],"author":"anna","twitter_card":"summary_large_image","twitter_misc":{"Written by":"anna","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/","url":"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/","name":"Geschwindigkeitsoptimierung und WordPress - Anna Schneider","isPartOf":{"@id":"https:\/\/annaschneider.me\/blog\/#website"},"datePublished":"2017-02-17T21:01:10+00:00","dateModified":"2018-01-07T21:09:05+00:00","author":{"@id":"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/aed03681a2dc960294c5442477a37844"},"description":"Speed Optimization ist sowohl f\u00fcr Besucher als auch f\u00fcr Googlerankings wichtig. F\u00fcr WordPress gibt es viele n\u00fctzliche Plugins und Tips zur Verbesserung.","breadcrumb":{"@id":"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/annaschneider.me\/blog\/wordpress-speed-optimization\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/annaschneider.me\/blog\/"},{"@type":"ListItem","position":2,"name":"Geschwindigkeitsoptimierung und WordPress"}]},{"@type":"WebSite","@id":"https:\/\/annaschneider.me\/blog\/#website","url":"https:\/\/annaschneider.me\/blog\/","name":"Anna Schneider","description":"Front-End Developer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/annaschneider.me\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/aed03681a2dc960294c5442477a37844","name":"anna","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6c797411dcaa0edbe0f7d081dd142432?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6c797411dcaa0edbe0f7d081dd142432?s=96&d=mm&r=g","caption":"anna"}}]}},"jetpack_featured_media_url":"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/02\/aw-speed-optimization-e1487361909728.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9x5Dx-5e","jetpack-related-posts":[{"id":341,"url":"https:\/\/annaschneider.me\/blog\/how-to-update-woocommerce-like-a-pro\/","url_meta":{"origin":324,"position":0},"title":"How to update WooCommerce like a Pro","author":"anna","date":"April 26, 2017","format":false,"excerpt":"WooCommerce in a WordPress installation can be a powerful e-commerce setup. To stay that way, the CMS and the plugin need to be upgraded to ensure performance, to stay secure and to look and function continuously well. As important as these updates are, there can always be bugs and conflicts\u2026","rel":"","context":"In &quot;WooCommerce&quot;","block_context":{"text":"WooCommerce","link":"https:\/\/annaschneider.me\/blog\/woocommerce\/"},"img":{"alt_text":"Updating WooCommerce","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/WooCommerceUpdates.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/WooCommerceUpdates.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/WooCommerceUpdates.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/WooCommerceUpdates.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/WooCommerceUpdates.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/WooCommerceUpdates.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":48,"url":"https:\/\/annaschneider.me\/blog\/different-ways-for-multi-language-websites\/","url_meta":{"origin":324,"position":1},"title":"Different possibilities for multi-language websites","author":"anna","date":"February 22, 2016","format":false,"excerpt":"One question customers often have, concerns\u00a0multilingual pages. As WordPress was developed as a blog system, a standard option for multilingual content is not included. One either has to\u00a0manually create different\u00a0versions or use a WordPress plugin. Basically,\u00a0there are three different possibilities to solve the case. They all have their pros and\u2026","rel":"","context":"In &quot;Multilanguage&quot;","block_context":{"text":"Multilanguage","link":"https:\/\/annaschneider.me\/blog\/multilanguage\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/photodune-3027894-flags-m.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/photodune-3027894-flags-m.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/photodune-3027894-flags-m.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/photodune-3027894-flags-m.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/photodune-3027894-flags-m.jpg?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/photodune-3027894-flags-m.jpg?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":403,"url":"https:\/\/annaschneider.me\/blog\/5-tools-test-css-browser-support\/","url_meta":{"origin":324,"position":2},"title":"5 Great Tools to Test Your CSS And Browser Support","author":"anna","date":"July 14, 2017","format":false,"excerpt":"When writing code no matter for what, one of the hardest part is keeping up. Constantly there are new standards and CSS compatibility problems with all browsers, users, sizes, etc. Designers and programers usually have the most recent browser updates installed and use the most common browsers. So new elements\u2026","rel":"","context":"In &quot;Front-End Development&quot;","block_context":{"text":"Front-End Development","link":"https:\/\/annaschneider.me\/blog\/front-end-development\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/07\/cross-browser-compatibility.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/07\/cross-browser-compatibility.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/07\/cross-browser-compatibility.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/07\/cross-browser-compatibility.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/07\/cross-browser-compatibility.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/07\/cross-browser-compatibility.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":80,"url":"https:\/\/annaschneider.me\/blog\/language-corrections-using-po-files\/","url_meta":{"origin":324,"position":3},"title":"Language corrections using .po files","author":"anna","date":"February 23, 2016","format":false,"excerpt":"Most themes and plugins automatically recognize the language version of your WordPress installation and the country you work from. Then they install the right language package and without ever noticing the different language versions, everything is shown in the right\u00a0language. But what if a different language then automatically detected is\u2026","rel":"","context":"In &quot;Multilanguage&quot;","block_context":{"text":"Multilanguage","link":"https:\/\/annaschneider.me\/blog\/multilanguage\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/PoEdit.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/PoEdit.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/PoEdit.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/PoEdit.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/PoEdit.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/PoEdit.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":356,"url":"https:\/\/annaschneider.me\/blog\/update-breaks-wordpress-site\/","url_meta":{"origin":324,"position":4},"title":"What to do if an update breaks your WordPress site","author":"anna","date":"April 28, 2017","format":false,"excerpt":"Updates are important, if not to say mandatory. They make your site more secure, more compatible, more functional and durable. Nevertheless, they can also cause sites to break, usually caused by numerous different kinds of conflicts between old and new code If things break in your live website or WooCommerce\u2026","rel":"","context":"In &quot;Technical Issues&quot;","block_context":{"text":"Technical Issues","link":"https:\/\/annaschneider.me\/blog\/technicalissues\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/Update-breakes-site.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/Update-breakes-site.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/Update-breakes-site.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/Update-breakes-site.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/Update-breakes-site.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/Update-breakes-site.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":52,"url":"https:\/\/annaschneider.me\/blog\/creating-a-second-floating-menu-on-specific-pages\/","url_meta":{"origin":324,"position":5},"title":"Creating a second floating menu on specific pages","author":"anna","date":"February 23, 2016","format":false,"excerpt":"Just now, I had a customer who with a rather rare wish: On her website, there are parts with many submenu items. To facilitate the user experience, these parts should always show a second menu giving constantly\u00a0all the submenu item. The site is running with the Pootlepress Canvas child theme.\u2026","rel":"","context":"In &quot;Technical Issues&quot;","block_context":{"text":"Technical Issues","link":"https:\/\/annaschneider.me\/blog\/technicalissues\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/Floating-Menu-CSS.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/Floating-Menu-CSS.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/Floating-Menu-CSS.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/Floating-Menu-CSS.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/Floating-Menu-CSS.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/02\/Floating-Menu-CSS.png?resize=1400%2C800&ssl=1 4x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/posts\/324"}],"collection":[{"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/comments?post=324"}],"version-history":[{"count":1,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/posts\/324\/revisions"}],"predecessor-version":[{"id":47973,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/posts\/324\/revisions\/47973"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/media\/332"}],"wp:attachment":[{"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/media?parent=324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/categories?post=324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/tags?post=324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}