Correggere la velocità del sito web in modo interfunzionale

In che modo altri reparti possono aiutarti a ottenere risultati migliori con il tuo progetto di ottimizzazione della velocità del sito web.

Lina Hansson
Lina Hansson

Un mito comune collegato alla velocità del sito è che la responsabilità è solo del team di sviluppo. In realtà, un sito veloce richiede l'aiuto di diversi reparti. Raramente gli sviluppatori possono risolvere i problemi da soli, a prescindere dal loro talento. Quindi, come si può migliorare la velocità con i colleghi? Questo articolo spiega in che modo tu, in qualità di sviluppatore web, puoi convincere la tua azienda a dare la priorità alla velocità del sito, ricevere assistenza da reparti diversi durante l'ottimizzazione e aumentare la consapevolezza del successo del tuo progetto di ottimizzazione.

Migliora la velocità con l'aiuto degli stakeholder della tua azienda

Molte aziende si trovano nel mezzo di un cambiamento dirompente nel comportamento dei consumatori, in cui la crescita degli acquisti effettuati su piattaforme digitali anziché nei negozi fisici rivela la necessità di adattarsi rapidamente o rischiare di dover affrontare una diminuzione delle entrate. Ciò richiederà sia nuovi processi organizzativi sia nuove mentalità e un forte sostegno da parte degli stakeholder per il successo.

La sfida condivisa

Il modo in cui le aziende si organizzano molto probabilmente dovrà cambiare all'interno di diversi livelli. Innanzitutto, un progetto relativo alla velocità, con il potenziale aumento delle entrate che può creare, sarà difficile da eseguire senza che gli sviluppatori abbiano il tempo di lavorarci. È necessario che l'allocazione delle risorse avvenga e la collaborazione con altri reparti, come marketing e web designer, diventa spesso più fluida se gli stakeholder e i dirigenti mostrano che si tratta di un progetto prioritario.

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

Ciò significa che le aziende che prendono decisioni esecutive informate dalle persone che sono esperti di piattaforme digitali avranno un vantaggio. Un suggerimento potrebbe essere quello di invitare uno sviluppatore alle riunioni in cui vengono prese le decisioni aziendali, per garantire che il sito e i suoi vincoli vengano presi in considerazione fin dall'inizio e, in questo modo, aumentare le vendite.

Invia una proposta agli stakeholder

In generale, circa il 10% delle vendite avviene sulle piattaforme digitali, ma gli studi dimostrano che ben l'85% delle vendite nei negozi fisici è influenzato principalmente dal digitale. Avere un sito che abbia un buon rendimento, soprattutto sui dispositivi mobili (che stanno diventando il dispositivo principale), è quindi fondamentale per le entrate della nostra azienda. Proponiamo un progetto sulla velocità che aiuti il sito ad aumentare le conversioni e per impostare flussi di comunicazione in modo da utilizzare meglio le informazioni dei team tecnici prima che vengano prese le decisioni che interessano il sito.

Prepararsi all'incontro con gli stakeholder

Prima di incontrare gli stakeholder, assicurati di avere tutti i dati necessari relativi al tuo sito web e a quelli dei tuoi concorrenti, nonché a dati che dimostrino un ROI elevato per le modifiche che intendi suggerire. Raccogli dati sull'importanza della velocità. Lo scenario migliore è quando il rendimento è legato alle entrate dell'azienda. Ecco alcuni modi per farlo:

  • Calcola il tasso di conversione da dispositivo mobile relativo. Collabora con il team di analisi ed esegui l'analisi descritta in Il valore della velocità. Se storicamente hai un periodo (almeno 2-3 mesi) in cui i tempi di caricamento sono stati molto superiori a quelli di un altro di pari durata, la bassa velocità del sito in genere incide fortemente sulle conversioni da dispositivi mobili. Attraverso l'analisi, è possibile calcolare le entrate perse dall'azienda durante i periodi di scarsa velocità, dimostrando il valore della velocità. Se i tempi di caricamento sono rimasti quasi allo stesso livello, l'analisi sarà difficile e le alternative riportate di seguito possono fornire più risposte.
  • Stima il valore della velocità in base a modelli statistici. Con TestMySite di Google puoi eseguire un test e calcolare l'impatto che un sito più veloce può avere sulla tua attività. Tutto ciò di cui hai bisogno sono i dati sulla media dei visitatori mensili, il tasso di conversione e il valore medio degli ordini, per cui il tuo team di analisi può aiutarti.
  • Fornisci case study di best practice. Puoi anche utilizzare casi d'uso di altre aziende che hanno reso il loro sito più veloce e ne hanno riscontrato l'effetto. In che modo il tempo di caricamento della pagina influisce sui tassi di conversione: 12 case study fornisce alcuni esempi.
  • Spiega l'importanza dei dispositivi mobili. Chiedi al team di analisi di fornire dati sulla percentuale del traffico proveniente dai dispositivi mobili rispetto a quella proveniente dai computer desktop.
  • Fai delle ricerche su quanto costerà. I calcoli di cui sopra sono modi per mostrare agli stakeholder il possibile incremento delle entrate derivante dalla velocità, ma affinché gli stakeholder possano prendere decisioni devono conoscere il ROI, quindi se sei preparato con un costo stimato, la decisione esecutiva può essere raggiunta più rapidamente. A questo scopo, valuta quanto tempo sarà necessario per il progetto iniziale di velocità e quanto tempo sarà necessario per la manutenzione successiva. Ad esempio, nel documento Fast-forward: TUI velocizza il sito abbattendo le barriere tra i vari dipartimenti, gli sviluppatori hanno a disposizione il 20% del loro tempo libero da arretrati e campagne, il che potrebbe dedicare alla velocità dei progetti e ad altri modi per migliorare il sito.

