A 1stDibs viene riconosciuto il merito di aver portato le vendite di arte e antiquariato nel XXI secolo. Fondata nel 2000, 1stDibs ha creato un marketplace online unico nel suo genere dove gli acquirenti possono trovare venditori attentamente selezionati di arredamento, arte, alta gioielleria, orologi e marchi di moda di lusso. 1stDibs collabora con più di 7.600 venditori provenienti da oltre 50 paesi e il suo sito web vanta 6,3 milioni di utenti registrati.

Il sito ricco di immagini di 1stDibs consegna esperienze utente veloci e di alto livello per gli acquirenti di beni di lusso

La sfida

Immagina di segnalare l'esigenza urgente di eseguire il purge dei contenuti dalla cache e che il tuo fornitore CDN ti dica che ci vorrà un'ora. Questa è la situazione insostenibile che 1stDibs ha dovuto affrontare con il suo fornitore precedente. Dal primo clic all'acquisto, la velocità guida il successo. 1stDibs aveva bisogno di purge rapidi della cache per garantire la distribuzione di contenuti aggiornati e accurati – un aspetto particolarmente critico quando i clienti potrebbero essere interessati a una libreria di antiquariato da 6.000 dollari o a una collana vintage da 60.000. L'ottimizzazione del caching riduce i tempi di caricamento della pagina e garantisce le migliori prestazioni possibili per ogni utente, indipendentemente da dove si trovi. «Le prestazioni e l'esperienza utente sono incredibilmente importanti per i siti di e-commerce come 1stDibs», ha dichiarato Tim Whidden, Vicepresidente Engineering di 1stDibs. «Quando non siamo riusciti a completare il purge in pochi secondi, siamo passati a Fastly».

La soluzione

1stDibs ha ottenuto la velocità e le prestazioni di cui aveva bisogno grazie alle funzionalità di Fastly, tra cui il purging fulmineo e la distribuzione dei contenuti, l'ottimizzazione semplice delle immagini e l'edge compute. «Non credo che si possa gestire un sito di e-commerce con la quantità di traffico che abbiamo senza i servizi forniti da Fastly. Il caching ai bordi della rete, l'ottimizzazione delle immagini e la possibilità di eseguire codice ai bordi della rete per rendere omogeneo su un unico dominio un insieme eterogeneo di servizi attivi dietro le quinte. Non so cosa faremmo senza Fastly», ha detto Whidden.

Arrivare a tempi di caricamento della pagina straordinari, inferiori a 200 ms

La necessità di tempi di caricamento della pagina rapidi è ben consolidata nell’e-commerce: il tasso di conversione diminuisce rapidamente quando gli utenti raggiungono la soglia dei 2 secondi. Ma le prestazioni della pagina possono anche aiutare a determinare se un utente vedrà o meno il tuo sito. «Vieni giudicato da Google in base a quanto sono performanti le tue pagine», ha affermato Whidden. I caricamenti rapidi delle pagine sono fondamentali per la SEO. Tempi di caricamento lenti possono influire negativamente sul posizionamento. Da quando siamo passati a Fastly, ha detto Whidden, «la nostra homepage viene visualizzata quasi all’istante per tutti, il che è fantastico». 

Con Fastly, il 75% degli utenti ottiene la distribuzione in meno di 50 millisecondi e il 95% in meno di 200 ms. Confronta questo dato con il tempo medio di caricamento della prima pagina dei risultati di ricerca di Google: 1,65 secondi. 1stDibs ottiene risultati migliori dall'88 al 97% rispetto ai concorrenti. 

Eliminare il lavoro manuale dalla gestione delle immagini

1stDibs è specializzata in design, moda e arte; per questo motivo le immagini di alta qualità e ad alta risoluzione sono fondamentali. La maggior parte dei venditori condivide più foto per immortalare gli articoli da ogni angolazione ed evidenziare ogni dettaglio importante, il che si traduce in milioni di immagini sul sito. «Incoraggiamo i nostri venditori a caricare le immagini più grandi possibile, ma poi dobbiamo visualizzarle in molte dimensioni diverse», ha affermato Whidden. L’Image Optimizer di Fastly consente a 1stDibs di ridimensionare le immagini on the fly, offrendo ai suoi designer UX la flessibilità di modificare i design e utilizzare diverse dimensioni di immagine senza la seccatura di dover pre-elaborare ciascuna di esse o il costo aggiuntivo di archiviazione e recupero. «L’Image Optimization ci consente di dimensionare e formattare in modo differito tali immagini, dalle miniature alle grandi immagini ingrandite nelle pagine di dettaglio del prodotto», ha affermato Whidden. 

Prestazioni e flessibilità ai bordi della rete

Quando Fastly ha introdotto Compute, 1stDibs ha colto l'opportunità di personalizzare ai bordi della rete. L'azienda ha iniziato a scrivere la logica edge in modo che potesse essere sottoposta a test unitari e di integrazione, così da poter distribuire le modifiche al codice con maggiore sicurezza e senza interruzioni. «Poiché la soluzione di Fastly utilizza WebAssembly, abbiamo beneficiato di un runtime personalizzato e davvero performante ai bordi della rete che gestisce tutto il traffico diretto a 1stDibs.com», ha affermato Whidden. Al team di 1stDibs piace anche poter scrivere in TypeScript, uno dei diversi linguaggi supportati ufficialmente da Compute.

Conclusioni chiave

Il risultato finale per 1stDibs: grazie alla distribuzione dei contenuti e alla piattaforma per sviluppatori di Fastly, «gli utenti ottengono un'esperienza molto, molto veloce quando visitano il nostro sito», ha affermato Whidden. «Fastly ci aiuta in termini di efficienza e di costi, ma è molto più di questo. L'insieme dei prodotti di Fastly è ciò di cui abbiamo fondamentale bisogno per gestire il nostro sito web in modo da servire i nostri utenti e risultare efficiente per il nostro business».