Correggere la velocità del sito web in modo interfunzionale

In che modo altri reparti possono contribuire al successo del progetto di ottimizzazione della velocità del tuo sito web.

Lina Hansson

Un mito comune legato alla velocità del sito è che è responsabilità solo del team di sviluppo. La realtà è che un sito veloce richiede l'aiuto di diversi reparti. Gli sviluppatori raramente riescono a risolvere i problemi da soli, indipendentemente dal loro talento. Come si risolvono i problemi di velocità insieme ai colleghi? Questo articolo spiega come, in qualità di sviluppatore web, puoi convincere la tua azienda a dare la priorità alla velocità del sito, a ricevere assistenza da diversi reparti durante l'ottimizzazione e ad aumentare la consapevolezza del successo del tuo progetto di ottimizzazione.

Nota: questa guida si concentra leggermente sull'e-commerce (in particolare sulla sezione relativa agli stakeholder aziendali), ma molte indicazioni sono abbastanza generali da essere utili a qualsiasi sito web che voglia migliorare le conversioni sui dispositivi mobili.

Correggi la velocità con l'aiuto degli stakeholder aziendali

Molte aziende sono nel bel mezzo di un cambiamento radicale nel comportamento dei consumatori, in cui la crescita delle persone che fanno acquisti su piattaforme digitali anziché in negozi fisici indica che le aziende devono adattarsi rapidamente per non rischiare di registrare una diminuzione delle entrate. Per avere successo, questo approccio richiederà sia nuovi modi di pensare sia nuovi processi organizzativi, nonché un forte sostegno da parte delle parti interessate.

La sfida condivisa

Molto probabilmente, il modo in cui le aziende si organizzano dovrà cambiare in diversi livelli. Innanzitutto, un progetto rapido, con il potenziale aumento delle entrate che può creare, sarà difficile da eseguire senza che gli sviluppatori abbiano il tempo di lavorarci sopra. L'allocazione delle risorse deve essere in atto e la collaborazione con altri reparti, come il marketing e i web designer, spesso procede più agevolmente se gli stakeholder e i dirigenti dimostrano che si tratta di un progetto prioritario.

Oltre a questo livello operativo, è importante che gli stakeholder comprendano anche che al momento sono in corso due cambiamenti:

• Anche se una percentuale maggiore delle tue vendite potrebbe provenire dai negozi fisici, la maggior parte dei clienti utilizzerà una piattaforma digitale come il tuo sito prima di effettuare l'acquisto in negozio. Se il sito non offre ai visitatori un'esperienza utente positiva, anche le entrate dei negozi fisici rischiano di risentirne. Inoltre, gli studi dimostrano che influisce anche sulla disponibilità dei clienti a consigliare la tua attività e sulla loro fedeltà.

• La crescita dei visitatori da dispositivi mobili è più elevata rispetto a quella dei visitatori da computer, il che rende il mobile-first un stato attuale o futuro a cui prepararsi. Inoltre, esiste una forte correlazione tra la velocità del sito e le conversioni sui dispositivi mobili. Uno studio di SOASTA ha dimostrato che per ogni secondo di ritardo nel caricamento della pagina mobile, le conversioni possono diminuire fino al 20%.

Ciò significa che le aziende che prendono decisioni di alto livello basate sulle informazioni di persone esperte di piattaforme digitali avranno un vantaggio. Un suggerimento potrebbe quindi essere invitare un sviluppatore alle riunioni in cui vengono prese le decisioni aziendali, per assicurarsi che il sito e i relativi vincoli vengano presi in considerazione fin dall'inizio e, in questo modo, garantire un aumento delle vendite.

Inviare una proposta agli stakeholder

In generale, circa il 10% delle vendite avviene su piattaforme digitali, ma gli studi dimostrano che fino all'85% delle vendite nei negozi fisici è influenzato in primo luogo dal digitale. Avere un sito con un buon rendimento, in particolare sui dispositivi mobili (che stanno diventando il dispositivo principale), è quindi fondamentale per le entrate della nostra attività. Proponiamo un progetto di miglioramento della velocità che aiuterà il sito a aumentare le conversioni e a configurare stream di comunicazione in modo che le informazioni dei team tecnici possano essere utilizzate meglio prima che vengano prese decisioni che influiscono sul sito.

Prepararsi per la riunione con gli stakeholder

