{"id":8757,"date":"2019-11-05T15:55:03","date_gmt":"2019-11-05T15:55:03","guid":{"rendered":"https:\/\/pluspol-website-live.pluspol-networks.de\/?p=8757"},"modified":"2024-01-30T15:57:37","modified_gmt":"2024-01-30T15:57:37","slug":"page-speed-optimierung","status":"publish","type":"post","link":"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/","title":{"rendered":"Page-Speed-Optimierung: Kurze Ladezeiten durch optimale Webseiten-Geschwindigkeit"},"content":{"rendered":"[vc_row type=“in_container“ full_screen_row_position=“middle“ column_margin=“default“ column_direction=“default“ column_direction_tablet=“default“ column_direction_phone=“default“ scene_position=“center“ text_color=“dark“ text_align=“left“ row_border_radius=“none“ row_border_radius_applies=“bg“ overflow=“visible“ overlay_strength=“0.3″ gradient_direction=“left_to_right“ shape_divider_position=“bottom“ bg_image_animation=“none“][vc_column column_padding=“no-extra-padding“ column_padding_tablet=“inherit“ column_padding_phone=“inherit“ column_padding_position=“all“ column_element_direction_desktop=“default“ column_element_spacing=“default“ desktop_text_alignment=“default“ tablet_text_alignment=“default“ phone_text_alignment=“default“ background_color_opacity=“1″ background_hover_color_opacity=“1″ column_backdrop_filter=“none“ column_shadow=“none“ column_border_radius=“none“ column_link_target=“_self“ column_position=“default“ gradient_direction=“left_to_right“ overlay_strength=“0.3″ width=“1\/1″ tablet_width_inherit=“default“ animation_type=“default“ bg_image_animation=“none“ border_type=“simple“ column_border_width=“none“ column_border_style=“solid“][vc_column_text]Um dem Nutzer eine Website schnell und im vollen Umfang zur Verf\u00fcgung zu stellen, ist es wichtig, die Ladezeiten der Webseiten f\u00fcr einen guten Page-Speed zu optimieren. Welche Faktoren darauf erheblichen Einfluss nehmen, erl\u00e4utern wir hier.<\/p>\n

Wie der Name schon sagt, wird bei der Page-Speed-Optimierung die Geschwindigkeit einer Webseite unter die Lupe genommen und verbessert. Und das ist gar nicht so unerheblich: 2018 lagen die Zugriffe auf Webseiten\u00a0per Mobiltelefon weltweit bereits bei 51%<\/a>\u00a0(in Asien bereits bei 64%). Umso wichtiger ist es daher, die Ladezeiten der Webseiten durch eine gute Page-Speed zu optimieren, um sie dem Nutzer schnell und in vollem Umfang zur Verf\u00fcgung zu stellen. Dadurch verbessert sich nicht nur die Benutzerfreundlichkeit der Seite, sondern auch ihr Google-Ranking.<\/p>\n

Welchen Einfluss hat Page-Speed auf meine Website?\u200d<\/h2>\n

Page-Speed hat im Wesentlichen zwei Einflussfelder:<\/p>\n

Auffindbarkeit in den Suchmaschinen (Google-Ranking)<\/h4>\n

Es gilt: Je besser die Seitengeschwindigkeit, desto besser das SEO-Ranking, desto weiter oben wird bei Suchanfragen die Webseite angezeigt und desto mehr Leute besuchen die eigene Seite.<\/p>\n

Seitenbesucher<\/h4>\n

Internetnutzer sind ungeduldig. Je l\u00e4nger eine Seite l\u00e4dt, desto mehr Leute springen wieder ab und verlassen die Seite, bevor etwas angezeigt wird. Das hei\u00dft, je schneller die Webseite l\u00e4dt, desto mehr Leute, die geklickt haben, bleiben auch auf der Seite. Au\u00dferdem ist eine hohe Seitengeschwindigkeit mit geringen Dateigr\u00f6\u00dfen verbunden, was vor allem f\u00fcr Nutzer mit mobilen Endger\u00e4ten von Vorteil ist. Zum Einen wird der Mobilfunkvertrag des Nutzers nicht \u00fcberm\u00e4\u00dfig belastet und zum Anderen kann die Seite bei schlechter Mobilfunkverbindung \u00fcberhaupt erst geladen werden.<\/p>\n

Es zeigt sich, der Page-Speed hat direkten Einfluss auf die Besucherzahlen. Gerade bei Shopsystemen macht sich eine Optimierung deutlich im Umsatz bemerkbar.<\/p>\n

Welche Einflussm\u00f6glichkeiten habe ich als Redakteur?<\/h3>\n

Als Kunde liegen meine Hauptstellschrauben in der Pflege der Bilder. Hier ist es wichtig, auf die richtigen Bild- und Dateigr\u00f6\u00dfen und -formate zu achten. Werden die Bilder mit dem richtigen Seitenverh\u00e4ltnis und der richtigen Aufl\u00f6sung hochgeladen, l\u00e4dt der Seitenbesucher auch wirklich nur das herunter, was er am Ende sieht. Durch eine Komprimierung l\u00e4sst sich die Dateigr\u00f6\u00dfe um ein Vielfaches verringern, ohne dass eine Verschlechterung der Bildqualit\u00e4t sichtbar wird. Daf\u00fcr lassen sich sowohl die einschl\u00e4gigen Bildbearbeitungsprogramme, als auch verschiedene Online-Tools nutzen.<\/p>\n

Vorteile, die bereits bei der Entwicklung der Seite erstellt werden<\/h3>\n

Bei der Entwicklung einer Website ist es sinnvoll, das Thema Page-Speed bereits am Anfang auf die Agenda zu setzen, da eine nachtr\u00e4gliche Optimierung deutlich schwieriger umzusetzen ist.<\/p>\n

Hier geben wir einen Einblick in die sinnvollsten und effektivsten Parameter, um Einfluss auf die Seitengeschwindigkeit zu nehmen:<\/p>\n

Bilder<\/h4>\n

An dieser Stelle kann man dem Kunden Arbeit abnehmen, in dem man eine automatische Kompression integriert, z.B. beim Upload der Bilder durch einen Kompressions-Algorithmus. Eine andere M\u00f6glichkeit ist, nachts den Algorithmus mittels Cronjob \u00fcber alle Bilder laufen zu lassen und nicht komprimierte Bilder an dieser Stelle zu behandeln.<\/p>\n

Ein weiterer Einflusspunkt ist das sogenannte Lazy-Loading. Hier werden Bilder erst kurz bevor sie angeschaut werden geladen. Bilder, die sich au\u00dferhalb des sichtbaren Bereichs befinden (below the fold<\/em>), werden erstmal nicht geladen, sondern erst, wenn der Seitenbesucher nach unten scrollt.<\/p>\n

Auf vielen responsiven Seiten sollen Bilder(-ausschnitte) sich f\u00fcr mobile und Desktop-Ansicht unterscheiden. Hier sollte der picture-tag genutzt werden, da nur das Bild geladen wird, was wirklich gebraucht wird.<\/p>\n

Code<\/h4>\n

Hier darauf zu achten, dass zum Einen nicht genutzter Code wieder entfernt wird und zum Anderen der Code fehlerfrei ist. Au\u00dferdem ist es nat\u00fcrlich sinnvoll, den Code im Laufe des Build-Prozesses zu minimieren und auch eine Komprimierung z.B. mittels gzip ist durchaus m\u00f6glich.<\/p>\n

Caching<\/h4>\n

In der htaccess kann festgelegt werden wie lange der Browser des Seitenbesuchers die bereits heruntergeladenen Dateien (CSS, JavaScript, Bilder, …) vorh\u00e4lt. Sollte der Nutzer die Seite in dem Zeitraum erneut besuchen, m\u00fcssen sie nicht erneut heruntergeladen werden.<\/p>\n

Die meisten CMS haben einen internen Cache, der eine bereits generierte Seite vorh\u00e4lt, damit diese nicht bei jedem neuen Aufruf vom Server neu generiert werden muss. Diesen Cache richtig zu konfigurieren, kann einen merkbaren Einfluss auf die Performance haben.<\/p>\n

HTTP-Requests<\/h4>\n

Je weniger Anfragen an den Server kommen, desto besser, denn jede Anfrage kostet Zeit. Daher: CSS, JavaScript, Fonts, etc. in jeweils nur einer Datei ausliefern.<\/p>\n

Wie unterst\u00fctzt PLUSPOL interactive?<\/h3>\n

Google aktualisiert mehrmals im Jahr die Analyse-Software f\u00fcr die Ladegeschwindigkeit. Da es sich um einen wichtigen Ranking-Faktor handelt, ist es unerl\u00e4sslich, seine Website regelm\u00e4\u00dfig auf diese Komponente zu \u00fcberpr\u00fcfen. Nach der detaillierten Analyse der Aufgaben erstellt PLUSPOL interactive ein Konzept f\u00fcr die Optimierungen. Bei der Planung wird vor allem auf eine langfristige Sicherung des PageSpeeds geachtet. Dadurch sparen Kunden nicht nur administrativen Aufwand, auch die Verantwortung wird deutlich reduziert.[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"

[vc_row type=“in_container“ full_screen_row_position=“middle“ column_margin=“default“ column_direction=“default“ column_direction_tablet=“default“ column_direction_phone=“default“ scene_position=“center“ text_color=“dark“ text_align=“left“ row_border_radius=“none“ row_border_radius_applies=“bg“ overflow=“visible“ overlay_strength=“0.3″ gradient_direction=“left_to_right“ shape_divider_position=“bottom“ bg_image_animation=“none“][vc_column column_padding=“no-extra-padding“ column_padding_tablet=“inherit“ column_padding_phone=“inherit“ column_padding_position=“all“ column_element_direction_desktop=“default“ column_element_spacing=“default“ desktop_text_alignment=“default“ tablet_text_alignment=“default“ phone_text_alignment=“default“ background_color_opacity=“1″ background_hover_color_opacity=“1″ column_backdrop_filter=“none“ column_shadow=“none“…<\/p>\n","protected":false},"author":7,"featured_media":8761,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[],"acf":[],"yoast_head":"\nPage-Speed-Optimierung: Kurze Ladezeiten durch optimale Webseiten-Geschwindigkeit - PLUSPOL interactive<\/title>\n<meta name=\"description\" content=\"Wie kann ich meine Website so optimieren, dass sie dem Nutzer schnell und im vollen Umfang zur Verf\u00fcgung steht?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page-Speed-Optimierung: Kurze Ladezeiten durch optimale Webseiten-Geschwindigkeit - PLUSPOL interactive\" \/>\n<meta property=\"og:description\" content=\"Wie kann ich meine Website so optimieren, dass sie dem Nutzer schnell und im vollen Umfang zur Verf\u00fcgung steht?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/\" \/>\n<meta property=\"og:site_name\" content=\"PLUSPOL interactive\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-05T15:55:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-30T15:57:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pluspol-interactive.de\/wp-content\/uploads\/2023\/12\/Header_Pagespeed.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"auster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"auster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/\",\"url\":\"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/\",\"name\":\"Page-Speed-Optimierung: Kurze Ladezeiten durch optimale Webseiten-Geschwindigkeit - PLUSPOL interactive\",\"isPartOf\":{\"@id\":\"https:\/\/www.pluspol-interactive.de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.pluspol-interactive.de\/wp-content\/uploads\/2023\/12\/Header_Pagespeed.png\",\"datePublished\":\"2019-11-05T15:55:03+00:00\",\"dateModified\":\"2024-01-30T15:57:37+00:00\",\"author\":{\"@id\":\"https:\/\/www.pluspol-interactive.de\/#\/schema\/person\/961d68fec5c5bddad6bf4693db2c92bb\"},\"description\":\"Wie kann ich meine Website so optimieren, dass sie dem Nutzer schnell und im vollen Umfang zur Verf\u00fcgung steht?\",\"breadcrumb\":{\"@id\":\"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/#primaryimage\",\"url\":\"https:\/\/www.pluspol-interactive.de\/wp-content\/uploads\/2023\/12\/Header_Pagespeed.png\",\"contentUrl\":\"https:\/\/www.pluspol-interactive.de\/wp-content\/uploads\/2023\/12\/Header_Pagespeed.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/www.pluspol-interactive.de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page-Speed-Optimierung: Kurze Ladezeiten durch optimale Webseiten-Geschwindigkeit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pluspol-interactive.de\/#website\",\"url\":\"https:\/\/www.pluspol-interactive.de\/\",\"name\":\"PLUSPOL interactive\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pluspol-interactive.de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pluspol-interactive.de\/#\/schema\/person\/961d68fec5c5bddad6bf4693db2c92bb\",\"name\":\"auster\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Page-Speed-Optimierung: Kurze Ladezeiten durch optimale Webseiten-Geschwindigkeit - PLUSPOL interactive","description":"Wie kann ich meine Website so optimieren, dass sie dem Nutzer schnell und im vollen Umfang zur Verf\u00fcgung steht?","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:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/","og_locale":"de_DE","og_type":"article","og_title":"Page-Speed-Optimierung: Kurze Ladezeiten durch optimale Webseiten-Geschwindigkeit - PLUSPOL interactive","og_description":"Wie kann ich meine Website so optimieren, dass sie dem Nutzer schnell und im vollen Umfang zur Verf\u00fcgung steht?","og_url":"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/","og_site_name":"PLUSPOL interactive","article_published_time":"2019-11-05T15:55:03+00:00","article_modified_time":"2024-01-30T15:57:37+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.pluspol-interactive.de\/wp-content\/uploads\/2023\/12\/Header_Pagespeed.png","type":"image\/png"}],"author":"auster","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"auster","Gesch\u00e4tzte Lesezeit":"5 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/","url":"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/","name":"Page-Speed-Optimierung: Kurze Ladezeiten durch optimale Webseiten-Geschwindigkeit - PLUSPOL interactive","isPartOf":{"@id":"https:\/\/www.pluspol-interactive.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/#primaryimage"},"image":{"@id":"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/#primaryimage"},"thumbnailUrl":"https:\/\/www.pluspol-interactive.de\/wp-content\/uploads\/2023\/12\/Header_Pagespeed.png","datePublished":"2019-11-05T15:55:03+00:00","dateModified":"2024-01-30T15:57:37+00:00","author":{"@id":"https:\/\/www.pluspol-interactive.de\/#\/schema\/person\/961d68fec5c5bddad6bf4693db2c92bb"},"description":"Wie kann ich meine Website so optimieren, dass sie dem Nutzer schnell und im vollen Umfang zur Verf\u00fcgung steht?","breadcrumb":{"@id":"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/#primaryimage","url":"https:\/\/www.pluspol-interactive.de\/wp-content\/uploads\/2023\/12\/Header_Pagespeed.png","contentUrl":"https:\/\/www.pluspol-interactive.de\/wp-content\/uploads\/2023\/12\/Header_Pagespeed.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.pluspol-interactive.de\/artikel\/page-speed-optimierung\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.pluspol-interactive.de\/"},{"@type":"ListItem","position":2,"name":"Page-Speed-Optimierung: Kurze Ladezeiten durch optimale Webseiten-Geschwindigkeit"}]},{"@type":"WebSite","@id":"https:\/\/www.pluspol-interactive.de\/#website","url":"https:\/\/www.pluspol-interactive.de\/","name":"PLUSPOL interactive","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pluspol-interactive.de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/www.pluspol-interactive.de\/#\/schema\/person\/961d68fec5c5bddad6bf4693db2c92bb","name":"auster"}]}},"_links":{"self":[{"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/posts\/8757"}],"collection":[{"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/comments?post=8757"}],"version-history":[{"count":5,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/posts\/8757\/revisions"}],"predecessor-version":[{"id":9329,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/posts\/8757\/revisions\/9329"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/media\/8761"}],"wp:attachment":[{"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/media?parent=8757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/categories?post=8757"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/tags?post=8757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}