Brandfolder beschleunigt mithilfe von Fastly über 50.000 Weberlebnisse weltweit und macht sie effizienter

Eines der wichtigsten Features von Brandfolder für die schnelle Verbreitung von Inhalten ist Smart CDN. Diese Funktion ermöglicht es Nutzern, Inhaltsänderungen auf ihren Websites in Echtzeit umzusetzen, Dateiformate im laufenden Betrieb zu konvertieren und Nutzungsrechte für Assets automatisch zu verwalten. Fastly liefert das Backbone für diesen Service, indem es Inhalte zuverlässig und schnell bereitstellt und bereinigt.

Ursprünglich transformierte Brandfolder seine Bilder mit großem Aufwand selbst: Bei der Zusammenführung von Daten aus unterschiedlichen Quellen (Data Ingestion) versuchte man, die Größe der benötigten Bilder vorauszuberechnen, und erstellte verschiedene Versionen. Eine solche Vorgehensweise kann zwar zu kürzeren Antwortzeiten führen, verlängert aber die Dauer der Datenzusammenführung, sodass Kunden während der Wartezeit auf ihr Bild oft ungeduldig auf den Aktualisierungsbutton klicken.

Image Optimizer unterstützt Echtzeit-Asset-Management und senkt gleichzeitig die Kosten

Die Auslagerung der Bildbearbeitung auf die Edge-Cloud-Plattform von Fastly verhindert Verzögerungen bei der Data Ingestion, indem die Bilder stattdessen ganz nach Bedarf konvertiert werden. Jetzt können 95 % der JPEGs und PNGs in weniger als 5 Sekunden bearbeitet werden – einschließlich vollständiger Bildoptimierung, Größen-Overlays und Erstellung von Miniaturansichten. Praktisch bedeutet dies, dass Fotografen aus Live-Events Bilder hochladen und sie den Kunden zeitnah bereitstellen können. Mit Smart CDN von Brandfolder können Nutzer diese Bilder sofort über die Bildoptimierungs-API von Fastly bearbeiten. Neben reduzierten Latenzzeiten sorgt die Umstellung der Bildbearbeitung auf Fastly für Brandfolder auch für erhebliches Einsparungspotenzial bei den Speicherkosten.

„Unsere Kunden legen Wert auf Geschwindigkeit – von der Aufnahme der Bilder bis zu ihrer Verteilung an die Nutzer. Die Verwendung von [Image Optimizer] hat sich als großartige Möglichkeit erwiesen, die Data Ingestion deutlich zu verkürzen.“
Brett Nekolny, Director of Engineering

Bereinigung sorgt für mehr Effizienz, Abschirmung für niedrigere Kosten

Ein wichtiges Feature von Brandfolder, das eine einfachere Verwaltung von Inhalten ermöglicht, ist das Hinzufügen von Wasserzeichen, die digitale Inhalte vor Kopien oder unsachgemäßer Verwendung schützen. Bevor Image Optimizer von Fastly zum Einsatz kam, wurde jedes Bild von Brandfolder einzeln mit einem Wasserzeichen versehen und gespeichert, bis es bereitgestellt werden musste. Die Wasserzeichen werden jetzt nach Bedarf generiert. Ein Kunde kann ein neues Wasserzeichen hochladen, Änderungen auf alle oder eine beliebige Teilmenge seiner Assets anwenden und diese sofort sehen. Dieses Feature hängt auch mit dem Surrogate Key Purging von Fastly zusammen, mit dem Brandfolder bestimmte Sammlungen bereinigen und die aktualisierten Inhalte sofort auf mehrere Server verteilen kann. So kann das Unternehmen gewährleisten, dass jederzeit die neueste Version ordnungsgemäß bereitgestellt wird.

Die Integration mit Datadog sorgt dafür, dass Brandfolder bei der Weiterentwicklung seiner Architektur weiterhin Daten von Fastly nutzen kann, um eine bessere Transparenz der Metriken und eine effiziente Nutzung der Abschirmung zu erreichen. Brandfolder verwendet sowohl Google Cloud als auch AWS, sodass die Optimierung der Abschirmung je nach Distanz zu den Buckets die Performance verbessert und die Kosten niedrig hält. Und dank der Partnerschaft zwischen Fastly und Google erhält das Unternehmen für den über Google Cloud gerouteten Traffic 50 % Rabatt auf die Egress-Kosten – ein Vorteil, von dem Brandfolder gerne profitiert.