Prima di incontrare gli stakeholder, assicurati di avere a disposizione i dati del tuo sito web e dei siti dei tuoi concorrenti, nonché dati che dimostrino un ROI elevato per le modifiche che stai suggerendo. Raccogli dati sull'importanza della velocità. Lo scenario migliore è se è collegato alle entrate dell'azienda. Ecco alcuni modi per farlo:

• Calcola il tasso di conversione da dispositivo mobile relativo. Collabora con il team di analisi e esegui l'analisi descritta in Il valore della velocità. Se in passato hai registrato un periodo (almeno 2-3 mesi) in cui i tempi di caricamento sono stati molto più elevati rispetto a un altro periodo della stessa durata, in genere la velocità lenta del sito avrà avuto un impatto significativo sulle conversioni mobile. Tramite l'analisi puoi calcolare le entrate che l'azienda ha perso durante il periodo di scarsa velocità, dimostrando il valore della velocità. Se i tempi di caricamento sono rimasti примерно allo stesso livello, l'analisi sarà difficile da eseguire e le alternative riportate di seguito possono fornire più risposte.
• Stima il valore della velocità dai modelli statistici. Con l'aiuto di TestMySite di Google, puoi eseguire un test e calcolare l'impatto che un sito più veloce può avere sulla tua attività. Ti bastano i dati relativi alla media mensile di visitatori, al tasso di conversione e al valore medio dell'ordine, che il tuo team di analisi può fornirti.
• Fornisci case study di best practice. Puoi anche utilizzare casi di altre aziende che hanno reso il proprio sito più veloce e ne hanno visto l'effetto. In che modo il tempo di caricamento della pagina influisce sui tassi di conversione: 12 case study offre alcuni esempi.
• Metti in evidenza l'importanza del mobile. Chiedi al team di analisi di fornirti i dati relativi alla percentuale di traffico proveniente da dispositivi mobili rispetto a computer.
• Ricerca il costo. I calcoli riportati sopra sono un modo per mostrare alle parti interessate il possibile aumento delle entrate dovuto alla velocità, ma per poter prendere decisioni, le parti interessate devono conoscere il ROI. Pertanto, se ti prepari con un costo stimato, la decisione dell'esecutivo può essere presa più rapidamente. A questo scopo, valuta quanto tempo richiederà il progetto iniziale incentrato sulla velocità e quanto tempo ti servirà per la manutenzione successiva. Ad esempio, in Fast-forward thinking: TUI speed up their site by breaking down silos, gli sviluppatori hanno ricevuto il 20% del loro tempo libero da backlog e campagne, che potevano dedicare a velocizzare i progetti e ad altri modi per migliorare il sito.

Incontrare le persone interessate

• Presenta il volume di traffico che ricevi da dispositivi mobili rispetto a computer e la crescita registrata da dispositivi mobili negli ultimi anni. Questo dimostra l'importanza di creare un'esperienza mobile ottimale.
• Presenta i risultati relativi all'impatto della velocità sulle entrate dell'azienda.
• Fai sapere agli stakeholder che gli sviluppatori possono contribuire ad aumentare le entrate generate dai visitatori su dispositivi mobili se hanno tempo di lavorare costantemente sulla velocità.
• Suggerisci di invitare una persona del team di sviluppo alle riunioni con i dirigenti in cui verranno prese le decisioni relative al sito. Oggi vendiamo su piattaforme digitali. I vincitori saranno le aziende che inizieranno a comunicare con i propri esperti digitali. Le aziende moderne dovranno configurare stream di comunicazione tra i reparti e tra gli stakeholder e gli sviluppatori. Uno studio di Harvard Business Review ha dimostrato che uno su sei progetti IT presenta un superamento dei costi del 200%. Un esempio è Kmart, che stava perdendo la sua posizione competitiva rispetto a Walmart e Target quando ha avviato il suo progetto di modernizzazione IT da 1,4 miliardi di dollari nel 2000. Se configuri la comunicazione e la manutenzione in anticipo, puoi eliminare i silos e la condivisione delle conoscenze può diventare un vantaggio competitivo.

Correggere la velocità con l'aiuto del team di marketing

La sfida condivisa

