Ottimizzazione della velocità della pagina per i marketer

La velocità è una metrica di marketing che indossa un costume da ingegneria. I visitatori abbandonano le pagine lente prima che il titolo dia un’occhiata al suo caso, i segnali di esperienza dei sistemi di ricerca in visibilità e ogni canale a monte paga la tassa di una destinazione lenta. Eppure nella maggior parte delle organizzazioni, le persone le cui campagne soffrono di lentezza sono scollegate dalle decisioni che lo causano, spesso le proprie. Questa guida chiude questo divario: come viene misurata la velocità, dove i siti di marketing effettivamente la perdono, cosa i marketer possono risolvere senza un biglietto e come collaborare sul resto.

Misurazione della velocità

Non puoi gestire un numero che hai letto male. Due distinzioni portano la maggior parte dell’alfabetizzazione.

Test di laboratorio contro realtà sul campo

Gli strumenti di laboratorio caricano la pagina in un ambiente controllato e producono dettagli diagnostici: cosa ha caricato, in quale ordine, bloccando cosa. I dati sul campo aggregano le esperienze dei visitatori reali attraverso i loro dispositivi e reti reali. Lab è il microscopio, il campo è la verità; una pagina che segna magnificamente in laboratorio può funzionare male per il tuo pubblico reale di telefoni di fascia media su reti mobili. Ottimizzare contro i dati sul campo, diagnosticare con i dettagli del laboratorio.

Le fasi dell’esperienza che contano

Il moderno Performance Thinking misura le fasi dell’esperienza: quanto velocemente il contenuto principale diventa visibile, quanto velocemente la pagina risponde all’interazione e quanto il layout si sposta durante il caricamento. Quest’ultimo, la stabilità visiva, è un cattivo rilevante per il marketing: i contenuti saltano come annunci, banner e incorporano pop in cause di clic errati e abbandono, ed è quasi sempre causato da attività iniettate senza spazio riservato. Impara a leggere queste metriche di fase nei tuoi strumenti; mappano direttamente ciò che i visitatori sentono.

Dove i siti di marketing diventano lenti

Il peso sulla maggior parte delle pagine di marketing è riconducibile a una manciata di fonti ricorrenti, la maggior parte delle quali di proprietà del marketing.

Immagini e video

La classe di risorse più pesante e la più comunemente gestita male: fotografia a risoluzione completa ridimensionata dal browser, immagini eroe non compresse, formati moderni non utilizzati e ogni caricamento di immagini immediatamente indipendentemente dalla posizione. Le correzioni sono correzioni del flusso di lavoro dei contenuti: comprime e ridimensiona al caricamento, adotta i formati moderni in cui è supportato, il caricamento pigro sotto la piega e tratta il video in background come la spesa di lusso che è.

L’accumulo di tag e script

Analytics, strumenti di test, widget di chat, heatmap, personalizzazione e pixel delle campagne passate: ogni piccolo, collettivamente dominante e tutto installato sul marketing. Gli script di terze parti competono per le stesse risorse del dispositivo di cui i tuoi contenuti hanno bisogno e quelli abbandonati sono di puro peso morto. Un audit trimestrale dei tag, cosa funziona, chi lo possiede, quale decisione alimenta, è un intervento di velocità mascherato da pulizia e consolidando gli strumenti sovrapposti.

Incorpora, caratteri e peso del page-builder

Le incorporazioni sociali e gli iframe video trascinano intere applicazioni di terze parti nella tua pagina; i modelli di facciata leggeri, una miniatura che carica il vero embed su clic, preservano la funzione ad una frazione del costo. I font personalizzati in molti pesi ritardano il rendering del testo; tagliare i pesi effettivamente utilizzati e configurare ribassi sensibili è una decisione di progettazione con conseguenze sulla velocità. I costruttori di pagine visive e i pacchetti di temi spesso inviano molto più codice di qualsiasi pagina utilizzata, che è una conversazione sulla piattaforma che vale la pena avere con le prove in mano.

La lista di controllo diretta del marketer

Prima di qualsiasi intervento di ingegneria, esaurire le correzioni all’interno del flusso di lavoro del marketing.

Rendere l’igiene dei media un’abitudine di pubblicazione

Impostare le dimensioni dell’immagine e gli standard di compressione per ogni modello, cuocerli nel flusso di lavoro del contenuto in modo che la conformità sia predefinita e spazzare i trasgressori più pesanti della libreria esistente. Questa singola abitudine, applicata da chiunque pubblichi, offre spesso il più grande guadagno di velocità disponibile su un sito basato sui contenuti.

Guida al portafoglio tag

Rimuovere i tag senza proprietari o decisioni allegate, consolidare gli strumenti che si sovrappongono, caricare ciò che rimane dopo il contenuto critico della pagina e instradare ciò che è possibile attraverso il tagging lato server per ridurre il carico del browser. Ogni script rimosso è un regalo per ogni pagina in cui era.

Progettare pagine di campagna speed-first

Le pagine di destinazione sono strumenti di conversione: un lavoro, peso minimo, nessuna carosello di fotografia a tutto campo, senza sei widget incorporati. Dove le campagne a pagamento e organiche guidano il traffico, il comportamento di carico della pagina di destinazione fa parte della creatività della campagna; in breve in questo modo e testarlo su un telefono reale su una vera connessione cellulare prima del lancio. Il traffico sociale merita particolare attenzione, dal momento che i clic da post programmati attraverso piattaforme come lo strumento SocialBlaze per programmare i post sui social media spesso si aprono in browser in-app che sono più lenti e meno indulgenti rispetto ai browser completi; una pagina che è veloce c’è veloce ovunque.