Incontrare le parti interessate

  • Presenta la quantità di traffico ricevuta dai dispositivi mobili rispetto ai computer desktop e la crescita registrata dai dispositivi mobili negli ultimi anni. Ciò sottolinea l'importanza di creare un'ottima esperienza mobile.
  • Presenta i risultati sul modo in cui la velocità influenza le entrate dell'azienda.
  • Comunica agli stakeholder che gli sviluppatori possono contribuire ad aumentare le entrate provenienti dai visitatori da dispositivi mobili se viene loro concesso il tempo di lavorare continuamente sulla velocità.
  • Suggerisci che una persona del team di sviluppo dovrebbe essere invitata alle riunioni esecutive in cui verranno prese le decisioni relative al sito. Oggi vendiamo su piattaforme digitali. Le aziende vincitrici saranno le aziende che iniziano a comunicare con i loro esperti digitali. Le aziende moderne dovranno disporre di flussi di comunicazione impostati tra i reparti e tra gli stakeholder e gli sviluppatori. Uno studio dell'Harvard Business Review ha dimostrato che un progetto IT su sei ha un superamento dei costi del 200%. Un esempio è stato Kmart, che stava perdendo la sua posizione competitiva rispetto a Walmart e Target quando ha avviato il suo progetto di modernizzazione dell'IT da 1,4 miliardi di dollari nel 2000. Predisporre tempestivamente la comunicazione e la manutenzione, è possibile abbattere le barriere tra i vari dipartimenti e la condivisione delle conoscenze può diventare un vantaggio competitivo.

Migliora la velocità con l'aiuto del tuo team di marketing

La sfida condivisa

I team di marketing hanno bisogno di strumenti per gestire annunci e dati al fine di prendere decisioni informate, ma la maggior parte degli strumenti rallenta i siti web e sono spesso implementati con script di blocco della visualizzazione che obbligano i visitatori che accedono al sito ad attendere fino a quando non vedono nulla sullo schermo. È quindi necessario trovare un equilibrio: il reparto marketing ha bisogno di dati e strumenti, ma affinché il sito possa registrare frequenze di rimbalzo basse e tassi di conversione elevati, è necessario che sia veloce, in modo che il marketing riceva un buon ritorno sull'investimento.

Per raggiungere il giusto equilibrio, occorre fare attenzione ai copioni:

  • Evita duplicati che misurano più o meno la stessa cosa.
  • Rimuovi gli strumenti che non vengono più utilizzati.
  • Non misurare ciò che offre. Misura solo gli aspetti critici per l'azienda.

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

Invia 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. In questo modo si riduce il valore degli investimenti di marketing, poiché paghiamo per gli annunci, le persone si interessano, fanno clic, ma poi devono aspettare. Questo rischia di infastidirsi e di andare via. Uno studio ha rilevato che il tasso di conversione è diminuito da circa il 50% a circa il 35% quando la metrica della velocità Time to Interactive è passata da 0,15 a 0,3 secondi. Possiamo lavorare insieme per risolvere questo problema per creare un equilibrio tra gli strumenti di cui hai bisogno e le prestazioni del sito, in modo da ottenere un maggiore ritorno sugli investimenti di marketing?