I team di marketing hanno bisogno di strumenti per gestire annunci e dati al fine di prendere decisioni consapevoli, ma la maggior parte degli strumenti rallenta i siti web e spesso viene implementata con script che bloccano il rendering, costringendo i visitatori che accedono al sito a attendere prima di vedere qualcosa sullo schermo. È quindi necessario trovare un equilibrio: il reparto marketing ha bisogno di dati e strumenti, ma affinché il sito abbia tassi di rimbalzo bassi e tassi di conversione elevati, deve essere veloce, in modo che il marketing ottenga un buon ritorno sugli investimenti.

L'equilibrio si ottiene prestando attenzione agli script:

• Evita i duplicati che misurano approssimativamente la stessa cosa.
• Rimuovi gli strumenti che non vengono più utilizzati.
• Non misurare le cose "facili da avere". Misura solo gli aspetti fondamentali per l'attività.

Poiché è difficile per gli sviluppatori sapere da cosa dipende il reparto marketing e poiché il reparto marketing potrebbe non sapere quali strumenti sono particolarmente pesanti per il sito, è necessario collaborare.

Inviare una proposta al team di marketing

Gli strumenti utilizzati per il monitoraggio e gli annunci spesso bloccano la velocità con cui i visitatori visualizzano i contenuti quando accedono al sito. Ciò riduce il valore degli investimenti di marketing, poiché paghiamo per gli annunci, le persone si interessano, fanno clic, ma poi devono aspettare. Rischi di farli innervosire e di perderli. Uno studio ha rilevato che il tasso di conversione è diminuito da circa il 50% a circa il 35% quando la metrica di velocità Tempo di risposta è aumentata da 0,15 s a 0,3 s. Possiamo collaborare per risolvere il problema e creare un equilibrio tra gli strumenti di cui hai bisogno e il rendimento del sito, aumentando così il ritorno sugli investimenti di marketing?

Prepararsi per la riunione con il team di marketing

• Crea un elenco degli script implementati sul sito.
• Invia l'elenco al team di marketing e chiedigli di esaminarlo in anticipo e di suddividerlo in tre gruppi:
  • Business-critical. Questi script devono rimanere.
  • Facoltativo. Script che potrebbero essere utilizzati meno o rimossi. Ad esempio, talvolta le aziende raccolgono mappe termiche o registrazioni dello schermo, ma i dati potrebbero essere esaminati solo di rado e non portare a un'azione o a un aumento delle conversioni. In questi casi, può essere meglio accettare di eseguire gli strumenti solo per (ad esempio) due settimane, raccogliere gli approfondimenti per l'analisi e poi ripulire gli script fino al momento in cui è possibile iniziare il prossimo periodo di raccolta mirata dei dati.
  • Non utilizzati o non di proprietà. Questi elementi devono essere rimossi.
• Controlla quanto ogni script rallenta il tuo sito confrontando la velocità del sito con e senza lo script. In WebPageTest, questa impostazione può essere configurata tramite la scheda Blocca nelle Impostazioni avanzate. In alternativa, puoi bloccare le richieste di rete in Chrome DevTools.

Incontra il team di marketing

• Esamina l'elenco degli script e fornisci la tua opinione su ciascuno. Ad esempio, alcuni script facoltativi sono molto dannosi per il rendimento del sito? Ricevendo consigli, il team di marketing può stabilire più facilmente le priorità e, conoscendo ciò che è fondamentale per l'attività, puoi comprendere più facilmente il suo punto di vista.
• Discutere i seguenti argomenti:
  • I vantaggi dei dati raccolti generano un aumento delle conversioni che supera la diminuzione causata dal rallentamento del sito? I dati possono orientare la decisione.
  • La tua azienda ha scelto un fornitore che offre la versione più veloce dello strumento sul mercato? Il reparto marketing potrebbe aver bisogno dell'aiuto degli sviluppatori per capire se gli strumenti fondamentali per l'attività possono essere sostituiti da alternative più veloci.
  • Esistono alternative a uno degli script sul sito? Ad esempio, anziché le mappe di calore, potresti iniziare a eseguire test di usabilità, in cui puoi anche scoprire il "perché" del comportamento degli utenti, il che spesso porta a approfondimenti più approfonditi.

