Approcci attuali
Le CDN (Content Delivery Network) svolgono un ruolo importante nella distribuzione di applicazioni Web, siti Web e API. Forniscono contenuti memorizzati nella cache da una posizione più vicina ai visitatori e ai clienti di siti Web/app. Ciò riduce il tempo necessario ai clienti per vedere i contenuti visualizzati nei loro browser. Perché accelera i tempi di consegna del sito e si traduce direttamente in una migliore esperienza del cliente e in un aumento delle vendite per le aziende di e-commerce.
“Perché una CDN funzioni in modo efficace, deve essere configurata in modo da funzionare bene con la tecnologia sottostante del sito Web, nota anche come “stack tecnologico”.” Il modo in cui è configurato è spesso noto come la “strategia di caching”.
Tuttavia, molte CDN non consentono alcuna modifica di configurazione nella base di codice dello stack tecnologico. Gli ingegneri che lavorano sul sito non hanno il controllo su questa infrastruttura di prestazioni critiche. Gli aggiornamenti devono invece essere effettuati da team/parti interessate aggiuntivi in interfacce utente isolate, rendendo i test e il debug estremamente difficili e dispendiosi in termini di tempo per gli ingegneri.
Con le CDN ordinarie, gli aggiornamenti della configurazione non sono controllati dalla versione all’interno del codebase. Questa mancanza di controllo centralizzato rappresenta un rischio per il vostro stack tecnologico. Causa confusione, che consuma molto tempo e risorse in più team. Trovare i problemi introdotti nello stack tecnologico è come cercare un ago in un pagliaio (un pagliaio a cui non si può nemmeno accedere direttamente). Senza integrarsi nel codice base, l’unico modo per tenere traccia dei problemi è affidarsi ai reclami dei clienti e/o all’input di un team separato. Ciò causa una mancanza di trasparenza, responsabilità ed efficienza, che può causare tempi di fermo del sito, perdita di ricavi e insoddisfazione dei clienti.
Inoltre, la memorizzazione nella cache delle CDN è tradizionalmente limitata ai dati statici. Gli sviluppatori comprendono i dati dinamici nel loro codice, ma con le CDN tradizionali non possono gestire il caching. Quindi è estremamente difficile o impossibile memorizzare nella cache una grande porzione dei contenuti più importanti su un sito Web, il che influisce sulle prestazioni complessive.
Introduzione alle applicazioni Edgio
Edgio Applications Platform semplifica la creazione, il rilascio, la protezione e l’accelerazione delle applicazioni Web e delle API. Offre una suite completa di funzioni per implementare, proteggere e monitorare un sito.
Per gli sviluppatori, un elemento chiave dell’offerta è EdgeJS. EdgeJS è una configurazione CDN in javascript. A differenza delle CDN tradizionali, EdgeJS estende e integra il caching nel flusso di lavoro di sviluppo in base alla progettazione. Offre la possibilità di aggiornare facilmente le configurazioni CDN per dati dinamici e contenuti statici.
La CDN Web Edgio può essere testata localmente o in ambienti non di produzione prima della messa in funzione. Ciò consente agli sviluppatori di passare facilmente alla produzione dopo aver verificato accuratamente le modifiche tramite Q/A in ambienti identici ma diversi.
I vantaggi del flusso di lavoro sono enormi: Elimina la necessità di finestre di manutenzione, termina i rollback inutili, semplifica il monitoraggio e l’individuazione dei problemi e blocca gli errori causati dalla mancanza di visibilità negli aggiornamenti della configurazione CDN, migliorando la velocità complessiva del team e migliorando le prestazioni del sito per i clienti/utenti finali del sito Web.
Vantaggi del nostro approccio
Controllando gli aggiornamenti della configurazione in EdgeJS direttamente nel codebase, è possibile correggere una parte precedentemente disconnessa del processo di aggiornamento. Gli aggiornamenti possono avvenire con maggiore velocità e qualità, riducendo il tempo impiegato per individuare i problemi o per eseguire il rollback, migliorando il time-to-market.
Le applicazioni Edgio consentono inoltre ai team di creare prestazioni inferiori al secondo nelle proprie pagine Web. Oltre alla memorizzazione nella cache statica e dinamica, EdgeJS fornisce l’accesso al precaricamento predittivo nel browser. Il pre-caricamento accelera l’esperienza dei visitatori memorizzando nella cache locale chiamate API, pagine Web e risorse prima che l’utente tenti di visitare la pagina. Utilizzando un service worker personalizzato preconfigurato, che lavora in armonia con la rete edge, EdgeJS precarica i dati HTML e API direttamente da tutti gli URL nella vista visitatori, pagine molto visitate o percorsi personalizzati. La possibilità di precaricare nel browser nel dispositivo dell’utente rende Edgio l’unica rete edge personalizzata progettata per funzionare in modo intelligente con le richieste di precaricamento, trattandole in modo univoco su una richiesta standard.
Il precaricamento include anche dati dinamici e immagini e risorse in background. Individuare i dati dinamici per far parte della strategia di caching e fornire strumenti che consentano di eseguirli correttamente è un’esclusiva di Edgio. È una delle nostre caratteristiche più notevoli che ci distingue dalla concorrenza. Poiché i siti Web tradizionalmente non memorizzano nella cache i dati dinamici, vi sono grandi porzioni di molti siti non memorizzati nella cache. “Offrendo il caching dinamico dei dati in un modo “pronto all’uso” e facile da usare, i clienti Edgio vedono caricamenti di pagine più veloci (spesso inferiori al secondo), con conseguente soddisfazione degli utenti, aumento dei ricavi e risultati di siti Web superiori alla concorrenza.”
Case study:
Akira
Risultati:
- Il sito Web è più veloce del 71% rispetto al passato
- Velocità di doratura di 500 ms su reti 4G.
- +30,1% di traffico organico dal sito web al secondo
- +61,4% di operazioni di checkout con un’esperienza online semplificata
- +80% di transazioni mobili, con un aumento del tasso di conversione del 37,25%
- Aumento del 9,16% per le conversioni di cassa con il checkout ottimizzato di Bolt
Leggete il case study Akira.
Carnevale delle scarpe
Risultati:
- riduzione del 92% delle transizioni di navigazione che passano da 6 secondi a 500 ms.
- aumento del 70,5% delle prime velocità di carico, con un calo da 3,4 secondi a 1 secondo
- Supera il 98% dei siti web e supera Amazon, Zappos, Nordstrom
- aumento del 40% del fatturato con un sito web di secondo livello
- Maggiore agilità aziendale con Edgio
Leggete il case study di Shoe Carnival.
Standard universale
Risultati:
- Approccio Jamstack ibrido che memorizza nella cache i dati statici e dinamici all’edge della rete
- 600 ms di pagine caricate da PLP a PDP
- 40% di riduzione della frequenza di rimbalzo e supera i principali parametri vitali del Web
- aumento del 200% del tasso di conversione sui dispositivi mobili
Leggete il case study Universal Standard.
Dashboard di analisi di Edge Insights
Questa nuova soluzione all-in-one per l’analisi dei dati offre informazioni sulle prestazioni (CDN) e sulla sicurezza in un’unica posizione. È possibile utilizzare il filtraggio multidimensionale per ottenere le risposte necessarie in tempo quasi reale.
Risorse aggiuntive:
Precaricamento: https://docs.edg.io/guides/prefetching