Preparati per l'incontro con il team di marketing

  • Crea un elenco degli script implementati sul sito.
  • Invia l'elenco al reparto marketing e chiedigli di consultarlo in anticipo e di suddividerlo in tre bucket:
    • Fondamentale per l'attività. Questi script devono rimanere.
    • Ottimo da avere. Script che potrebbero essere utilizzati meno o che potrebbero essere rimossi. Ad esempio, a volte le aziende raccolgono mappe termiche o registrazioni dello schermo, ma i dati potrebbero essere esaminati solo raramente e non portare a azioni o aumentare le conversioni. In casi come questi, può essere meglio accettare di eseguire gli strumenti solo per (ad esempio) due settimane, raccogliere gli insight per l'analisi e poi pulire gli script finché non è il momento per il successivo periodo di raccolta dei dati mirata.
    • Non usati o non di proprietà. Questi elementi dovrebbero essere rimossi.
  • Verifica in che misura ogni script rallenta il sito confrontando la velocità del sito con e senza. In WebPageTest può essere configurato nella 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 di essi. Ad esempio, alcuni script utili possono influire molto sulle prestazioni del sito? Grazie alla ricezione di consigli, per il team di marketing è più facile stabilire le priorità e conoscendo gli aspetti critici per l'attività, sarà più facile capire il loro punto di vista.
  • Discuti dei seguenti argomenti:
    • I vantaggi della raccolta dei dati portano a un aumento delle conversioni superiore alla diminuzione causata dal rallentamento del sito? I dati possono guidare la decisione.
    • La tua azienda ha scelto un fornitore con la versione dello strumento più veloce sul mercato? Il reparto marketing potrebbe aver bisogno dell'aiuto degli sviluppatori per capire se gli strumenti business-critical possono essere sostituiti con alternative più rapide.
    • Esistono alternative a uno degli script sul sito? Ad esempio, al posto delle mappe termiche, potrebbe essere possibile iniziare a eseguire test di usabilità in cui conoscere anche il "perché" del comportamento degli utenti, portando spesso a insight più approfonditi.

Accetta i passaggi successivi

  • Decidi il processo da seguire in futuro. Il marketing deve chiedere sempre agli sviluppatori di rivedere i nuovi strumenti e il loro impatto sulla velocità prima di implementarli? Oppure il marketing dovrebbe avere un budget del rendimento che gli apprenda come controllare la velocità e da sé può dare la priorità agli strumenti che vuole, purché venga raggiunto il target di velocità?

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

Una delle sfide più grandi per le prestazioni web è che, anche se la connettività potrebbe diventare più veloce in molte regioni, i siti web stanno diventando più pesanti e, di conseguenza, sono di fatto più lenti. Per risolvere questo problema, gli sviluppatori devono collaborare con i web designer.

La sfida condivisa

In fin dei conti, tutti i reparti di un'azienda di solito dipendono dal sito che genera le conversioni, che si tratti di generare entrate o altro. E la dura verità è che non importa quanto siano belle le pagine web se impiegano così tanto tempo a caricarsi che la gente non rimane nei paraggi per vederle.

Ma anche la presenza di pagine web sottili è una responsabilità condivisa. Gli sviluppatori possono usare varie tecniche di ottimizzazione delle immagini per velocizzare il caricamento. I web designer possono creare pagine che aiutano a mantenere il peso delle pagine al di sotto del livello concordato.

Invia una proposta al team di web design

Studi dimostrano che le pagine con meno immagini e meno elementi generano più conversioni. Ad esempio, uno studio di Google e SOASTA ha rilevato che le sessioni che hanno generato conversioni hanno il 38% di immagini in meno rispetto alle sessioni che non hanno generato conversioni. Possiamo lavorare insieme per raggiungere i target di velocità e impostare una collaborazione congiunta per aumentare le conversioni sul sito? Alcuni esempi di ciò che 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 comportano un utilizzo intensivo e lento dei siti.

Preparati per una riunione con il team di web design

  • Monitora le pagine del sito che registrano il tempo di caricamento e il peso della pagina più elevati. Ad esempio, se lavori con un sito di e-commerce, assicurati di controllare non solo la home page, ma anche le pagine della campagna, alcune delle pagine delle categorie più grandi, alcune pagine dei prodotti e il flusso di pagamento.
  • Prepara una proposta di budget per le 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 finiscono sopra il livello di peso della pagina target.

Incontra il team di web design

  • Impegnati a indagare su come il team di sviluppo possa distribuire le immagini più rapidamente attraverso 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 sono pubblicate con qualità e dimensioni diverse e concorda un livello che equilibra prestazioni e qualità su schermi diversi. Ricorda che i visitatori che utilizzano dispositivi mobili spesso hanno sessioni di breve durata: uno studio ha dimostrato che più della metà delle sessioni mobile dura 30 secondi o meno. Questi utenti potrebbero non studiare le immagini in dettaglio e potrebbero preferire che il sito sia veloce.
  • Proponi un budget delle prestazioni in cui i web designer si impegnino ad assicurarsi che tutte le pagine web abbiano un peso inferiore a 1 MB (o a un massimo di 1,5 MB).

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