Nota: una sfida comune è che le persone si mettono sulla difensiva quando vengono contattate per ricevere suggerimenti. La chiave potrebbe essere quella di sottolineare sempre il rispetto delle aree di competenza di altri reparti. Affermando di voler capire e ascoltare, puoi creare un clima di apertura che incoraggia anche l'ascolto delle tue idee. Infine, prova a invitare altri team a riunioni sociali o a prendere un caffè con argomenti di discussione diversi. A volte le riunioni più efficaci si svolgono al di fuori della sala riunioni.

Accordo sui passaggi successivi

• Decidi una procedura per andare avanti. Il team di marketing dovrebbe sempre chiedere agli sviluppatori di esaminare i nuovi strumenti e il loro impatto sulla velocità prima dell'implementazione? In alternativa, il team di marketing dovrebbe avere un budget per le prestazioni che gli consenta di imparare a controllare la velocità e di dare la priorità agli strumenti che preferisce, purché raggiunga il target di velocità?

Correggere la velocità con l'aiuto del team di web design

Una delle maggiori sfide per le prestazioni web è che, anche se la connettività potrebbe essere in fase di accelerazione in molte regioni, i siti web stanno diventando più pesanti e, di conseguenza, più lenti. Per risolvere il problema, gli sviluppatori devono collaborare con i web designer.

La sfida condivisa

Alla fine, tutti i reparti di un'azienda dipendono in genere dal sito che genera conversioni, che si tratti di generazione di entrate o di altro. E la dura verità è che non importa quanto siano belle le pagine web se il loro caricamento richiede così tanto tempo che le persone non restano a guardarle.

Tuttavia, le pagine web snelle sono una responsabilità condivisa. Gli sviluppatori possono utilizzare varie tecniche di ottimizzazione delle immagini per accelerare il caricamento delle immagini. I web designer possono creare pagine che contribuiscono a mantenere il peso della pagina al di sotto di un livello concordato.

Inviare una proposta al team di web design

Gli studi dimostrano che le pagine con meno immagini ed elementi generano più conversioni. Ad esempio, uno studio di Google e SOASTA ha rilevato che le sessioni che hanno generato conversioni degli utenti avevano il 38% in meno di immagini rispetto alle sessioni che non hanno generato conversioni. Possiamo collaborare per raggiungere i target di velocità e impostare una collaborazione congiunta che possa aumentare le conversioni sul sito? Alcuni esempi di cosa possiamo ottenere insieme includono trovare il giusto livello di compressione delle immagini con un equilibrio tra qualità e velocità o ridurre layout o funzionalità complessi che spesso si traducono in siti pesanti e lenti.

Prepararsi a una riunione con il team di web design

• Monitora le pagine del sito con il tempo di caricamento e il peso più elevati. Ad esempio, se utilizzi un sito di e-commerce, assicurati di controllare non solo la home page, ma anche le pagine delle campagne, alcune delle pagine delle categorie più grandi, alcune delle pagine dei prodotti e il flusso di pagamento.
• Prepara una proposta di budget delle prestazioni per i designer. Un'alternativa è iniziare nel modo più semplice possibile con il peso della pagina come metrica e impostare 1 MB come target per tutte le pagine (o 1,5 MB se il branding è molto importante per le conversioni).
• Prepara un elenco delle pagine che superano il livello di peso della pagina target.

Incontra il team di web design

• Impegnati a esaminare come il team di sviluppo può pubblicare le immagini più velocemente tramite varie tecniche di ottimizzazione delle immagini, come la compressione delle immagini, le immagini adattabili, il ridimensionamento delle immagini, il caricamento lento, la memorizzazione nella cache e l'ottimizzazione del server.
• Crea una pagina di test in cui le immagini vengono pubblicate con diverse qualità e dimensioni e concorda un livello che bilanci rendimento e qualità su schermi diversi. Ricorda che i visitatori che utilizzano dispositivi mobili hanno spesso sessioni brevi. Uno studio ha dimostrato che più della metà delle sessioni mobile dura al massimo 30 secondi. Questi utenti potrebbero non studiare le immagini in dettaglio e preferire che il sito sia veloce.
• Proponi un budget di rendimento in cui i web designer si impegnano a garantire che tutte le pagine web abbiano un peso inferiore a 1 MB (o massimo 1,5 MB).

Migliora la velocità con l'aiuto del team di analisi

