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

Share

Comments

  1. 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ß 😀

  2. Toll ! Wieder was gelernt. Danke Jonas !

Comments are closed.