L’aggiornamento dell’esperienza di pagina di Google in arrivo nel 2021 è destinato a riscrivere ancora una volta il regolamento SEO, aumentando l’importanza della velocità del sito web per la visibilità. Poiché il nuovo algoritmo Google ponderato classifica le pagine in base all’esperienza complessiva dell’utente, i negozi di eCommerce lenti saranno ancora più bassi di prima.
Questo cambiamento può avere un impatto notevole sulla posizione SERP di molti dei principali rivenditori che gestiscono i loro negozi su Salesforce Commerce Cloud, così come di quelli che utilizzano altre razze di piattaforme di e-commerce. Ma il cambiamento potrebbe anche essere visto come una potenziale benedizione sotto mentite spoglie, un elemento indispensabile per gli operatori per andare oltre le tattiche di ottimizzazione standard, tra cui ottimizzazione delle immagini, caricamento lento, CDN, gestione dei tag o implementazione di AMP.
In questo post, esamineremo i possibili modi per accelerare Salesforce Commerce Cloud (SFCC in breve) e gestire un sito Web veloce e altamente performante che si colloca in cima ai risultati di ricerca di Google. Oppure come, invece di spendere i preziosi dollari cercando di ridurre i tempi di caricamento di un solo secondo, potete distribuire un sito Web a caricamento istantaneo con la metà dello sforzo.
L’imminente aggiornamento della classifica di Google non è solo il capriccio di un gigante per scuotere il panorama dell’eCommerce. Si allinea perfettamente con le attuali tendenze dell’e-commerce e dà giustamente più credito a siti Web veloci e ad alte prestazioni. I negozi non sono solo in competizione sul prezzo e sulla qualità del servizio, ma sempre di più sull’esperienza complessiva.
Non è un segreto che Salesforce Commerce Cloud, proprio come molte altre piattaforme di e-commerce là fuori, sia stato progettato in un modo che si concentra principalmente sulle funzionalità aziendali principali: Visualizzare le informazioni sui prodotti insieme ai prezzi e fornire agli operatori un backend funzionale per gestire le loro scorte. L’ottimizzazione della velocità dei siti web è lasciata ai clienti delle piattaforme, agli integratori di sistemi, ai progettisti e agli sviluppatori.
Certo che no. I problemi di velocità interessano tutte le piattaforme di eCommerce SaaS più diffuse, tra cui Magento, Shopify Plus, Oracle Commerce Cloud, BigCommerce e SAP Commerce Cloud (Hybris). Abbiamo scritto su come ottimizzare queste piattaforme per la velocità in altri post sul nostro blog.
Nell’aprile 2020, abbiamo condotto uno studio in cui abbiamo esaminato i punteggi di Google Lighthouse dei 500 principali rivenditori online statunitensi (IR500) per vedere quale piattaforma di e-commerce offre costantemente i siti più veloci. Sfortunatamente, la conclusione è stata che la maggior parte dei siti web IR500 funzionano sorprendentemente lentamente, indipendentemente dalla loro piattaforma di e-commerce . In effetti, i nostri dati hanno rilevato che i sistemi interni superano del 61% le principali piattaforme di e-commerce.
Il punteggio medio di Lighthouse per i siti Web sulle principali piattaforme di e-commerce: Salesforce Commerce Cloud, Magento, Shopify, SAP Commerce Cloud (Hybris) e Oracle Commerce Cloud è stato di soli 18,7 (media 15)
Con una media di 18,5, Salesforce Commerce Cloud ha ottenuto punteggi paragonabili a Magento. I punteggi mediani erano 17 e 13,5 rispettivamente per SFCC e Magento. Al contrario, il punteggio medio delle prestazioni per i siti Web che utilizzano sistemi di e-commerce interni/interni è stato del 15% superiore a IR500 e ha raggiunto una media di 30,1. Forse questo è uno dei motivi per cui quasi un quinto dei siti Web IR500 utilizza una soluzione di e-commerce interna.
Salesforce Commerce Cloud è una piattaforma di e-commerce software-as-a-Service altamente scalabile e basata su cloud. Salesforce aggiunge regolarmente nuove funzioni e funzionalità, alcune delle quali sono finalizzate a ridurre i secondi preziosi del caricamento delle pagine. In effetti, la nuova offerta beta dell’API Commerce Cloud sembra promettente, ma è troppo presto per giudicare.
Esaminiamo le opzioni disponibili per velocizzare Salesforce Commerce Cloud.
L’ottimizzazione delle immagini è una tattica standard per molti siti Web di e-commerce. Considerato il pesante numero di immagini dei siti di e-commerce aziendali di oggi, anche i risparmi minimi sulle immagini, se implementati su siti Web di grandi dimensioni, possono contribuire a significativi guadagni a livello di sito.
Tali tattiche di ottimizzazione possono comprendere:
- Implementazione di una CDN per servire le risorse da punti di presenza più vicini (POP)
- Compressione senza perdita di dati delle immagini durante il caricamento
- Caricamento lento di immagini che appaiono molto al di sotto della piega, in particolare sulle pagine più lunghe dell’elenco delle categorie di prodotti
Dynamic Imaging Service (DIS) semplifica la distribuzione delle immagini allo storefront di Salesforce. Elimina la necessità per il rivenditore di caricare versioni di dimensioni diverse di ogni immagine.
DIS acquisisce una singola immagine ad alta risoluzione e le trasforma dinamicamente e le fornisce al punto vendita. I parametri di trasformazione DIS consentono di controllare le impostazioni di dimensione, ritaglio, sovrapposizione, formato, colore di sfondo e qualità di un’immagine.
DIS elimina la necessità di elaborare in batch in anticipo le tue immagini creative o di merchandising per renderle web-friendly. Utilizzando una singola immagine, DIS fornisce le dimensioni corrette per ciascuna applicazione di immagini, tra cui la pagina del prodotto, la pagina della categoria, la sezione prodotti consigliati, i risultati della ricerca e altro ancora.
Risposta breve: No Almeno non da solo.
Molti operatori presuppongono che il DIS possa rendere il sito più veloce, ma la documentazione intorno al DIS non menziona direttamente la velocità come un vantaggio. I vantaggi di DIS dipendono dall’installazione, ma potrebbero non comportare necessariamente un miglioramento della velocità, poiché le immagini vengono elaborate in tempo reale.
Salesforce Commerce Cloud include alcuni modelli di framework pronti all’uso.
- Architettura di riferimento Storefront (SFRA)
- MFRA (Mobile First Reference Architecture)
- SiteGenesis (l’architettura di riferimento legacy di Salesforce)
Storefront Reference Architecture è il modello di framework Salesforce più recente. È stato progettato per un design all’avanguardia e mobile-first e mira a fornire ai retailer un riferimento architettonico quando costruiscono negozi su SFCC. Incorpora integrazioni preconfigurate con API Salesforce Commerce Cloud, oggetti dati e tecnologie di terze parti tramite Commerce Cloud LINK Technology Partner Program. Utilizza widget/integrazioni predefiniti con oggetti di dati, API ed elementi di terze parti. Si tratta di un’evoluzione dei vecchi programmi Demandware Site Genesis (1,0 e 2,0).
Storefront Reference Architecture è uno strumento mirato ad alleviare le esigenze di sviluppo del sito per le modifiche frontend (ovvero il business case principale) e non è mirato a migliorare la velocità di caricamento delle pagine. Questo perché le integrazioni introducono ancora nella pagina tecnologie e script di terze parti, che rallentano intrinsecamente la pagina.
Risposta breve: Non proprio. Non è stato progettato per.
Con un approccio di progettazione adattivo, Salesforce Reference Architecture può contribuire a migliorare i carichi mobili percepiti e i tempi di caricamento sul lato server. SFRA contiene anche diverse integrazioni pre-connesse con il backend SFCC, il che significa che, in teoria, dovrebbero funzionare meglio delle integrazioni integrate personalizzate.
Ma SFRA da solo non renderà il tuo negozio molto più veloce! Facilita lo sviluppo del sito e riduce il costo totale di proprietà. In alcuni casi, tuttavia, i tempi di caricamento potrebbero peggiorare, a seconda del numero di script e tecnologie di terze parti introdotte dal costruttore.
In generale, SFRA offre solo vantaggi minimi in termini di velocità. Principalmente perché il 75% del tempo di caricamento delle pagine proviene da vari JavaScript, immagini e HTML di terze parti. E nella maggior parte dei casi, semplicemente non c’è modo di aggirarlo. Ulteriori perdite di tempo possono essere attribuite al design, alle dimensioni dell’immagine e alla posizione delle immagini, nessuna delle quali viene accelerata in alcun modo da SFRA.
Puoi implementare varie tattiche durante l’ottimizzazione della velocità del tuo negozio Salesforce Commerce Cloud. È possibile utilizzare un tema leggero, ottimizzare le immagini, ridurre il numero di tag (o utilizzare un gestore di tag) e rimuovere il codice JavaScript che blocca il rendering, per citarne alcuni. L’unica cosa che tutte queste tecniche di ottimizzazione della velocità hanno in comune è che si concentrano sull’ottimizzazione della distribuzione dei contenuti che sono stati sfruttati e richiesti. Ecco alcuni esempi di tattiche popolari che cercano di ottimizzare le cose che accadono dopo il tocco:
- Caricamento lento
- Disinstallazione di app Salesforce Commerce Cloud non necessarie
- Rimozione delle maglie rotte
- Rimozione delle pagine «peso morto»
- Migliorare le prestazioni mobili con AMP
Ma questa è solo metà della battaglia. Per uscire dall’infinito ciclo di ottimizzazione della velocità, devi passare all’istante. Rendere il vostro sito web istantaneo (o al di sotto del secondo) richiede una combinazione di tecnologie che funzionano prima che il cliente faccia clic su qualsiasi cosa. Ciò significa anticipare i tocchi degli utenti piuttosto che reagire.
Sia che il tuo negozio venga eseguito su Salesforce Commerce Cloud o qualsiasi altra piattaforma di eCommerce o sistema back-end, per offrire un’esperienza più veloce è necessario implementare tecnologie Web avanzate incentrate sulla velocità. E per questo, devi prima procedere senza testa e costruire un frontend portatile.
Molte tecnologie web orientate alla velocità richiedono la separazione del backend dal frontend, ovvero rendere portatile il frontend del negozio o sottoscrivere un’architettura di eCommerce senza testa. In questo modo, è più facile implementare miglioramenti orientati alla velocità sul lato anteriore e sul lato posteriore in modo indipendente. E significa anche che puoi offrire il sito Web più veloce sul back-end di tua scelta.
Per creare un frontend veloce e Progressive Web App (PWA), è necessario andare senza testa con il tuo Salesforce Commerce Cloud Store. A tale scopo, è necessaria una solida copertura API che consenta di collegarla al backend SFCC. Quindi, potete iniziare a implementare una gamma di tecnologie all’avanguardia che renderanno il vostro sito Web incredibilmente veloce, tra cui:
- 1Frontend portatile per transizioni di navigazione rapide
- Rendering lato server (SSR) e supporto AMP per i primi caricamenti super veloci.
- Precaricamento predittivo
- Una CDN all’avanguardia con edge computing per ottimizzare i tassi di hit della cache per i contenuti dinamici all’edge della rete e rimanere 5 secondi prima dell’acquirente
Esaminiamo quanto Salesforce Commerce Cloud sia adatto per l’implementazione di queste tecnologie e il supporto di siti Web di e-commerce inferiori al secondo.
L’API Open Commerce (OCAPI) è un’API RESTful utilizzata da Salesforce Commerce Cloud, che consiste di tre API componenti:
- Shop API: Fornisce l’accesso alla funzionalità dello storefront digitale di Commerce Cloud
- API dati: Consente di accedere alla configurazione delle applicazioni digitali e alle funzionalità di integrazione per ogni oggetto
- Meta API: Consente di accedere a una descrizione formale delle risorse e dei documenti disponibili nell’API Open Commerce.
Vedere utilizzo API per informazioni generali sull’utilizzo dell’API Open Commerce.
È importante notare che SFCC ha un nuovo livello CCAPI in beta oltre all’API OCAPI.
L’offerta beta sembra promettente, ma è troppo presto per giudicare in che misura supporterà i negozi senza testa veloci.
Salesforce Commerce Cloud non supporta AMP o SSR immediatamente disponibile. Inoltre, le implementazioni di Pipeline possono essere più difficili da supportare su un’architettura headless.
Salesforce Commerce Cloud non offre strumenti PWA pronti all’uso.
Ma hai due opzioni per creare un’app Web progressiva su SFCC
- Creazione di un PWA da zero direttamente su SiteGenesis o Storefront Reference Architecture (SFRA)
- Realizzare l’IT su un front-end come servizio che si integra con Commerce Cloud
I moderni frontend portatili PWA offrono velocità simili a quelle di un’app. Esplorare il sito Web è più veloce, questo è particolarmente evidente nei negozi online. Un’esperienza nativa farà sentire un PWA su SFCC più veloce della concorrenza.
Esiste un limite al vantaggio della velocità totale con l’ottimizzazione della velocità standard. Tali sforzi sono spesso governati da rendimenti in diminuzione, suggerendo che ad un certo punto, il profitto o il beneficio ottenuto dall’ottimizzazione è inferiore alla quantità di denaro o di energia investita.
Edgio ripristina il concetto di ottimizzazione della velocità e svolge tutte le attività di carico per voi prima che gli acquirenti lo sappiano. Utilizzando il prefetching predittivo avanzato e una CDN moderna con cache edge, è possibile eseguire lo streaming dei dati JSON memorizzati nella cache dall’edge al browser in base a ciò che il cliente deve fare successivamente, invece di eseguire lo scrambling per ottimizzare il rendering delle pagine dopo il tocco. In questo modo, Edgio mantiene il tuo sito 5 secondi prima dell’acquirente in ogni momento.
Layer0 (Edgio) è l’unica piattaforma in grado di garantire carichi inferiori al secondo per siti Web basati su database su larga scala, come siti di e-commerce e viaggi con milioni di pagine. E non devi fidarti della nostra parola: Abbiamo aiutato dozzine di negozi complessi, con decine di tag, inventario in tempo reale e prezzi dinamici, e li abbiamo aiutati a ottenere un secondo. Prenditi un minuto per navigare tra due siti SFCC incredibilmente veloci, Shoe Carnival o Kate Spade, sul tuo telefono per provare le velocità raggiungibili su Layer0. Possiamo fare lo stesso per te.
Il nostro obiettivo a Layer0 è rendere il Web istantaneo e semplice. I siti Web su Layer0 vedono caricamenti medi di pagine di 320 ms (FCP), traffico organico a due cifre e aumento di conversione.
Layer0 (ora Edgio) è una soluzione all-in-one per sviluppare, distribuire, visualizzare in anteprima, sperimentare, monitorare ed eseguire il frontend headless. Include una CDN-as-JavaScript in base alle applicazioni con ambienti di anteprima full-stack, rendering lato server integrato, pre-caricamento avanzato e controllo completo su caching e routing del traffico. Edgio si assicura di spremere ogni millisecondo da ogni sforzo di ottimizzazione. Infatti, garantiamo che i caricamenti di pagine mediane inferiori a 500 ms per siti Web dinamici di grandi dimensioni eseguiti su Layer0.
Salesforce Commerce Cloud store di Shoe Carnival è passato da transizioni di navigazione di 6 secondi a 500 millisecondi su Layer0 (Edgio)
Layer0 rende estremamente semplice avere uno store SFCC veloce e senza headless, dallo sviluppo e l’implementazione a semplici rollback. È possibile farlo per qualsiasi frontend headless moderno: Next, Nuxt, React, Angular SAP/Spartacus, React Storefront, Vue Storefront, tutti supportati.
Per ricapitolare, ecco alcuni dei vantaggi derivanti dall’esecuzione del tuo negozio Salesforce Commerce Cloud su Layer0:
Velocità
Gestendo un negozio più veloce, offri ai tuoi clienti la migliore esperienza possibile e aumenta le tue possibilità di ottenere maggiori risultati nel SERP. KateSpade.com e ShoeCarnival.com sono solo alcuni esempi di siti Salesforce Commerce Cloud che si caricano a velocità inferiori al secondo su Layer0. Infatti, Shoe Carnival è passato da 3,4 secondi di caricamento della prima pagina e da 6 secondi di transizioni di navigazione a un sito che si carica in meno di 1 secondo. Sul livello 0, i primi carichi sono ora più veloci del 70,5%, con un tempo di caricamento medio di 1 secondo. I successivi caricamenti delle pagine vengono ridotti del 92%, fino a soli 500 ms.
Semplicità
A Layer0, miriamo a rendere il Web istantaneo e semplice, anche se stiamo supportando la tendenza headless, che non è un compito semplice. I siti Web su Layer0 registrano un aumento del 20% della velocità degli sviluppatori e dell’agilità aziendale grazie alla semplice collocazione del codice al centro del flusso di lavoro con la nostra piattaforma JavaScript senza server. Con Layer0, si scrivono regole di routing come si scrive il frontend: Si tratta di una piattaforma JavaScript Everywhere full-stack.
Collaborazione
Ogni volta che si scrive un nuovo codice, viene generato automaticamente un ambiente di pre-produzione. Il personale addetto al controllo della qualità e gli stakeholder aziendali possono testarlo e fornire un feedback prima ancora che il codice venga Unito.
Con l’aggiornamento dell’esperienza di pagina di Google pubblicato all’inizio del 2021, i siti Web più lenti perderanno la loro posizione a favore dei loro concorrenti più veloci. La velocità continuerà ad acquisire importanza per gli utenti e i motori di ricerca, offrendo ascensori per il traffico e la conversione.
La scritta è sul muro: I retailer online non hanno scuse per offrire prestazioni di siti web inferiori agli standard. È giunto il momento di agire. Questa è un’opportunità per gli sfavoriti dell’e-commerce di raggiungere o battere i loro concorrenti più grandi. E il modo più semplice per farlo è quello di rendere il tuo sito web sotto secondo.
L’ottimizzazione del tuo negozio Salesforce Commerce Cloud può richiedere molto tempo e sforzi e i risultati potrebbero non essere garantiti. Ma noi abbiamo tutto ciò che ti serve! Layer0 ti permette di saltare la concorrenza e andare subito.