Le aziende hanno bisogno di dati per sapere su cosa concentrarsi e per avere una base su cui prendere decisioni. Tuttavia, anche se molti parlano dell'importanza della velocità del sito e del suo collegamento a entrate e vendite, ci sono ancora molte aziende che non includono la velocità nei report settimanali al di fuori dei team tecnici. Questo può essere modificato se gli sviluppatori iniziano a collaborare con i team di analisi.

La sfida condivisa

La realtà è questa: ciò che non viene segnalato non sarà oggetto di attenzione. Se la velocità del sito non fa parte dei report settimanali o mensili per gli stakeholder aziendali, verrà facilmente dimenticata e avrai difficoltà a ottenere le risorse necessarie per concentrarti su questo aspetto. Tuttavia, poiché i team di analisi spesso non hanno esperienza con il monitoraggio della velocità, avranno bisogno dell'aiuto degli sviluppatori. Inoltre, gli sviluppatori avranno bisogno dell'aiuto del team di analisi per calcolare l'impatto sulle entrate quando vengono apportati miglioramenti alla velocità. Questi reparti sono più dipendenti tra loro di quanto si possa pensare inizialmente.

Invia una proposta al team di analisi

Molti case study mostrano l'impatto della velocità del sito sulle entrate e sulla frequenza di rimbalzo. Potremmo collaborare per configurare il monitoraggio della velocità del sito per la nostra azienda e, forse, includere la velocità nei report inviati agli stakeholder in modo da ottenere un maggiore coinvolgimento?

Prepararsi per una riunione con il team di analisi

• Monitora regolarmente la velocità. Un consiglio è utilizzare un'API con uno strumento come Lighthouse CI, PageSpeed Insights o WebPageTest, che ti consente di raccogliere statistiche regolarmente in un ambiente di laboratorio controllato per un facile benchmarking in diversi periodi di tempo.
• Inoltra Il valore della velocità al team di analisi e chiedi se può eseguire l'analisi in modo da avere il grafico pronto per essere analizzato durante la riunione.

Incontra il team di analisi

• Controlla il grafico creato da Il valore della velocità. Il tasso di conversione da dispositivo mobile relativo è un modo per monitorare l'impatto della velocità e il miglioramento del tuo sito. Chiedi al team di analisi se è disponibile per iniziare a monitorare questo aspetto.
• Decidi se la metrica relativa al tempo di caricamento in Google Analytics è sufficiente per i report aziendali semplificati. Il valore della velocità utilizza questa metrica. Come sanno molti sviluppatori, questa è solo una delle molte metriche di velocità importanti e, poiché si trova in Google Analytics, si tratta anche di dati sul campo anziché di dati di laboratorio. Ma è sufficientemente buono da essere utilizzato per report aziendali semplificati? Controlla il risultato ottenuto dall'analisi precedente e verifica se è possibile osservare una diminuzione del tasso di conversione mobile relativo quando i tempi di caricamento sono stati elevati per almeno 2-3 mesi e se il tasso di conversione mobile relativo aumenta quando i tempi di caricamento sono stati ridotti per 2-3 mesi. Se i tempi di caricamento sono rimasti abbastanza stabili, sarà difficile capire se l'analisi funziona per te finché non avrai migliorato notevolmente la velocità. In questo caso, vai alla opzione successiva.
• Mostra i grafici per le metriche relative alla velocità utilizzate dagli sviluppatori. Spiegali al team di analisi e scopri se riesci a trovare correlazioni con il tasso di conversione o con il tasso di conversione da dispositivo mobile relativo.
• Dai al team di analisi il tempo necessario per trovare il modo di utilizzare la velocità nei calcoli relativi alle entrate e per capire come comunicarli agli stakeholder. Spesso si tratta di un argomento nuovo per loro. Poi incontrati di nuovo e prova un approccio concordato. Come sempre, devi rivedere la raccolta dei dati finché non trovi la soluzione più adatta, ma questo è un modo per iniziare la collaborazione.

Passaggi successivi

Chiedi al team di analisi di eseguire l'analisi descritta in Il valore della velocità dopo che il progetto sulla velocità ha portato a grandi miglioramenti. L'azienda potrà vedere quante conversioni e entrate ha guadagnato, premiando il tuo team e tutti i reparti che hanno collaborato con te. Questi dati possono essere inclusi in un report settimanale per gli stakeholder, in modo che il progetto non sia un impegno una tantum, ma venga gestito continuamente.