Collaborare con gli sviluppatori sul lavoro strutturale

Oltre la portata diretta del marketing si trova il livello architettonico e i marketer ottengono risultati migliori coinvolgendolo bene.

Portare dati di campo, non vibrazioni

“Il sito sembra lento” è inattivo; “il contenuto principale sulle nostre pagine di destinazione principali richiede diversi secondi per essere visualizzato per gli utenti di campo mobile, e qui ci sono le tre risorse più pesanti” è un ordine di lavoro. Impara a tirare il rapporto sul campo e la cascata di laboratorio per le tue pagine chiave; la mezza giornata di apprendimento aggiorna in modo permanente ogni conversazione sulle prestazioni che avrai mai.

Comprendere le leve strutturali

I miglioramenti sul lato ingegneristico includono la memorizzazione nella cache e la consegna dei bordi, la strategia di rendering, la suddivisione del codice in modo che le pagine carichino solo ciò che utilizzano, la priorità del percorso critico e la riserva di spazio di layout per il contenuto iniettato. Non è necessario implementarli; è necessario sapere che esistono, quindi la conversazione può pesarli contro le correzioni sul lato marketing e sequenziare la roadmap per impatto.

Negoziare apertamente il commercio di capacità di velocità-contro-capacità

Ogni strumento e caratteristica ha un prezzo di prestazioni, e fingendo altrimenti sposta solo l’argomento dopo il danno. Un accordo operativo sano: il marketing afferma la necessità di capacità, l’ingegneria afferma il costo del peso ed entrambi valutano rispetto al budget condiviso. A volte il widget di chat ne vale la pena; a volte non lo è; il punto è decidere ad occhi aperti.

Salvaguardare i guadagni

La velocità regredisce per impostazione predefinita, una decisione ragionevole alla volta. La durabilità richiede struttura.

Impostare i budget di performance

Concorda sulle soglie per tipo di modello, peso totale, peso dell’immagine, numero di script, target field-metric e controlla il nuovo lavoro contro di loro prima del lancio. Un bilancio trasforma la velocità da una crisi periodica in un vincolo permanente, che è l’unica forma in cui sopravvive alla vita organizzativa.

Monitorare continuamente e annotare i cambiamenti

Tieni traccia delle metriche dei campi per le pagine di valore più elevato su una dashboard che qualcuno possiede, avvisa sul degrado e annota implementazioni, nuovi tag e modifiche ai modelli in modo che le regressioni possano risalire rapidamente alle cause. Gli incidenti di velocità rilevati monitorando le ore di costo; quelli rilevati da un quarto di conversione in calo costano molto di più.

Report velocità nella lingua aziendale

Legare i miglioramenti alla leadership delle metriche già osserva: rimbalzo e coinvolgimento all’arrivo, il tasso di conversione si sposta su modelli ottimizzati e tendenze di visibilità della ricerca. Speed work si finanzia quando i suoi effetti sono resi visibili, e la segnalazione sostiene la disciplina di bilancio quando il prossimo widget pesante fa il suo passo.

Velocità come variabile di campagna

Al di là del programma a livello di sito, la velocità merita un posto nel modo in cui le singole campagne sono pianificate e giudicate, perché le superfici della campagna sono dove la lentezza costa di più per visitatore.

Velocità di pre-lancio QA

Aggiungere un controllo del comportamento di carico alla lista di controllo della campagna insieme a test di link e correzione di bozze: aprire la pagina di destinazione su un telefono di fascia media tramite una connessione cellulare, idealmente attraverso il browser in-app della rete in cui la campagna viene eseguita e sperimentare ciò che il visitatore prima clic esperienze. Una pagina che richiede abbastanza tempo per richiedere un back-swipe fallisce QA indipendentemente da come segna in un test di laboratorio desktop, e catturarlo pre-lancio non costa nulla.

Corrispondenza peso pagina al valore del traffico

Una pagina che riceve traffico costoso o duramente conquistato merita un investimento sproporzionato. Per i lanci importanti, considera un’esperienza di atterraggio ridotta e costruita appositamente piuttosto che instradare clic a pagamento e social su una pagina generale pesante. L’aritmetica è semplice: più hai investito nel guadagnare il clic, più ogni secondo di tempo di carico distrugge, quindi i budget di peso dovrebbero serrare con l’aumentare del valore del traffico.

Leggi la velocità nella campagna retro

Quando una campagna si presenta sottoperformante, includere le metriche di caricamento per le sue pagine di destinazione nella retrospettiva prima di incolpare il pubblico o il creativo. Un forte tasso di click-through che collassa in un debole coinvolgimento in-page è la classica firma a pagina lenta, e esonera il messaggio mentre indichi la destinazione. I team di campagna che esaminano regolarmente questa cucitura smettono di ri-imparare la stessa lezione e iniziano a pianificare la velocità nel piano fin dall’inizio.

Un arco di novanta giorni

Primo mese: stabilire la misurazione, la baseline dei dati di campo, la diagnostica di laboratorio sulle prime pagine ed eseguire gli audit dei media e dei tag. Secondo mese: eseguire le correzioni controllate dal marketing, gli standard di compressione, la potatura dei tag, le facciate incorporate, il taglio dei font e le ri-misure per incassare le vincite. Terzo mese: portare il backlog strutturale all’ingegneria con prove, concordare i budget e il monitoraggio e istituzionalizzare le abitudini editoriali. Il modello successivo è la manutenzione: igiene per impostazione predefinita, budget al cancello, monitoraggio in guardia. La velocità non è un progetto con una data di fine; è una proprietà di come viene gestito il sito e le mani del marketing sono su più controlli di quanto la tradizione ammetta.