Layer0 è una piattaforma senza server che combina una CDN basata sulle applicazioni con varie tecnologie Web orientate alla velocità. L’acronimo sta per “Experience Delivery Network”, e. Invece di ospitare solo i contenuti statici come una CDN tradizionale, l’infrastruttura consente di massimizzare i tassi di hit della cache per contenuti dinamici all’edge della rete. Layer0 fornisce anche alcune altre tecnologie che migliorano ulteriormente le performance del tuo sito web e semplificano l’intero processo di sviluppo, distribuzione, monitoraggio, sperimentazione e difesa di siti web dinamici su larga scala. Vediamo ora come Layer0 si confronta con una CDN tradizionale.
Che cos’è una rete per la distribuzione dei contenuti (CDN)?
Per anni, le CDN sono la tecnologia invisibile che aiuta a distribuire immagini, video e JavaScript (ad esempio, risorse statiche), nonché codice CSS e altre parti del tuo sito Web, agli utenti Internet di tutto il mondo.
L’importanza delle reti di distribuzione dei contenuti non può essere sopravvalutata. Senza di loro, i siti web sarebbero notevolmente lenti, in quanto il browser di ogni utente scaricherebbe in modo inefficiente i contenuti da un server in tutto il mondo. Questo è il motivo per cui Internet di oggi utilizza CDN distribuite come dorsale per un’esperienza di navigazione migliore e più veloce. Alcune CDN possono instradare il traffico, mitigare gli attacchi DDoS e garantire l’uptime del sito web.
I punti di presenza (POP) con edge server sono i componenti chiave dell’architettura CDN, che riducono significativamente le informazioni sulla distanza necessarie per raggiungere l’utente e, di conseguenza, riducono significativamente i tempi di caricamento. Un punto di presenza è una singola posizione geografica in cui risiede un gruppo di edge server CDN. Il numero totale di POP che costituiscono la rete di una CDN e ogni posizione indipendente influenza la copertura della CDN.
Alcune persone possono utilizzare regolarmente una CDN, ma nemmeno saperla. La maggior parte del Web di oggi è servita attraverso punti di presenza, compreso il traffico da siti importanti come Amazon, Facebook e Netflix.
Il problema con le CDN tradizionali
Le CDN offrono disponibilità e prestazioni elevate distribuendo il servizio spazialmente rispetto agli utenti finali. Tuttavia, il problema con le CDN tradizionali è che sono state originariamente progettate tenendo conto dei siti Web statici. Erano destinati a servire risorse che raramente cambiano, come immagini e testo. Ma Internet è cambiato e i siti web moderni, in particolare i negozi di e-commerce, sono ora più interattivi, dinamici e basati su database. Ora condividono più affinità con le applicazioni rispetto ai siti Web basati su HTML di ieri.
I clienti che visitano i siti di eCommerce sono in attesa dei dati JSON che rappresentano le dimensioni, il colore e il prezzo specifici del prodotto a cui sono interessati, ma, ironicamente, questi dati non vengono memorizzati nella cache delle CDN tradizionali, in quanto non sono orientati alla gestione dei dati dinamici.
Il modo più semplice per migliorare l’esperienza di un sito di e-commerce è aumentare la velocità con cui i dettagli del prodotto vengono consegnati.
CDN ed eCommerce
Una CDN tradizionale da sola non renderà un sito web di e-commerce sub-secondo. Soprattutto non è un modello moderno, dinamico e basato su database, composto da migliaia di pagine e con decine di tag, personalizzazioni, ricerche di inventario in tempo reale e altro ancora.
Le reti mobili stanno diventando più veloci, ma le velocità dei siti web mobili non sono migliorate. Questo accade anche se quasi tutti i principali siti di e-commerce utilizzano una CDN oggi. Le CDN tradizionali sono utili solo per memorizzare nella cache i file statici, non i dati JSON. I siti Web di e-commerce con CDN tradizionali fanno ancora attendere ai clienti i dati dei prodotti che devono essere estratti da un database remoto prima che il browser possa visualizzare la pagina sullo schermo.
Layer0/Edgio ed eCommerce
Layer0 è stato creato per siti Web dinamici su larga scala, come eCommerce e viaggi. Layer0 è molto più di una moderna CDN basata sulle applicazioni. Include una CDN e altre tecnologie Web avanzate che portano i siti Web a velocità inferiori al secondo.
- “CDN-as-JavaScript con un tasso di hit pari o superiore al 95% della cache per contenuti dinamici all’edge della rete, quasi 100 pop globali e 9 “Super pop”.” CDN-as-JavaScript può aumentare o sostituire la CDN esistente. Questa CDN moderna è dotata di tutto ciò di cui avete bisogno per difendere il vostro sito, tra cui WAF, protezione DDoS e mitigazione dei bot. CDN-as-JavaScript offre agli sviluppatori il controllo programmatico sulla memorizzazione nella cache all’edge della rete, in modo che i browser possano ottenere immediatamente i dati necessari per il rendering della pagina successiva.
- Back-end JavaScript senza server per i frontend che orchestrano e ottimizzano le API. È anche il luogo perfetto per il rendering lato server e ti aiuta a velocizzare ulteriormente il tuo sito mantenendo bassi i tempi di esecuzione e alte prestazioni.
- Edge Traffic router consente la suddivisione del traffico all’edge e test A/B che non rallentano il sito. Il modulo consente inoltre la migrazione iterativa, le distribuzioni canary e i flag delle funzioni.
- Le anteprime Branch aumentano la velocità di sviluppo creando automaticamente URL di anteprima full-stack per ogni ramo del codice. sono supportati anche rollback con 1 clic, domini personalizzati e registri in tempo reale.
- Il monitor delle prestazioni fornisce informazioni utili sui tassi di hit della cache, sulle velocità RUM per percorso, sul tasso di conversione e sugli avvisi dei test di fumo.
Con Layer0, i dati dinamici vengono in genere memorizzati nella cache all’edge della rete con oltre il 95% di percentuali di hit.
Che cos’è Layer0 CDN-as-JavaScript?
CDN-as-JavaScript è una CDN sensibile alle applicazioni che consente di massimizzare la cache in modo semplice. CDN-as-JavaScript offre informazioni utili sulla memorizzazione nella cache in base al percorso e al tipo di pagina e consente il controllo completo sulla memorizzazione nella cache e sul routing del traffico all’edge della rete. La CDN-as-JavaScript ha una rete di quasi 100 pop globali ed è dotata di funzionalità avanzate di prefetching predittivo, in modo che le informazioni più probabili sui prodotti vengano trasmesse dall’edge del sistema al browser del cliente prima che lo richieda. Di conseguenza, i siti Web su Layer0 vedono un tasso medio di hit della cache pari al 95%+ per i contenuti dinamici, rispetto ai bassi tassi comuni all’e-commerce, che si situano principalmente nel range del 10%-15%. CDN-as-JavaScript è solo un componente di Layer0 e da solo non può garantire velocità inferiori al secondo per i grandi siti di e-commerce, quindi è necessario il pacchetto Layer0 completo.Scarica la tua CDN esistente o no!
Non ottimizzare per la velocità quando puoi andare istantaneo! Layer0 CDN-as-JavaScript può sostituire completamente la CDN corrente. Dispone di tutte le funzioni di sicurezza Web necessarie all’edge della rete: Web Application Firewall (WAF), protezione DDoS (Distributed Denial of Service), mitigazione dei bot, schermatura dell’origine e filtraggio basato su edge. “CDN-as-JavaScript ha quasi 100 POP globali e 9 “Super POP”, assicurando che i tuoi contenuti e dati siano vicini ai tuoi acquirenti.” Offre anche un servizio di ottimizzazione delle immagini. Tuttavia, se si desidera mantenere la CDN esistente, Layer0 CDN-as-JavaScript può aumentarla – sedersi dietro o accanto ad essa – e non rallentare il vostro sito Web.Gli altri vantaggi di Layer0/Edgio
Indipendentemente dal fatto che la CDN-as-JavaScript possa sostituire la CDN o collaborare con essa, ci sono alcuni altri vantaggi con Layer0 che consentono ai siti Web di grandi dimensioni di distribuire in modo coerente i caricamenti di pagine inferiori al secondo.1) Serverless JS
- Rendering lato server just-in-time (SSR) – il pre-rendering non è destinato a siti Web di e-commerce dinamici con 1000 SKU, test A/B, prezzi dinamici, ricerche di inventario in tempo reale e promozioni. Layer0 offre contenuti di rendering sul lato server in linea e on-the-fly che vengono poi memorizzati nella cache all’edge della rete con CDN-as-JavaScript.
- Serverless Node.js – non gestire i server; gestire enormi picchi di traffico senza sforzo con una piattaforma senza server.
- Aggregazione e orchestrazione API: Sfruttate i consueti vantaggi di un backend JavaScript senza server per il frontend, tra cui l’orchestrazione e l’aggregazione delle API per ridurre al minimo il payload fornito al browser.
- Tecnologia API sintetica: A volte, la piattaforma di e-commerce o il sistema personalizzato potrebbero non avere una copertura API completa. Perché aspettare mesi per offrire ai tuoi acquirenti un’esperienza istantanea? Con Layer0, è possibile creare facilmente API sintetiche al di fuori dell’HTML.
2. Esperimenti Edge
Layer0 ti offre il pieno controllo sul tuo routing del traffico, test conclusivi e statistiche inferiori al secondo.- Instradare il traffico a qualsiasi ramo attivo: Ogni ramo di codice creato è uguale su Layer0 e può ricevere tutto o parte del traffico per un determinato dominio. Layer0 Console semplifica la regolazione delle regole di routing, la distribuzione delle modifiche e il rollback in caso di problemi.
- Traffico del percorso basato su qualsiasi valore di intestazione o probabilità – il traffico può essere instradato in base alle probabilità (ad esempio, una semplice suddivisione 50/50) o in base a regole sofisticate basate su qualsiasi valore di intestazione o cookie (ad esempio, mostrare ai visitatori per la prima volta un’esperienza diversa rispetto ai visitatori abituali).
Layer0 consente di instradare il traffico in tempo reale a qualsiasi filiale distribuita all’edge della rete.
-
Eseguire test A/B reali – Layer0 consente di implementare test A/B reali che non influiscono sulla velocità del sito Web. La maggior parte degli strumenti di test A/B rallenta il sito Web e altera i risultati. Questo problema ricorda il principio di incertezza di Heisenberg , che dice che più precisamente viene determinata la posizione di una particella, meno precisamente si può prevedere il suo slancio dalle condizioni iniziali, e viceversa. Per analogia, quando si esegue il test del sito, non si può mai essere sicuri che il test non sia andato a buon fine, ma i clienti sono rimasti frustrati dal caricamento più lento delle pagine causato dai test, sui quali non si aveva alcun controllo. Con Layer0, è possibile evitare tali dilemmi. I test non comprometteranno la velocità delle pagine, poiché tutte le nuove esperienze vengono fornite all’edge della rete a velocità identiche a quelle originali. Ciò consente di eseguire numerosi test A/B, flag di caratteristiche, implementazioni canary e altre variazioni del sito senza la minima preoccupazione di influire negativamente sulla velocità del sito.
-
Migrazione iterativa – Layer0 consente di eseguire la migrazione iterativa di una sezione dell’app alla volta seguendo il modello strangolatore di Martin Fowler , ovvero “strangolando” funzionalità specifiche in modo incrementale e sostituendole con nuove applicazioni e servizi. Layer0 CDN-as-JavaScript costituisce un tipo di livello che intercetta le richieste. Le richieste verranno indirizzate al sito esistente, al nuovo sito sul livello 0 o a una combinazione delle due in base al tipo di pagina. In questo modo, alcune parti del sito Web vengono migrate gradualmente e i consumatori possono continuare a utilizzare la stessa interfaccia, ignari del fatto che la migrazione è in corso. Si consiglia di concentrarsi prima sulle pagine che generano ricavi, sui PLP e sui PDP, quindi di migrare le altre pagine a proprio piacimento.
CDN-AS-JavaScript intercetta le richieste e le indirizza al sito esistente, al nuovo sito su Layer0 o a una combinazione delle due, in base al tipo di pagina.
3. Anteprima diramazione
Layer0 consente ambienti di pre-produzione completi, automatizzati e illimitati per la vostra app. Ogni ramo di funzionalità genera automaticamente un ambiente edge, server e browser.
-
URL di anteprima automatica per ogni ramo di funzionalità: Ogni ramo di funzionalità genera automaticamente un URL in cui i responsabili di prodotto/progetto, il QA e altri possono fornire feedback in tempo reale, riducendo al minimo i cicli di feedback ed evitando sprechi di lavoro.
-
Gli unici ambienti automatici di pre-produzione full-stack al mondo: Il vostro browser, edge e codice server vengono distribuiti in un ambiente identico allo stack di produzione. Non dovrai mai chiamare il tuo team di supporto CDN per eseguire il debug del tuo sito quando è di nuovo inattivo.
-
Ci e CD su steroidi: L’anteprima Branch Layer0 include un generatore attivato quando si preme un ramo di funzione. Il Builder viene distribuito in un ambiente stack completo, aggiorna i controlli di stato di GitHub e pubblica un URL di anteprima nella richiesta pull.
I vantaggi principali di Branch Preview:
-
Gli sviluppatori possono condividere il codice in tempo reale sull’ultima diramazione per il test prima che venga Unito
-
I proprietari delle aziende possono vedere i cambiamenti in tempo reale
-
Le revisioni del codice e i cicli di feedback sono più veloci
-
I processi di QA e test sono semplificati
Riepilogo
Progettate pensando ai siti web statici, le CDN tradizionali non tagliano la senape per i siti di e-commerce moderni, dinamici e ricchi di immagini. Layer0 è un pacchetto completo, un’infrastruttura completa per l’esecuzione di siti Web dinamici al di sotto del secondo. Viene fornito con una CDN ma offre anche molto di più. È la soluzione all-in-one per sviluppare, distribuire, visualizzare in anteprima, eseguire, monitorare, sperimentare e difendere il frontend headless. E ti assicurerà di spremere ogni millisecondo da ogni sforzo di ottimizzazione. Garantiamo che i caricamenti di pagine mediane inferiori a 500 ms per siti Web dinamici di grandi dimensioni eseguiti su Layer0/Edgio.