Se si guardano gli ultimi anni di traffico di analisi per i siti Web, è probabile che tutti condividano una cosa importante in comune: un aumento del numero di visitatori che ricevono dagli utenti sui dispositivi mobili.
A livello globale, ora c'è più traffico web proveniente da dispositivi mobili che da quelli che considereremmo "dispositivi tradizionali", che in pratica significa computer desktop o laptop. Non c'è dubbio che il mobile computing abbia cambiato il modo in cui le persone consumano contenuti online, il che significa che ha cambiato il modo in cui dobbiamo costruire siti web per quei segmenti di pubblico sempre più incentrati sui dispositivi mobili.
Costruire per un pubblico mobile
La creazione di "siti web ottimizzati per i dispositivi mobili" è stata una priorità per i professionisti del web per molti anni. Pratiche come il web design reattivo hanno lo scopo di aiutare a creare siti che funzionino bene per tutti i dispositivi, e un focus sulle prestazioni del sito Web e tempi di download veloci avvantaggia tutti gli utenti, mobili o altro. Un altro approccio ai siti ottimizzati per i dispositivi mobili è noto come sviluppo web AMP, che sta per Accelerated Mobile Pages.
Questo progetto, supportato da Google, è stato creato come standard aperto per consentire agli editori di siti Web di creare siti che si caricano più rapidamente sui dispositivi mobili. Se stai pensando che questo assomigli molto al responsive web design, non ti sbagli. I due concetti condividono molto in comune, ovvero che entrambi sono focalizzati sulla distribuzione di contenuti agli utenti su dispositivi mobili. Esistono tuttavia alcune differenze tra questi due approcci.
Differenze chiave tra AMP e responsive Web Design
Uno dei punti di forza del web design reattivo è sempre stata la flessibilità che aggiunge a un sito. È possibile creare una pagina che risponda automaticamente alle dimensioni dello schermo di un visitatore. Ciò consente di raggiungere la tua pagina e la capacità di offrire una buona esperienza a una vasta gamma di dispositivi e dimensioni dello schermo, dai telefoni cellulari ai tablet ai laptop, i desktop e oltre. Il web design reattivo è focalizzato su tutti dispositivi e esperienze utente, non solo mobili. Questo è sia buono in qualche modo che cattivo in altri.
La flessibilità in un sito è ottima, ma se vuoi davvero concentrarti sui dispositivi mobili, la creazione di un sito che si concentra su tutti gli schermi, invece che su quelli mobili, può essere scambiata con flessibilità per prestazioni mobili ottimizzate. Questa è la teoria dietro AMP.
L'AMP è focalizzato esclusivamente sulla velocità, ovvero sulla velocità mobile. Secondo Malte Ubl, Google Tech Lead per questo progetto, AMP mira a portare "rendering istantaneo ai contenuti web". Alcuni dei modi in cui questo viene fatto includono:
- Caricamento lento
- Utilizzando preconnessione
- Prefetching delle risorse
- Async Javascript
- Fogli di stile in linea
- Nessun font scaricabile
- Prioritizzazione delle risorse
Questi sono solo alcuni dei principi che rendono AMP carico così rapidamente. Vi sono tuttavia anche alcuni elementi in tale elenco che potrebbero far rabbrividire i professionisti del Web da molto tempo. Fogli di stile in linea, per esempio. Molti di noi hanno detto per anni che tutti gli stili dovrebbero essere contenuti in fogli di stile esterni. Essere in grado di stilare molte pagine del sito da un solo foglio esterno è uno dei punti di forza del CSS, un punto di forza che viene negato se le pagine usano invece gli stili in linea. Sì, previeni la necessità di scaricare il file esterno, ma al costo di poter gestire l'intero sito con il singolo foglio di stile. Quindi quale approccio è migliore? La realtà è che entrambi hanno i loro vantaggi e svantaggi. Il Web è in continua evoluzione e le diverse persone che visitano il tuo sito hanno esigenze diverse. È molto difficile stabilire regole che si applichino in tutti i casi, poiché approcci diversi hanno senso in diverse situazioni. La chiave è valutare i vantaggi o gli svantaggi di ciascun approccio per determinare quale sia il migliore nel caso specifico.
Un'altra differenza fondamentale tra AMP e RWD è il fatto che il design reattivo viene raramente "aggiunto" a un sito esistente. Poiché RWD è davvero un ripensamento radicale dell'architettura e dell'esperienza di un sito, in genere richiede che il sito venga riprogettato e rielaborato per adattarsi agli stili reattivi. AMP può essere aggiunto a un sito esistente, tuttavia. In effetti, può anche essere aggiunto a un sito reattivo esistente.
Considerazioni su Javascript
A differenza dei siti con RWD, i siti AMP non funzionano bene con Javascript. Questo include 3rd script di partito e librerie che sono molto popolari sui siti oggi. Queste librerie possono aggiungere funzionalità incredibili a un sito, ma hanno anche un impatto sulle prestazioni. Come tale, è ovvio che un approccio focalizzato sulla velocità della pagina eviterebbe i file Javascript. È per questo motivo che l'AMP viene spesso utilizzato nelle pagine web statiche anziché in quelle altamente dinamiche o che richiedono uno specifico effetto Javascript per un motivo o per l'altro. Ad esempio, una galleria di siti Web che fa uso di un'esperienza in stile "lightbox" non sarà un ottimo candidato per AMP. D'altra parte, un articolo del sito web standard o un comunicato stampa che non richiede alcuna funzionalità di fantasia sarebbe una pagina eccezionale da offrire con AMP. È probabile che la pagina venga letta da persone che utilizzano dispositivi mobili che potrebbero aver visto il collegamento sui social media o tramite una ricerca su Google per dispositivi mobili. Essere in grado di consegnare istantaneamente quel contenuto quando lo richiedono, invece di rallentare la velocità di download mentre Javascript e altre risorse non necessari vengono caricati, è una buona esperienza per il cliente.
Scegliere la soluzione giusta
Quindi quale opzione è giusta per te: AMP o RWD? Dipende dalle tue esigenze specifiche, ovviamente, ma non è necessario scegliere l'una o l'altra. Se vogliamo avere strategie online più intelligenti (e di maggior successo) significa che dobbiamo prendere in considerazione tutti gli strumenti a nostra disposizione e imparare come lavoreranno insieme. Forse questo significa consegnare il tuo sito in modo reattivo, ma usando AMP su sezioni o pagine selezionate che potrebbero essere più adatte a quello stile di sviluppo. Potrebbe anche significare prendere aspetti di approcci diversi e combinarli per creare soluzioni ibride che soddisfano esigenze molto specifiche e che offrono il meglio di entrambi i mondi ai visitatori di quel sito.
