Technik vom Feinsten

Deine Investition ist gesichert - pfeilschnelle Website die mit Dir mitwächst!

Die Grundlage hast Du mit diesem "Sportwagen" geschaffen. Darauf weiter aufbauen ist leicht.

Zeig Deinem Kunden wie schnell und modern Du bist!

Logo beammeup.today Online-Marketing

Warum ist es wichtig, bei Websites eine moderne und schnelle Technik zu verwenden?

Zum einen um Deine Investition in die Website für die nächsten Jahre zu sichern. Investierst Du in alte Technologie, musst Du diese schneller erneuern.
Zum anderen ist Geschwindigkeit ein Ranking-Faktor, den Du mit moderner Technik erreichen kannst.
Für mehr Details ein interessanter Artikel von Sistrix zu Google PageSpeed: Die Ladezeit einer Website

Warum wir schnelle Websites haben

Lighthouse Audit mit voller Punktzahl und Feuerwerk

  • Weil wir die neueste Technologie Next.js verwenden. Damit wird z.B. automatisch nur der Code ausgeliefert, der gebraucht wird. Bei älteren Technologien werden oft 80% des Codes nicht verwendet und unnütz vom Webserver verschickt. Das spart Ressourcen.
  • Wir verwenden schnelle und skalierbare Webserver.
  • Seit 2021 fließt die Geschwindigkeit der Website in das Google Ranking ein. Deshalb sind bei uns diese Performance-Werte im grünen Bereich.

Auf was muss ich bei der Auswahl des Anbieters oder der Technik achten?

Falls Du gerade in der Auswahlphase bist und mehrere Angebote vorliegen hast, lass Dir Beispielseiten geben, die Deiner neuen Website am nächsten kommen werden. Dann prüfst Du die wichtigsten Punkte mit Lighthouse Metrics.

  • Performance
  • Best Practice
  • Accessibilty
  • SEO (Suchmaschinen-Optimierung)

Lighthouse Metrics zeigt Dir vier Kategorien, die alle im grünen Bereich sein sollten. Es überprüft die Website und berechnet mit Durchschnittswerten, wie Kunden Deine Website sehen.

Anbei ein paar Beispiele, welche Fehler Google bei der Überprüfung findet:

Performance

Es wird gemessen, wie lange die Webseite braucht, bis der Leser damit interagieren kann. 10.0 s um das größte Element (Bild oder Text) zu laden, macht den Leser unglücklich. Google hat bei Studien herausgefunden, dass eine Wartezeit von länger als drei Sekunden Aggressionen beim User wie in einem Horrorfilm hervorrufen. Wir wollen die User glücklich machen! Hier muss aufgeräumt werden.
Performance Überprüfung im lighthouse-metrics tool

Accessibility

Lighthouse Audit Accessibility

Background and foreground colors do not have a sufficient contrast ratio.
Passt der Kontrast nicht, sollte das Design farblich angepasst werden, sodass auch alle Benutzer die Website lesen können.

Heading elements are not in a sequentially-descending order Die Überschriften müssen in der richtigen Reihenfolge sein. Anbei ein Beispiel, wie es oft aussieht:
Überschriften-in-falscher-Reihenfolge.png

Best Practices

Lighthouse Audit Best Practices

Does not use HTTPS
Ein "no go" ist, kein https zu verwenden. Auf fast jeder Website ist ein Formular für eine Kontaktanfrage. Diese Daten müssen verschlüsselt übergeben werden, um rechtlich auf dem richtigen Pfad zu sein und um seine Kunden zu schützen. Die Website sieht auch nicht vertrauensvoll aus, da z.B. der Chrome Browser direkt darauf hinweist. Website ohne https

Links to cross-origin destinations are unsafe
Ein Sicherheitsproblem, das leicht gefixt werden kann. Es könnte eine schädliche Website die angefragte Website zu sich umleiten und Schaden verursachen.

Includes front-end JavaScript libraries with known security vulnerabilities
Hier werden Skripte von Drittanbietern verwendet, die Sicherheitslücken aufweisen.

Browser errors were logged to the console
Eine Website sollte keine Fehler erzeugen!

SEO

Lighthouse Audit SEO
Hier wurden die Hausaufgaben gemacht, alle Überprüfungen wurden bestanden.

PWA

Falls eine "Progressive Web App" beauftragt wurde, müssen die Audits bestanden werden.