Le aziende hanno bisogno di dati per sapere su cosa concentrarsi e per prendere una base decisionale. Tuttavia, anche se molti parlano dell'importanza della velocità del sito e della sua connessione alle entrate e alle vendite, ci sono ancora molte aziende che non includono la velocità nei report settimanali esterni ai team tecnici. Questo può essere cambiato se gli sviluppatori iniziano a collaborare con i team di analisi.

La sfida condivisa

La realtà è questa: ciò che non viene segnalato non sarà incentrato su. Se la velocità del sito non rientra nei report settimanali o mensili per gli stakeholder aziendali, sarà facile dimenticarlo e avrai difficoltà a trovare risorse per concentrarti su questo aspetto. Tuttavia, poiché i team di analisi spesso non hanno esperienza con la velocità di monitoraggio, avranno bisogno dell'aiuto degli sviluppatori. Inoltre, gli sviluppatori avranno bisogno dell'aiuto del team di analisi per calcolare l'effetto sulle entrate se vengono apportati miglioramenti della velocità. Questi reparti sono più dipendenti l'uno dagli altri di quanto si potrebbe pensare.

Invia una proposta al team di analisi

Molti case study dimostrano l'effetto della velocità del sito su entrate e frequenza di rimbalzo. Potremmo collaborare per impostare il monitoraggio della velocità del sito per la nostra azienda e magari includere la velocità nell'ambito dei rapporti inviati alle parti interessate in modo da ottenere più consenso.

Preparati per un incontro con il tuo team di analisi

  • Monitora la velocità regolarmente. Consigliamo di utilizzare un'API con uno strumento come Lighthouse CI, PageSpeed Insights o WebPageTest, che ti consenta di raccogliere statistiche regolarmente in un lab controllato per semplificare il benchmarking in periodi di tempo diversi.
  • Inoltra Il valore della velocità al team di analisi e chiedi se è in grado di eseguire l'analisi in modo che il grafico sia pronto da analizzare durante la riunione.

Incontra il team di analisi

  • Controlla il grafico creato in base a Il valore della velocità. Il tasso di conversione da dispositivo mobile relativo è un modo per monitorare l'impatto della velocità e il miglioramento del sito. Chiedi al team di analisi se è disponibile per iniziare a monitorare il problema.
  • Stabilisci se la metrica del tempo di caricamento in Google Analytics è sufficientemente valida per generare report aziendali semplificati. Il valore della velocità utilizza questa metrica. Come molti sviluppatori sanno, questa è solo una delle tante metriche di velocità importanti e, poiché si trova in Google Analytics, si tratta anche di dati sul campo anziché dei dati di laboratorio. Ma è sufficientemente valida da essere utilizzata per report aziendali semplificati? Controlla il risultato ottenuto dall'analisi riportata sopra e verifica se è possibile osservare un calo del tasso di conversione da dispositivo mobile relativo quando i tempi di caricamento sono rimasti elevati per almeno 2-3 mesi e se il tasso di conversione da dispositivo mobile relativo aumenta quando i tempi di caricamento sono rimasti bassi per due o tre mesi. Se i tempi di caricamento sono rimasti abbastanza stabili, sarà difficile capire se l'analisi funziona fino a quando non avrai migliorato gravemente la velocità. Se sì, scegli la prossima alternativa.
  • Mostra i grafici per le metriche sulla velocità utilizzate dagli sviluppatori. Spiegalo al team di analisi e controlla se scopri correlazioni con il tasso di conversione o con il tasso di conversione da dispositivo mobile relativo.
  • Concedi al team di analisi il tempo di pensare a come utilizzare la velocità nei calcoli relativi alle entrate e a come segnalarlo agli stakeholder. Spesso si tratta di un nuovo argomento per loro. Incontriamoci di nuovo e prova un approccio su cui sei d'accordo. Come sempre, devi rivedere la raccolta dei dati fino a quando troverai la soluzione giusta, ma questo è un modo per iniziare la collaborazione.

Passaggi successivi

Chiedi al tuo team di analisi di eseguire l'analisi delineata in Il valore della velocità dopo che il progetto ha portato grandi miglioramenti. Mostrerà all'azienda quante più conversioni ed entrate ha ottenuto, 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 questo modo, il progetto non diventa un'attività una tantum, ma viene costantemente mantenuto.