So schnell lädt eine Webflow Website – Google Pagespeed optimieren
Allgemeine Tipps, wenn dir bei deiner Webflow Website eine schnelle Ladezeit und der Google Pagespeed wichtig ist. Zum ausführlichen Beitrag mit noch mehr Empfehlungen geht es hier: https://webflow-lernen.de/blog/so-schnell-ladt-eine-webflow-website-google-pagespeed-optimieren
👉 20% auf dein Relume Library Abo mit dem Code: JONAS20
https://jonasarleth.com/relume *
Ergebnis anschauen:
https://google-page-speed-test.webflow.io/
Im Webflow Designer öffnen:
https://preview.webflow.com/preview/google-page-speed-test?utm_medium=preview_link&utm_source=designer&utm_content=google-page-speed-test&preview=185de7defe9615ba6b97aaccb0028506
———————————————
Meine Onlinekurse:
👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!):
https://bit.ly/webflow-online-kurs
👉 Webdesign Angebote mit drei Preisoptionen erstellen:
https://www.jonasarleth.com/produkt/webdesign-angebot-erstellen
———————————————
Über diesen Link Webflow kostenlos testen:
http://bit.ly/webflow-testen *
Webflow schnell und einfach lernen:
https://webflow-lernen.de/tutorials
———————————————
// TIMESTAMPS
00:00 – Intro
00:35 – Client First / Relume Library als Ausgangslage
01:11 – Google Pagespeed: Wie schnell lädt eine „leere” Webflow Website?
01:57 – Tipp 1: CSS und JavaScript Code minifizieren
02:19 – Tipp 2: Lazy Loading bei Bildern im sichtbaren Bereich deaktivieren
02:46 – Ausgangslage Mobile: 93 und Desktop: 100
02:58 – Eine standard Website aufbauen
03:50 – Tipp 3: Bilder im sichtbaren Bereich richtig einstellen
06:15 – Tipp 4: Bilder in modernen Formaten bereitstellen
06:58 – Tipp 5: Logos & kleine Grafieken dimensionieren
07:31 – SEO Einstellungen helfen dem Page Speed nicht
08:19 – Tipp 6: Problem große Netzwerk Nutzlast durch Background Videos lösen
10:57 – Tipp 7: CMS Bilder im WebP Format hochladen
11:11 – Info: webflow.io Subdomain Seiten haben schlechtere Ladegeschwindigkeit
11:55 – Externe Scripte werden oft heute erstmal durch den Cookie Banner blockiert
12:49 – End-Ergebnis: Mobile: 94 und Desktop: 100
#webflow #websitedesign #webdesign
———————————————
// PATREON
► Unterstütze meinen Kanal auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): http://bit.ly/patreon-seite
———————————————-
// MEIN WEBDESIGN UND FREELANCER BLOG
► https://jonasarleth.com/blog
———————————————-
// SOCIAL MEDIA
► Instagram: https://instagram.com/jonasarleth
► Dribbble: https://dribbble.com/jonasarleth
► LinkedIn: https://www.linkedin.com/in/jonasarleth
———————————————-
// MEIN WEB & DESIGN PODCAST
► iTunes: https://jonasarleth.com/itunes
► Spotify: https://jonasarleth.com/spotify
► Pocket Casts: https://jonasarleth.com/pocketcasts
► SoundCloud: https://jonasarleth.com/soundcloud
► Overcast: https://jonasarleth.com/overcast
► Stitcher: https://jonasarleth.com/stitcher
———————————————-
* Affiliate Links
seo grundlagen 2023
Recommended Posts
Comments
Comments are closed.
Sehr wichtiges und zukunftsorientiertes Thema 🙂 Google liebt schnelle Webseiten und diese ranken nach meiner Erfahrung wesentlich besser. Performance orientierte Webseiten mit Webflow in Kombination mit SEO machen einfach nur Spaß 😀
Toll ! Wieder was gelernt. Danke Jonas !