Zuletzt aktualisiert: 7. Juli 2024
# So starten Sie mit dem Transloadit Smart CDN
**Joseph Grabski**
Content-Leiter · Rochester, Vereinigtes Königreich · Bio anzeigen
[](https://x.com/joe%5Fgrabski)[](https://github.com/Missing-Tech)
CDNs sind zu einem entscheidenden Bestandteil der Auslieferung von Inhalten im Internet geworden. Ebenso sind Dateitransformationen und Transcoding notwendige Bestandteile der Content-Pipeline, um Kosten zu senken. In diesem Blogbeitrag erfahren Sie, wie Sie das Beste aus beiden Welten in einer einzigen, einheitlichen Plattform für Content-Auslieferung und Dateitransformation vereinen können, und zwar mit dem [Transloadit Smart CDN](/de/services/content-delivery.md) (TLCDN).
## Was ist ein CDN?
Ein CDN (Content Delivery Network) ist ein weltweit verteiltes Netzwerk von Servern, die zusammenarbeiten, um Inhalte schnell und effizient an Nutzer auszuliefern. Durch das Zwischenspeichern von Inhaltskopien auf Servern, die sich geografisch näher am Nutzer befinden, tragen CDNs dazu bei, die Latenz zu reduzieren und die Website-Performance zu verbessern, insbesondere für Nutzer, die weit vom Ursprungsserver entfernt sind.
## Was ist ein Smart CDN?
Ein Smart CDN ermöglicht Dateitransformationen als Teil des Auslieferungsprozesses. So werden Ihre Inhalte nicht nur dargestellt, sondern auch in Echtzeit transformiert. Das Transloadit Smart CDN (TLCDN) beispielsweise wurde entwickelt, um sich nahtlos in die bestehende Transcoding-API von Transloadit zu integrieren, und bietet eine umfassende Lösung für die Auslieferung und Transformation von Inhalten an Nutzer auf der ganzen Welt. Diese Integration ermöglicht die dynamische Größenänderung von Bildern, Videotranscoding und andere Dateitransformationen, ohne dass eine Vorverarbeitung oder Speicherung mehrerer Versionen jedes Assets erforderlich ist.
## Warum sollte ich ein CDN verwenden?
CDNs liefern heutzutage den Großteil der Online-Inhalte aus, und das aus gutem Grund! CDNs bieten Ihnen und Ihren Kunden zahlreiche Vorteile, darunter:
1. **Verbesserte Performance**: CDNs speichern Inhalte näher an den Nutzern zwischen und verkürzen so die Ladezeit von Inhalten.
2. **Skalierbarkeit**: CDNs können hohe Traffic-Volumina bewältigen, ohne die Website-Performance zu beeinträchtigen.
3. **Reduzierte Bandbreitenkosten**: Durch cleveres Caching ermöglichen CDNs, die Menge an Daten zu reduzieren, die gesendet und transkodiert werden müssen, wodurch Ihre Bandbreitenkosten sinken.
4. **Globale Reichweite**: CDNs verfügen über weltweit verteilte Server und gewährleisten so eine schnelle Auslieferung von Inhalten, unabhängig vom geografischen Standort der Nutzer.
5. **Zuverlässigkeit**: CDNs bieten Redundanz- und Failover-Mechanismen, sodass Inhalte auch bei Serverausfällen weiterhin zugänglich bleiben.
## Warum sollte ich ein Smart CDN verwenden wollen?
Zusätzlich zu den fünf oben genannten Vorteilen eines CDNs ermöglicht Ihnen das Transloadit Smart CDN:
1. **Echtzeit-Transformationen durchzuführen**: Mit dem TLCDN können Sie Dateitransformationen in Echtzeit durchführen, ohne auf lange Encoding-Zeiten warten zu müssen.
2. **Parameter dynamisch anzupassen**: Ändern Sie Transformationseinstellungen direkt über die URL und experimentieren Sie schnell mit unterschiedlichen Darstellungen, ohne ständig zum Template Editor wechseln zu müssen.
3. **Transformationsergebnisse zu cachen**: Sparen Sie sich die Kosten wiederholter Transformationen, da das TLCDN die Ergebnisse von Transformationen automatisch zwischenspeichert. Wird dieselbe Transformation erneut angefragt, kann die zuvor erzeugte Ressource ausgeliefert werden.
## Wie funktioniert das TLCDN?
Zwei Robots arbeiten Hand in Hand, um Inhalte auszuliefern und bereitzustellen: [/file/serve](/de/docs/robots/file-serve.md) und[/tlcdn/deliver](/de/docs/robots/tlcdn-deliver.md).
Der Robot [/file/serve](/de/docs/robots/file-serve.md) wird in den Assembly Instructions eingebunden, sodass Sie festlegen können, aus welchen Steps Sie Ergebnisse ausliefern möchten. Er sorgt dafür, dass die von unserer leistungsstarken Konvertierungs-API erzeugten Medien als Antwort auf die HTTP-Anfrage zurückgegeben werden.
Zwar könnte diese Antwort direkt an den Browser des Nutzers zurückgegeben werden, doch das würde bei jeder Anfrage eine neue Konvertierung bedeuten, was für stark frequentierte Websites ineffizient und kostspielig wird.
Um diesen Prozess zu optimieren, platzieren wir ein CDN zwischen dem Browser und demRobot [/file/serve](/de/docs/robots/file-serve.md). Dadurch kann ein Encoding-Ergebnis zwischengespeichert und mehrfach an verschiedene Nutzer ausgeliefert werden, was den Prozess nicht nur schneller, sondern auch deutlich kosteneffizienter macht.
Transloadit übernimmt diesen gesamten Prozess transparent für Sie mit demRobot [/tlcdn/deliver](/de/docs/robots/tlcdn-deliver.md). DieserRobot wird implizit verwendet, wenn Anfragen an`tlcdn.com` gestellt werden. Er stellt die CDN-Schicht bereit, betreibt sie, erfasst die Nutzung und erscheint auf Ihrer Rechnung für die aus dem Cache an Ihre Endnutzer ausgelieferte Bandbreite. Diese nahtlose Integration sorgt für optimale Performance und Kosteneffizienz für Ihre Anforderungen an die Content-Auslieferung.
## Wie verwende ich das TLCDN?
Um mit der Auslieferung von Inhalten über das TLCDN zu beginnen, müssen Sie zunächst einTemplate erstellen, das die gewünschten Transformationen definiert. Navigieren Sie zur [Transloadit Console](/c/) und erstellen Sie ein neues Template mit einem einprägsamen Namen. Fügen Sie dann die folgenden Assembly Instructions hinzu:
```json
{
"steps": {
"imported": {
"robot": "/s3/import",
"credentials": "my-s3-credentials",
"path": "/images/${fields.input}"
},
"resized": {
"use": "imported",
"robot": "/image/resize",
"width": "${fields.w}"
},
"served": {
"use": "resized",
"robot": "/file/serve"
}
}
}
```
In diesen Assembly Instructions definieren wir zwei Felder:`input` und `w`. Mit diesen Feldern können Sie Parameter pro URL festlegen und so dasselbe Template auf unterschiedliche Weise nutzen. Wichtig ist, dass `input` ein spezieller, impliziter Parameter ist: Sein Wert wird nicht durch einen Query-Parameter definiert, sondern durch das Ziel der URL. Der Parameter `w` hingegen dient dazu, die gewünschte Breite des skalierten Bildes anzugeben.
Um das Template jetzt zu verwenden, müssen wir eine URL nach dem folgenden Format erstellen.
```plaintext
https://WORKSPACE_NAME.tlcdn.com/TEMPLATE_NAME/FIELDS.INPUT?EXTRA_FIELDS
```
Die URL kann optional um einen modernen `exp`-Zeitstempel und eine`sig`-Signatur erweitert werden, um zu verhindern, dass Außenstehende die URL und ihre Parameter manipulieren. Dies ist das empfohlene Format für neue Integrationen. Ältere`s`-Signaturen sind veraltet. Weitere Details zur korrekten Erzeugung einer gehashten Signatur finden Sie in [unserer ausführlichen Anleitung](/de/docs/api/authentication.md#smart-cdn).
Dieses Ablaufdatum bildet zugleich das praktische Cache-Fenster für signierte Ergebnisse. Kürzere Gültigkeitsdauern verringern die Zeit, in der eine signierte URL wiederverwendet werden kann, reduzieren aber auch die Cache-Wiederverwendung und können das Encoding-Volumen sowie die Latenz erhöhen. Längere Gültigkeitsdauern verbessern die Cache-Wiederverwendung und senken die Kosten, halten die URL jedoch länger gültig.
Um die Inhalte in Ihre Website einzubinden, fügen Sie sie einfach als Teil eines Bild-Tags ein. Hier ein Beispiel, das das TLCDN verwendet, um ein Bild auszuliefern und in der Größe zu ändern:
```html
```
In diesem Beispiel ist `my-app` Ihr Workspace-Name, `resize-img`der Name Ihres Templates und `canoe.jpg` die Eingabedatei. Der Query-Parameter `w=730` gibt die gewünschte Breite für das skalierte Bild an. Der Inhalt sollte auf Ihrer Website erscheinen, und Sie können die Breite des Bildes programmatisch ändern, während das Seitenverhältnis erhalten bleibt. Um die Infrastruktur müssen Sie sich dabei nicht kümmern, denn Transloadit übernimmt das für Sie und spart Ihnen wertvolle Entwicklungszeit.
Sie können TLCDN-Dateitransformationen in der folgenden Demo ausprobieren, indem Sie einfach den Breitenwert über den Regler ändern. Stellen Sie den Regler anschließend zweimal auf denselben Breitenwert und beobachten Sie, wie eine zwischengespeicherte Version der Datei innerhalb weniger Millisekunden abgerufen wird. Da die Transformation bereits einmal durchgeführt wurde, vermeidet unser CDN zusätzliche Kosten und liefert stattdessen einfach die zwischengespeicherte Kopie aus – das spart Ihnen Geld und liefert die Inhalte schneller aus.
my-app.tlcdn.com/resize-img/canoe.jpg?w=325
Bildbreite anpassen (aktuell 325 px)
Transformiert & abgerufen in 1 ms
Um das TLCDN noch heute in Ihr Produkt zu integrieren, [registrieren Sie sich für einen Transloadit-Tarif](/de/pricing.md), da das TLCDN derzeit ausschließlich für kostenpflichtige Tarife verfügbar ist.
[#content-delivery](/de/blog/tags/content-delivery.md)[#file-serve-robot](/de/blog/tags/file-serve-robot.md)[#tlcdn-deliver-robot](/de/blog/tags/tlcdn-deliver-robot.md)[#smart-cdn](/de/blog/tags/smart-cdn.md)[#tlcdn](/de/blog/tags/tlcdn.md)
### 👩💻 Werden Sie Teil einer Community mit 20k+ Entwicklern
Abonnieren Sie unseren [monatlichen Newsletter EN (English)](/newsletters.md) und erhalten Sie direkte Links zu 3 exklusiven Tech-Beiträgen und 2 Produkt-Updates. Nicht mehr und nicht weniger.
Ihre E-Mail:
Zugang erhalten
## Datei-Uploads und Encoding leicht gemacht.
Transloadit vereinfacht das Dateihandling für Entwickler; Marken wie Coursera und The New York Times vertrauen auf die Plattform. Wir stehen für eine zuverlässige API, erstklassigen Support und ein starkes Engagement für Open Source; Projekte wie [Uppy](https://uppy.io) und [tus](https://tus.io) setzen Standards in der Dateiverarbeitung.
[Registrieren](/c/)[Demo buchen](https://survey.typeform.com/to/kRg47Xi5)
Keine Kreditkarte erforderlich
Jederzeit kündbar