Leistung ist für alle Arten von Websites wichtig

Performance matters for all kinds of websites

Wie können Sie die Leistung optimieren und ein Google-Entwickler-Tool-Ninja werden?

Es gibt drei Säulen der Leistung

1. Netzwerk
2. Rendering
3. Berechnen

Wie können Sie die Nutzung von Funkgeräten mit voller Leistung minimieren?

1. Prefetch und Cache-Daten
2. Eliminierung periodischer Übertragungen wie Polling
3. Stapeln Sie Ihre Anfragen

Minimierung der Netzwerklatenz

1. Vermeiden Sie Weiterleitungen (verwenden Sie wenn möglich 301-Weiterleitungen)
2. Minimieren oder eliminieren Sie Rendering-blockierende Ressourcen (Stylesheet, Schriftarten, Bilder unbekannter Größe)
3. Vermeiden Sie das Blockieren beim Herunterladen von Javascript (verwenden Sie async oder defer, wenn möglich)
4. Priorisieren Sie den sichtbaren Inhalt!

Welche Probleme verursachen Speicherbeschränkungen?

1. Ihnen wird häufiger der Speicher ausgehen
2. Der Garbage Collector wird häufiger laufen
3. Bei niedrigem Speicherstand wird die Batterie entladen

Wie können wir die Garbage Collection minimieren?

1. Verwenden Sie weniger Speicherplatz!
2. Minimieren Sie die dynamische Objektzuweisung
3. Implementieren Sie Ihre eigene Speicherverwaltung
4. Testen Sie sorgfältig auf Lecks

Helfen Sie der Müllabfuhr!

1. Geeigneten Anwendungsbereich verwenden
2. Entbinden Sie Ereignis-Listener
3. Bereinigen Sie alle Daten-Caches

Welche API sollten Sie für die Animation verwenden?

1. Animationsrahmen anfordern

window.requestAnimationFrame(function);

1. Kombiniert Reflow/Repaint in einem Zyklus
2. Sperrt visuelle Aktualisierungen zur Bildschirmaktualisierung
3. Arbeitet nicht, wenn die Registerkarte nicht sichtbar ist