# Page Speed Analysis

## Quick wins
- Setze Responsive Images für große Hintegrund Bilder ein (wie beim E-Commerce Slider)
- implementiere `font-display: auto`
- 90 ressourcen ohne sinnvolle Caching Headers. Ggf. haben wir bei 3. Anbieter keinen Einfluss
- implement CDN
- implement image solution (cloudinary)

## Weitere Möglichkeiten (hoher Aufwand)
- Lade nur verwendetes CSS
- Lade nur verwendetes JavaScript (`attach_library`)

## Größter Zeitverlust
- Ads
- IVW
- Tracking
- Socials

## Zusammenfassung der Analyse
- [Mobile](https://developers.google.com/speed/pagespeed/insights/?hl=de&url=https%3A%2F%2Fwww.mein-schoener-garten.de%2F&tab=mobile)
- [Desktop](https://developers.google.com/speed/pagespeed/insights/?hl=de&url=https%3A%2F%2Fwww.mein-schoener-garten.de%2F&tab=desktop)

## Fazit
MSG verliert viel Zeit beim laden externer Ressourcen (JavaScript & CSS). Die meisten Optimierungsmöglichkeiten wurden bereits umgesetzt, es bleiben nur noch 3rd Party Scripts die von Ads und Ähnlichen rein kommen.

Ansonsten gibt es alternativ die Mögklichkeit das Frontend im Core komplett zu überarbeiten, jQuery und weitere Libraries zu entfernen, da sie nicht mehr Zeitgemäß sind.

## Mobile Analyse:

## Desktop Analyse: