Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Performance 1x1

Performance 1x1

Jessica Lyschik

July 01, 2020
Tweet

More Decks by Jessica Lyschik

Other Decks in Technology

Transcript

  1. PageSpeed Insights Von Google. Zeigt im Ampelsystem einen Score an.

    Unterscheidet zwischen Mobil und Desktop. Detaillierte Testergebnisse nur in Textform.
  2. WebPage Test Technisch sehr detailliert und tiefgehend. Viele Zahlen und

    Charts, das es auf den ersten Moment recht unübersicht- lich macht.
  3. Das wichtigste Tool: Erfahrung in der Web- Entwicklung. Ohne wird

    die Interpretation der Test-Ergebnisse schwierig.
  4. Hosting • Das Hosting muss zum Projekt passen • Nicht

    am falschen Ende sparen zu geizig sein beim Preis • Wächst das Projekt, muss auch das Hosting mitwachsen • Wie aktuell ist die PHP-Version, die gewählt werden kann?
  5. WordPress • Nach Möglichkeit die aktuellste Hauptversion installieren • Mindestens

    aber das letzte Sicherheitsupdate • Auf Live-Seiten: WP_DEBUG abschalten
  6. Themes • "Multi-Purpose-Themes" sind oft schwergewichtig • Spezialisierte/auf Performance ausgerichtete

    Themes wählen • Einfache, kostenfreie Themes: WordPress Theme Repository • Individuelle Theme-Anbieter • Zum Jahresende wird es spannend mit Full Site Editing und Block-Based Themes
  7. Plugins • Grundsätzlich: so viele wie nötig, so wenig wie

    möglich • Mythos: "nicht mehr als X Plugins" - ist Bullshit • Auf die Qualität der Plugins kommt es an • Erste Anlaufstelle: WordPress Plugin Repository • Kostenpflichtige Plugins: gibt es kostenlose Varianten?
  8. Externe Ressourcen • Je weniger, desto besser! • Jede Anfrage

    an einen anderen Server kostet Zeit. • Google Fonts, Google Maps, Ads, Instagram-Bilder... • CDN: macht für die meisten Websites keinen Sinn • Jetpack: besser Finger weg, nicht nur aus Performance- Gründen
  9. Bilder • Vor dem Hochladen entsprechend bearbeiten: so klein wie

    möglich, so groß wie nötig exportieren • Weitere Komprimierung durch Bildoptimierungs-Plugins in WP • Richtige Auswahl der Bildgröße beim Einfügen beachten
  10. Inhalte • Startseite sollte nicht zu viele Elemente enthalten •

    Passende Unterseiten gestalten: z. B. Bilder-Galerien • Verzicht auf Slider und unnötige Elemente wie Animationen • Kein Autoplay von Audio oder Video
  11. Es gibt die unterschiedlichsten Ansatz- Punkte für die Performance-Optimierung. Niemals

    nur nach Top-Werten in den Test- Tools optimieren für "schöne Zahlen". Jede Website ist anders und nicht automatisch schlecht, wenn ein Wert nicht "perfekt" ist. Fazit