[vc_row][vc_column][vc_column_text css=“.vc_custom_1515412642873{padding-bottom: 35px !important;}“]Viele fragen sich wie ich auf dieser Seite einen google pagespeed von 100 Punkten erreicht habe (HINWEIS: Da ich die Seite auf einen neuen Server umgezogen habe und diese zur Zeit umbaue, wird der Pagespeed erst wieder auf 100 sein, sobald ich fertig bin.). Alles möchte ich nicht verraten, allerdings verrate ich dir im folgenden ein paar Anhaltspunkte mit denen du deine Webseite auf Vordermann bringen kannst.
Die Anfänge einer Pagespeed-Optimierung lassen sich leicht mit Hilfe von wenigen Suchanfragen bei Google umsetzen, deswegen gehe ich auch nicht auf alle Punkte ein. Was ich hier schreibe sind einige Tipps, die man entweder nicht so schnell oder gar nicht findet.
Trotzdem sind diese Tipps sowohl für Anfänger als auch für Profis geeignet um die Ladezeiten einer Webseite zu minimieren. Eine Optimierung lässt sich auf jeden Fall damit erzielen!
Vorab: Man optimiert eine Seite für den Besucher (Ladezeit) und nicht für die Punktzahl die Google vergibt! Allerdings sollte auch die Punktzahl nicht vernachlässigt werden und mindestens im gelben Bereich liegen.[/vc_column_text][vc_column_text css=“.vc_custom_1524934344980{padding-top: 50px !important;}“]
Ich analysiere kostenlos Ihre Webseite!
Klingt gut oder?
Alles was Sie tun müssen, ist den Button klicken und das Formular ausfüllen.
[/vc_column_text][ultimate_modal modal_title=“Kostenlosen Check anfordern“ btn_size=“lg“ btn_bg_color=“#dd3333″ btn_text=“Kostenlosen Check anfordern“ overlay_bg_opacity=“80″ css_modal_box=“.vc_custom_1524934074102{padding-top: 30px !important;padding-bottom: 30px !important;}“]Füllen Sie das Formular aus und ich werde kostenlos die Ladegeschwindigkeit Ihrer Webseite oder Ihres Online-Shop analysieren.
[contact-form-7 id=“1868″ title=“Pagespeed Anfrage“][/ultimate_modal][vc_column_text css=“.vc_custom_1506649906250{padding-bottom: 35px !important;}“]
Installation eines Caching Plugins (WordPress)
Auf dieser Seite habe ich Wp-Rocket im Einsatz. Dieses Plugin ist meiner Meinung nach das stärkste und bietet die meisten Einstellungsmöglichkeiten mit dem besten Ergebnis. Alternativ kann ich kein anderes empfehlen, da man mit ein wenig angepassten Code die Komprimierung und das Caching der Javascript und CSS Dateien ebenfalls erreichen kann. Wer sich das Plugin nicht kaufen möchte, kann auf jeden Fall ein gleich gutes Ergebnis erreichen. Alles was man machen muss, ist die .htaccess anzupassen.
Da nicht jeder Kunde versteht was Ladezeiten einer Webseite sind und warum man für ein Plugin Geld ausgeben soll, ist es wichtig eine Webseite auch ohne Plugin optimieren zu können!
Für die Anfänger unter euch:
Kauft euch Wp-Rocket und testet die verschiedenen Einstellungen, bis ihr ein akzeptables Ergebnis erreicht und probiert dann erst weitere Tipps umzusetzen.
Für die Fortgeschrittenen und Profis:
Kauft euch Wp-Rocket (Das nimmt euch Arbeit ab) oder verzichtet einfach drauf und regelt alles über die .htaccess. Was anderes tut das Wp-Rocket Plugin auch nicht.[/vc_column_text][vc_column_text css=“.vc_custom_1514888976575{padding-bottom: 35px !important;}“]
Caching und Komprimierung über htaccess
Über Google finden Sie viele Codeschnippsel, die Sie in Ihre htaccess eintragen könnt um gzip, Caching usw zu aktivieren. Der Nachteil dabei ist, das die Codeschnippsel angepasst werden und meistens nicht „ready to use“ sind. Wenn Sie ein bisschen von der Materie verstehen, sollten Sie das easy hinbekommen.
Wenn ich ein Caching-Plugin benutze, welches die .htaccess bearbeitet, dann passe ich im Nachhinein trotzdem die .htaccess an um das optimale Ergebnis zu bekommen.[/vc_column_text][vc_column_text css=“.vc_custom_1506637623838{padding-bottom: 35px !important;}“]
Plugins und Templates
Wenn du ein gut programmiertes Template benutzt, ist das schon die halbe Miete! Außerdem solltest du auf so wenige Plugins zurückgreifen wie möglich! Nicht genutzte Plugins sollten gelöscht und selten benutzte nur bei Nutzung aktiviert werden. Je mehr Plugins aktiviert sind, desto schwieriger die Optimierung!
Ich lese immer wieder, dass Leute nachfragen welches Plugin sie benutzen sollen um eine Tabelle darzustellen oder womit sie eine farbige Infobox erstellen können. Für viele kleine Dinge helfen die einfachsten CSS-Schnipsel weiter![/vc_column_text][vc_column_text css=“.vc_custom_1514888999484{padding-bottom: 35px !important;}“]
Bilder optimieren
Google und der Besucher Ihrer Seite lieben optimierte Bilder und Grafiken.
Warum?
Weil diese schneller geladen werden!
Ich benutze die Premiumversion von tinypng.com. Damit lassen sich alle Bilder und Grafiken verlustfrei bis zu 80% komprimieren. Die Premiumversion erlaubt es unzählige Dateien auf einmal zu optimieren. Für den Anfang genügt auch die kostenlose Version.[/vc_column_text][vc_column_text css=“.vc_custom_1524934175162{padding-top: 60px !important;padding-bottom: 60px !important;}“]
Geben Sie diese wichtige Aufgabe in die richtigen Hände!
Profitieren Sie von meiner jahrelangen Erfahrung, damit Ihre Webseite zur Rakete wird.
[/vc_column_text][vc_column_text css=“.vc_custom_1514889048959{padding-bottom: 35px !important;}“]
Probleme mit externen Skripten
Das größte Problem verursachen externe Sachen wie z.B der Google-Analytics Code, der für den Google Tag-Manager, Facebook uvm. Auf externe Dateien haben Sie keinen Einfluss und somit können Sie diese nicht komprimieren. Auch Plugins können externe Inhalte einbinden. Wählen Sie Ihre Plugins also sorgfältig aus!
Wenn ich auf dieser Seite Google Analytics einbinde habe ich nur noch einen 99/100 Score. Google hat die Ablaufzeit des Caching der Datei zu niedrig eingestellt und bemängelt es bei der Ladezeit-Abfrage. Probiere es mal aus – Google wird dir Punkte abziehen und empfehlen die Ablaufzeit des Caching für seine eigene Datei zu erhöhen. Ziemlich dumm oder?[/vc_column_text][vc_column_text css=“.vc_custom_1514889070687{padding-bottom: 35px !important;}“]
Lösung für Google Analytics
Benutzen Sie eine abgespeckte Version des Scripts von Google Analytics namens Ga-Lite. Dieses Script wurde für Page-Speed und optimales Browser-Caching entwickelt und optimiert. Es funktioniert sehr gut und lädt schneller als das originale von Google.
Der Code für Ga-Lite
Der Nebeneffekt:
Die Absprung-Rate kann nicht angepasst und Links können nicht getrackt werden. Dafür erhalten Sie den fehlenden Punkt! Also ich kann damit leben…[/vc_column_text][vc_column_text css=“.vc_custom_1514889142770{padding-bottom: 35px !important;}“]
Tipp für Plesk-Nutzer
Wenn Sie die aktuellste Version von Plesk auf deinem Server installiert haben, können Sie sich die Erweiterung Google mod_Pagespeed kostenlos installieren. Diese hat auf einer Testseite eine sofortige Steigerung von über 40 Punkten und eine deutliche Senkung der Ladezeiten ausgemacht![/vc_column_text][us_separator][vc_column_text]PS: Ja ich weiß, die google Pagespeed Punkte sind nicht alles, nicht jede Seite lässt sich auf 100 Punkte bringen und ein wichtiger Rankingfaktor ist es auch nicht mehr. Allerdings sollte der Besucher Ihrer Seite IMMER im Vordergrund stehen und dieser besucht lieber eine schnelle, als eine endlos langsame Seite![/vc_column_text][/vc_column][/vc_row][vc_row bg_type=“bg_color“ bg_override=“full“ css=“.vc_custom_1518537180793{margin-top: 35px !important;padding-top: 35px !important;padding-bottom: 35px !important;}“ bg_color_value=“#fcfcfc“ el_id=“anfrage“][vc_column][us_iconbox color=“custom“ icon_color=“#eeee22″ bg_color=““ size=“70px“][/us_iconbox][vc_column_text]
Ihre Seite ist langsam und die Besucher springen ab?
Ich optimiere die Ladegeschwindigkeit Ihrer Webseite!
Mit Hilfe von Google Pagespeed Insights oder GT Metrix lässt sich überprüfen welche Maßnahmen zu ergreifen sind um eine bessere Ladegeschwindigkeit zu erreichen und dem Benutzer somit eine Pfeilschnelle Seite auszuliefern.
Grobe Vorgehensweise
– Sie stellen mir Ihre Zugangsdaten bereit
– Ich erstelle Screenshots vom aktuellen Stand laut Pagespeed-Insights
– Vorschläge von diversen Tools werden abgearbeitet, sofern möglich
– Tatsächliche Ladegeschwindigkeit mit weiteren Tools testen
– ggf. vorgeschlagene Änderungen von Google rückgängig machen, da nicht alles was Google vorschlägt die tatsächliche Ladegeschwindigkeit optimiert
– Kein Einsatz von irgendwelchen Caching oder Optimierungsplugins! Wenn Sie auf einen hohen Google-Pagespeed-Score aus sind, dann installiere und konfiguriere ich Ihnen gerne Wp-Rocket.
Das End-Ergebnis ist abhängig von vielen verschiedenen Faktoren
– Art und Anzahl installierter Plugins
– verwendetes Themes
– eingebundene externe Scripte (Facebookpixel, Google Tag Manager und Co.)
– Serveranbindung
– und mehr![/vc_column_text][/vc_column][/vc_row][vc_row color_scheme=“secondary“ us_bg_image=“1193″ us_bg_repeat=“no-repeat“ us_bg_parallax=“vertical“ us_bg_overlay_color=“rgba(255,255,255,0.69)“ el_id=“clients“ css=“.vc_custom_1518537696122{padding-top: 60px !important;padding-bottom: 60px !important;}“][vc_column animate=“afb“][vc_column_text css_animation=“bottom-to-top“ css=“.vc_custom_1516200115587{padding-top: 60px !important;}“]
Kunden-Meinungen
[/vc_column_text][us_separator type=“invisible“ size=“large“][vc_column_inner width=“1/2″][/vc_column_inner][us_testimonials type=“carousel“ columns=“3″ orderby=“rand“ categories=“pagespeed-optimierung“ style=“6″ carousel_arrows=“1″ ids=““][us_separator type=“invisible“][/vc_column][/vc_row][vc_row el_id=“pricing“][vc_column][vc_column_text css=“.vc_custom_1516198251779{padding-top: 50px !important;}“][/vc_column_text][ult_buttons btn_title=“Buchen Sie mich!“ btn_link=“url:%2F%23contact|||“ btn_align=“ubtn-center“ btn_title_color=“#ffffff“ btn_bg_color=“#dd3333″ icon_size=“32″ btn_icon_pos=“ubtn-sep-icon-at-left“ css_adv_btn=“.vc_custom_1514889254802{padding-top: 25px !important;}“][/vc_column][/vc_row]