Hier ist eine interessante Mitschrift eines Vortrags von Mat Marquis, in dem er detailliert beschreibt, wie er die Bocoup-Website blitzschnell gemacht hat, insbesondere mit ausgefallenen Tricks zum Laden von Schriftarten und Performance-Tools, um diese Verbesserungen im Laufe der Zeit zu überwachen.
Obwohl mein Favorit …
Ben Maurer & Nate Schloss
…Der Reload-Button des Browsers existiert, damit der Benutzer eine aktualisierte Version der aktuellen Seite erhalten kann. Um dieses Ziel zu erreichen, validieren Browser beim Neuladen die Seite, die Sie gerade
Ire Aderinokun
Es gibt 6 Stufen des CRP –
- Aufbau des DOM-Baums
- Aufbau des CSSOM-Baums
- Ausführen von JavaScript
- Erstellen des Render-Baums
- Generieren des Layouts
- Malen
Ich stelle mir vor, wenn Sie sich wirklich mit Performance-Arbeit beschäftigen, werden Sie eine … wollen.
Zeit für ein weiteres Paar-Screencast! Diesmal habe ich Zach Leatherman von Filament Group dabei. Zach hat in den letzten Jahren viel Forschung, Schreiben und Sprechen über Webfont-Loading betrieben. Er hat einen umfassenden Leitfaden zu …
Sally Jenkinson
…Progressive Web Apps (manchmal auch als PWAs bezeichnet, weil alles in der Technik eine Abkürzung braucht) ist der Sammelbegriff für Websites, die einem bestimmten Ansatz folgen und bestimmte technische Kriterien erfüllen. Die „App“-Beteiligung im Namen ist keine
Ethan Marcotte, über zeit- und budgetbeschränkte Organisationen-Websites
…Aufgrund der Dringlichkeit ihrer Arbeit und der Größe ihrer Ressourcen können sie es sich nicht leisten, Monate mit einem vollständigen Redesign zu verbringen. Angesichts dessen, ein kostenloses Theme für zum Beispiel,
Scott Jehl erklärt eine der Performance-Verbesserungen, die er an der Filament Group-Website vorgenommen hat.
…Inlining ist ein messbar lohnenswerter Workaround, aber es ist immer noch ein Workaround. Glücklicherweise bringt die Server Push-Funktion von HTTP/2 die Performance-Vorteile von Inlining, ohne die Cache-Fähigkeit für
Vielleicht haben Sie vom WebP-Bildformat gehört? Und wie es für die Browser, die es unterstützen, einen ziemlich guten Leistungsgewinn bringt? Nun, das gilt im Moment nur für Blink-basierte Browser. Estelle Weyls Artikel Image Optimization erklärt die besten Bild...
Vitaly Friedmans Liste enthält einen Abschnitt „Quick Wins“ mit den Web-Performance-Dingen, die nicht ignoriert werden können. Wenn Sie keine Caching-Header für Assets setzen, Bilder optimieren und gzippen, lassen Sie einige riesige und einfache Performance-Gewinne auf dem Tisch liegen. …
