#009 - Schnellere Webseiten dank optimiertem JavaScript
Manage episode 332823963 series 3273394
内容由Daniel Flege提供。所有播客内容(包括剧集、图形和播客描述)均由 Daniel Flege 或其播客平台合作伙伴直接上传和提供。如果您认为有人在未经您许可的情况下使用您的受版权保护的作品,您可以按照此处概述的流程进行操作https://zh.player.fm/legal。
Mit JavaScript bringst Du Interaktivität in Deine Website. Egal ob Kontaktformulare, Kalender oder Produktfilter: Zahlreiche Bestandteile moderner Webseiten bauen auf JavaScript. Der Nachteil ist jedoch, dass die Ausführung von JavaScript die Ladezeiten Deiner Seite massiv beeinflussen kann. In dieser Folge verraten wir Dir, warum das so ist und wie Du die Ausführungszeit von JavaScript reduzieren kannst, um Deinen Pagespeed zu steigern.
So verbessert Du die JS Bootup Time
So verbessert Du die JS Bootup Time
Komprimierung von JavaScript-Dateien
- JSCompress: https://jscompress.com/
- Google Closure Compiler: https://developers.google.com/closure/compiler/
- UglifyJS: http://lisperator.net/uglifyjs/
npm install uglify-js uglifyjs [input files] [options]
Cachen von JavaScript-Dateien
- WP Super Cache - Wordpress Plugin: https://de.wordpress.org/plugins/wp-super-cache/
- WP Rocket - Wordpress Plugin: https://wp-rocket.me/
Über Speedrank
- Speedrank Blog: https://blog.speedrank.app
- Web Performance Tool: https://speedrank.app
- Twitter (EN): https://twitter.com/speedrankapp
- Twitter (DE): https://twitter.com/speedrankappDE
- Facebook: https://facebook.com/speedrankapp
章节
1. Intro & Vorstellung (00:00:05)
2. Was bringt JavaScript für Deine Webseite? (00:01:46)
3. Was sind Netzwerkkosten? (00:03:15)
4. Was sind Kompilierungskosten? (00:03:27)
5. Was sind Ausführungskosten? (00:03:57)
6. Was sind Speicherkosten? (00:04:25)
7. Send nur notwendiges JavaScript (00:05:02)
8. Minimiere Deinen JavaScript Code (00:05:34)
9. Komprimiere Deine JavaScript Dateien (00:05:59)
10. Lösche nicht mehr benötigtes JavaScript (00:07:31)
11. Cache Deine Dateien (00:08:11)
12. Verabschiedung & Outro (00:09:58)
11集单集