„Bei Fastly geht es letztlich um die Skalierung. Unseren Kunden die Möglichkeit zu geben, Inhalte in Echtzeit auf der Edge zu bearbeiten, ist ein echter Mehrwert. Fastly hat uns in dieser Hinsicht enorme Effizienzgewinne eingebracht.“
Brett Nekolny, Director of Engineering

Entwicklungstools beschleunigen die Problemlösung

Entwickler von Brandfolder bringen ständig Aktualisierungen und neue Features auf den Markt. Die Entwicklertools und -Integrationen von Fastly machen ihnen dabei das Leben leichter. Beispielsweise werden alle neuen Brandfolder Services automatisch über Terraform abgewickelt. So können Developer Änderungen zunächst in einer Staging-Umgebung bereitstellen, testen, ob alles wie erwartet funktioniert, und die entsprechenden Änderungen anschließend konsequent auf die Produktivumgebung übertragen.

„Dank des Terraform Anbieters von Fastly können wir Rollouts ausgesprochen konsequent durchführen, Änderungen im Staging testen und sicherstellen, dass diese in der Produktivumgebung konsequent umgesetzt werden. Darauf ist wirklich Verlass.“
Brett Nekolny, Director of Engineering

Die Entwicklertools von Fastly inspirierten Brandfolder auch zu einer Lösung, die rege Nachfrage genießt. Das Unternehmen wollte die Erstellung von Thumbnails für alle Assets in seinem System umgestalten, um Nutzern eine intuitive visuelle Möglichkeit zu geben, Inhalte zu finden oder zu strukturieren. Genau wie bei den anderen Inhalten war auch hier der Aufwand groß, was zu Engpässen und Hindernissen bei der Skalierung führte.

Die Neugestaltung der Architektur des Thumbnail-Service erwies sich als umfangreicher als erwartet. Brandfolder nutzte Fastly Fiddle – ein Tool, mit dem sich Code direkt auf der Fastly Plattform testen lässt, ohne einen Server einrichten zu müssen oder Auswirkungen auf die Produktivumgebung zu haben – um potenziellen Problemen in einer kontrollierten Umgebung auf den Grund zu gehen. Das Unternehmen testete mit Fastly Fiddle die Performance potenzieller Lösungen und probierte fertige Lösungen aus der Fastly Bibliothek mit vorgefertigten Codebeispielen zum Ausschneiden, Einfügen und Anpassen aus. Das Ergebnis ist eine schlanke Lösung, die Nutzern jede Menge Zeit spart.

„Fastly Fiddle war äußerst wertvoll für den Proof of Concept von Ideen und Überlegungen im Designprozess. Darüber hinaus boten uns die Codebeispiele von Fastly eine Grundlage für Preflight-Muster, die einen zwischengeschalteten Service völlig unnötig machten. So konnten wir mehrere Schritte einsparen und hatten dennoch die volle Kontrolle auf der Edge. Ein echter Vorteil!“
Brett Nekolny, Director of Engineering

Bessere Performance auf der Edge

Brandfolder baut bei der Optimierung des Nutzererlebnisses im Rahmen des Rollout seiner nächsten Version von Smart CDN zunehmend auf Fastly. Stew Blandford, Principal Engineer bei Brandfolder, fasst die Erfahrungen mit Fastly so zusammen: „Fastly ist eine fantastische Ressource, die uns so einiges erleichtert, egal ob wir ein kompliziertes Problem haben, komischen VCL Code geschrieben haben oder etwas nicht wie erwartet funktioniert. Wir überlegen noch, wie wir einige unserer derzeitigen Funktionen durch Fastly ersetzen können.”

„Fastly hat uns großartig untergestützt, angefangen bei den vorgefertigten Codebeispielen für Entwicklertools über die Dokumentation bis hin zu den Entwicklern selbst. Man hat sich viel Zeit genommen, um uns in Problemsituationen kompetent zur Seite zu stehen, damit wir nicht unnötig Zeit verlieren würden.“
Stew Blandford, Principal Engineer