Flickr und das Image Plugin oder „Dees is sowieso blääd“

Datum: 21. September 2011
Autor*in: Bastian Schwarz

Gerade habe ich ein Problem für unser Kundenprojekt „Holsteinische Schweiz“ analysiert:

Im Keyvisual wurden bis zu 20 Flickr-Bilder geladen. Die URLs der Bilder wurden über die Flickr API geholt und dann durch das Image Plugin geladen, entsprechend gerechnet und abgelegt.

So weit, so gut. Nun das Problem: Für den Dateinamenhash benutzt ajaxImage u.a. die Breite und Höhe. Diese wurden für jedes Bild über getimagesize() bezogen. D.h. jedes Bild wurde bei jedem Request erneut geladen und eingelesen, unabhängig davon ob es schon bearbeitet war oder nicht. Bei 20 Bildern entstand so eine serverseitige Ladezeit von ca. 20 Sekunden.

Hier sollten wir uns mal Gedanken über eine bessere Lösung machen (Reicht die URL als ID? Gibt es andere Möglichkeiten, ohne das komplette Bild zu laden? …)

Kommentare erwünscht 😉

Bastian


Dieser Artikel wurde verschlagwortet unter:

Technologie

Kommentare

Selber kommentieren:






Weitere Beiträge zum Thema Technologie

ReCSS – Reload your CSS

Autor*in: Benjamin Hofmann

Technologie

Jeder kennt das Problem. Man ändert einen kleinen Style, bspw. ob der Text fett ist oder nicht und dann lädt man die Seite neu, um zu schauen wie es aussieht. Und dann wartet man. Lokal manchmal sogar ziemlich lang und das für die kleinste Anpassung. Es gibt jedoch ein kleines Bookmarklet, um die Style-Entwicklung zu …


Beitrag lesen
22
AUG
12

HTML5 Polyfill

Autor*in: Sascha Nützel

Technologie

Nachdem das „required“- Attribut im Safari nicht funktioniert, bin ich auf die Suche nach einem Polyfill gegangen. Dabei bin ich auf folgende Bibliothek gestoßen: https://github.com/aFarkas/webshim Die Einbindung gestaltet sich recht simpel und wird hier https://github.com/aFarkas/webshim#installation-and-usage gut erklärt. Es besteht auch die Möglichkeit, nicht alle Module einzubinden sondern nur vereinzelt gebrauchte (z.B. ‚forms‘). Das Portalseitige Minify muss für …


Beitrag lesen
31
AUG
16

Augmented Reality trifft TYPO3: POIs neu erleben

Autor*innen: Verena Schmuck, David Kelemen

infomax   //   Projekte   //   Technologie   //   Über den Tellerrand

Wie bringt man POIs auf mobilen Geräten intuitiv und platzsparend zur Anzeige? Diese Frage stand am Anfang von Davids Abschlussprojekt der Ausbildung zum Fachinformatiker Anwendungsentwicklung und wurde mit einer innovativen Lösung beantwortet: dem imx.ARBrowser, einer TYPO3-Erweiterung zur Darstellung von POIs in einer Augmented-Reality-Ansicht.


Beitrag lesen
29
JUL
25

kraken.io: Einfaches Web Interface zur Bild-Optimierung

Autor*in: Benjamin Hofmann

Technologie // User Experience & Design

Auch wenn wir inzwischen vermehrt skalierbare Iconfonts oder SVG-Grafiken einsetzen, so kommt es doch immer wieder vor, dass wir auch Rastergrafiken in den Formaten JPEG, GIF oder PNG im Layout einsetzen. Was wir aber allzu oft übersehen ist, dass man bei diesen einiges an Dateigröße sparen kann. Und das kommt inzwischen nicht nur denen zugute, …


Beitrag lesen
28
NOV
14