Nel 1994, c’erano 3000 siti web. Nel 2019, il loro numero era stimato a 1,7 miliardi, quasi un sito web ogni tre persone sul pianeta. Non solo il numero di siti web \u00e8 esploso, addirittura il peso di ogni pagina \u00e8 schizzato alle stelle. Tra il 2003 e il 2019, il peso della pagina web media \u00e8 passato da 100 KB a quasi 4 MB. I risultati?<\/p>\n\n\n\n
\u201cNella nostra analisi di 5,2 milioni di pagine\u201d, ha riportato Brian Dean per Backlinko nell’Ottobre 2019, \u201cil tempo medio che occorre per caricare completamente una pagina web \u00e8 10,3 secondi su desktop e 27,3 secondi su mobile.\u201d Nel 2013, Radware ha calcolato che il tempo di caricamento medio di una pagina web su mobile era di 4,3 secondi.<\/p>\n\n\n\n
Uno studio dopo l’altro dimostra che le persone odiano totalmente le pagine web lente. Nel 2018, una ricerca di Google ha scoperto che il 53% dei visitatori di siti mobile ha abbandonato una pagina che ci metteva pi\u00f9 di 3 secondi per caricarsi. Uno studio del 2015 di Radware ha scoperto che \u201cun sito che si carica in 3 secondi vede il 22% in meno di page views, ha un bounce rate pi\u00f9 alto del 50% e il 22% in meno di conversion rispetto a un sito che si carica in 1 secondo, mentre un sito che si carica in 5 secondi ha il 35% in meno di page views, un 105% di bounce rate pi\u00f9 alto e il 38% in meno di conversion\u201d.<\/p>\n\n\n\n
Le cause della ciccia di una pagina web? Dobbiamo biasimare principalmente le immagini e i video. Entro il 2022, si stima che i video online rappresenteranno oltre l’82% di tutto il traffico Internet dei consumatori, 15 volte di pi\u00f9 rispetto al 2017. Tuttavia, dal codice al contenuto, tutto ci\u00f2 che riguarda il web design \u00e8 diventato super-gonfio e super-inquinante. Considerate che se una tipica pagina web che pesa 4 MB viene scaricata 600.000 volte, sar\u00e0 necessario piantare un albero per far fronte al conseguente inquinamento.<\/p>\n\n\n\n
Dicono che un’immagine dipinga pi\u00f9 di mille parole. Bene, 1.000 parole di testo occupano circa due pagine A4 (210 mm di larghezza e 297 mm di lunghezza) e pesano circa 6 KB. Su due pagine A4 ci stanno circa quattro immagini di 9 cm x 16 cm. Supponiamo che queste immagini siano ben ottimizzate e pesino 40 KB ciascuna. (Un’immagine scarsamente ottimizzata potrebbe pesare diversi megabyte.) Anche con un’ottimizzazione cos\u00ec elevata, due pagine A4 di immagini pesano circa 160 KB. Sono 27 volte pi\u00f9 delle due pagine A4 di testo. Un video di 30 secondi, d’altro canto, potrebbe facilmente pesare 3 MB. I video creano molto pi\u00f9 inquinamento del testo. Il testo \u00e8 la tecnica di compressione definitiva. \u00c8 di gran lunga il modo pi\u00f9 ecologico di comunicare. Se vuoi salvare il pianeta, usa pi\u00f9 testo. Pensa al peso digitale.<\/p>\n\n\n\n
Dal punto di vista energetico, non si tratta semplicemente del peso della pagina. Alcune pagine potrebbero richiedere molto tempo dopo il download. Altre pagine, in particolare quelle ad-driven, verranno scaricate assieme a molti siti Web di terze parti, inviando loro dei contenuti o richiedendo loro dei dati, spesso dati personali sul visitatore del sito. \u00c8 una specie di cavallo di Troia. Pensate di essere voi ad accedere a un sito Web o a un’app, invece sono tutte queste terze parti che iniziano ad accedere a voi. Secondo Trent Walton, i primi 50 siti Web pi\u00f9 visitati avevano attaccati ad essi una media di 22 siti Web di terze parti. Il New York Times ne aveva 64, mentre il Washington Post ne aveva 63. Tutti questi siti Web di terze parti creano inquinamento e invadono la privacy.<\/p>\n\n\n\n
C’\u00e8 un enorme quantit\u00e0 di contenuti obsoleti sui siti web. Ho lavorato con centinaia di siti web in cui ho dovuto cancellare il 90% delle pagine per cominciare a vedere dei miglioramenti. Il codice scritto male e datato \u00e8 un altro enorme problema. Pulendo il suo codice JavaScript, Wikipedia ha stimato di aver risparmiato 4.3 terabytes al giorno di banda dati per i suoi visitatori. Risparmiando quei terabyte, ci siamo risparmiati di piantare quasi 700 alberi per gestire l’inquinamento annuale che avrebbero causato.<\/p>\n\n\n\n
Se volete contribuire a salvare il pianeta, riducete il peso digitale. Pulite il vostro sito web. Prima di aggiungere un’immagine, assicuratevi che faccia qualcosa di utile e che abbia la miglior ottimizzazione possibile. Ogni volta che aggiungete del codice, assicuratevi che faccia qualcosa e che sia il pi\u00f9 lean possibile. State sempre attenti alle immagini spazzatura, al codice spazzatura, ai contenuti spazzatura. Prendete l’abitudine di rimuovere qualcosa ogni volta che aggiungete qualcosa.<\/p>\n\n\n\n
Pubblicare d\u00e0 dipendenza. Dare un sito web a un’organizzazione \u00e8 come dare un pub a un alcolista. Vi ricordate il detto \u201cChiunque pu\u00f2 scrivere un libro\u201d? Bene, il web fa uscire quel libro. Tutti felici mentre pubblichiamo e pubblichiamo e pubblichiamo, finch\u00e9\u2026<\/p>\n\n\n\n
\u201cCiao, sono Gerry. Ho un sito di 5000 pagine.\u201d<\/p>\n\n\n\n
\u201cCiao, Gerry.\u201d<\/p>\n\n\n\n
\u201cPrima avevo un sito di 500 pagine, ma non avevo auto-controllo. Aggiungevo una pagina, poi un’altra, poi un’altra ancora\u2026 Che male pu\u00f2 fare una pagina?\u201d<\/p>\n\n\n\n
Il redesign \u00e8 il rehab dei siti web. Ogni due o tre anni o ad alcuni manager viene a noia il design attuale o un qualche altro manager incontra un cliente che gli dice quanto sia terribile non riuscire a trovare nulla sul sito web. Il team di design mette insieme un nuovo gruppo di immagini fake e contenuti fake per le pagine dei livelli superiori, evitando attentamente di avvicinarsi all’incredibile casino dei livelli inferiori. Dopo il lancio, tutti sono felici per un po’ (tranne i clienti, ovviamente) perch\u00e9 in molte organizzazioni ci\u00f2 che \u00e8 importante \u00e8 essere visti mentre si fanno cose, si producono cose e si lanciano cose, piuttosto che fare qualcosa di utile.<\/p>\n\n\n\n
Se dovete fare qualcosa, fate qualcosa di utile. Ci\u00f2, spesso, significa non fare, rimuovere, ridurre, pulire.<\/p>\n\n\n\n
State attenti ai piccoli task. Abbiamo usato il metodo dei Top Tasks per identificare cosa importa e cosa no alle persone, che stiano comprando un’auto, scegliendo un’universit\u00e0, occupandosi della loro salute, comprare un qualche tipo di prodotto tecnologico o qualunque altra cosa. L’abbiamo fatto in ogni ambiente – e per pi\u00f9 di 500 volte – e risulta sempre che ci sono non pi\u00f9 di 100 cose che potrebbero potenzialmente essere importanti.<\/p>\n\n\n\n
In ambito salute, queste potrebbero includere i sintomi, i trattamenti, la prevenzione, i costi, i tempi di attesa, etc. Quando si compra un’auto, potrebbero includere: prezzo, motore, garanzie, costi di manutenzione, etc. Abbiamo fatto l’indagine Top Tasks in circa 40 Paesi e 30 lingue, con oltre 400.000 persone votanti. In ogni singolo sondaggio emergono gli stessi schemi. Diciamo che ci sono 100 potenziali task. Alle persone viene chiesto di votare i task pi\u00f9 importanti per loro. Quando riceviamo i risultati, scopriamo che cinque dei task ottengono il primo 25% dei voti. 50 task otterranno il 25% finale dei voti. I primi cinque task ottengono tanti voti quanto gli ultimi 50. Lo stesso pattern si ritrova in Norvegia, Nuova Zelanda, Israele, USA, Canada, UK, Brasile, ovunque.<\/p>\n\n\n\n
Gli ultimi 50 sono quelli che io chiamo \u201ctiny task\u201d, piccoli task. Quando un piccolo task va a dormire la sera, sogna di diventare un top task. Questi tiny task, i veri generatori di spreco, sono davvero ambiziosi ed entusiasti. Faranno tutto quello che possono per attirare l’attenzione su s\u00e9 stessi e uno dei modi migliori per farlo \u00e8 produrre molto contenuto, design e codice.<\/p>\n\n\n\n
Una volta che otteniamo i risultati dei Top Tasks, a volte analizziamo quanto lavoro dell’organizzazione va in ogni task. Invariabilmente, c’\u00e8 una relazione inversa tra l’importanza del task per il cliente e il lavoro che fa l’organizzazione relativamente a questi task. Pi\u00f9 \u00e8 importante per il cliente, meno viene fatto; meno \u00e8 importante per il cliente, pi\u00f9 si fa.<\/p>\n\n\n\n
State attenti a non mettere troppa energia, tempo e risorse sui tiny task. Ridurre i tiny task \u00e8 il primo modo in cui si pu\u00f2 ridurre il numero di pagine e feature. Salvate il pianeta, cancellate i tiny task.<\/p>\n\n\n\n
Una volta stavo tenendo un discorso a una conferenza online sul governo internazionale e ho chiesto alle persone di inviarmi esempi in cui l’amministrazione digitale funzionava bene. Un suggerimento era per un sito Web in una lingua che non parlo. Quando l’ho visitato, ho visto una di quelle tipiche immagini grandi che si vedono su cos\u00ec tanti siti web. Ho pensato: cercher\u00f2 di capire di cosa tratta questo sito Web in base alle sue immagini.<\/p>\n\n\n\n
Nella grande immagine era ritratta una donna di mezza et\u00e0, vestita bene, che camminava per strada parlando al telefono. Mi sono calato nei panni di Sherlock Holmes. Hmm\u2026 \u00c8 forse qualcosa che ha che fare con le telecomunicazioni? Perch\u00e9 hanno scelto una donna invece di un uomo o un gruppo di donne e uomini? A giudicare dall’anello che porta si direbbe che \u00e8 sposata. Cosa mi sta dicendo? E quanti anni ha? Perch\u00e9 non \u00e8 pi\u00f9 giovane o pi\u00f9 anziana? E perch\u00e9 \u00e8 da sola? Domande, domande, ma io non sono Sherlock Holmes. Non riuscivo a trarre nessuna informazione utile da questa immagine.<\/p>\n\n\n\n
Ho scrollato la pagina. Ah, altre tre immagini! La prima \u00e8 un’immagine in stile fumetto di una famiglia in vacanza. Hmm\u2026 La successiva \u00e8 di due uomini e una donna in una stanza. Uno di loro ha la mano appoggiata su qualcosa, che per\u00f2 non riesco a capire cosa sia, perch\u00e9 gli altri due hanno piazzato le loro mani su quella mano. \u00c8 una specie di giuramento o qualcosa di simile, magari una societ\u00e0 segreta? Due di loro stanno sorridendo e il terzo sta cercando di sorridere. Cosa potrebbe significare? E poi l’immagine finale \u00e8 quella di un uomo di mezza et\u00e0 che guarda nella macchina fotografica, n\u00e9 sorridente n\u00e9 serio, con uno sguardo in qualche modo gentile e premuroso. Cosa sta succedendo?<\/p>\n\n\n\n
Devo ammettere che dopo aver esaminato tutte le prove visive non avevo assolutamente idea di quale fosse l’argomento di questo sito web governativo. Quindi l’ho tradotto. Riguardava le condizioni di lavoro e lo status legale dei dipendenti pubblici. Ora, perch\u00e9 non l’ho dedotto dalle immagini?<\/p>\n\n\n\n
Il Web ci sta soffocando di immagini inutili che creano molto inquinamento. Le immagini stock, cos\u00ec stereotipate, non comunicano assolutamente nulla di valore, interesse o utilizzo. Sono una delle peggiori forme di inquinamento e spreco digitale, perch\u00e9 gonfiano le pagine, rendendone pi\u00f9 lento il download, emettendo inquinamento del tutto inutile. Occupano spazio sulla pagina, facendo scomparire alla vista contenuti pi\u00f9 utili, obbligando le persone a fare scrolling senza una buona ragione.<\/p>\n\n\n\n
Interpublic \u00e8 una grande agenzia pubblicitaria globale. Come per tutte le agenzie pubblicitarie, sottolineano quanto siano \u201ccreativi\u201c, il che significa che amano le enormi immagini inquinanti, cos\u00ec insignificanti e allegre. Quando ho testato la loro homepage, ha emesso quasi 8 grammi di CO2 durante il download, facendo finire Interpublic nel peggior 10% dei siti web inquinatori, secondo il Website Carbon Calculator. (Per fare un confronto, la homepage di Google emette 0,23 grammi.) Una singola immagine sulla sua homepage pesava 3,2 MB. Questa immagine avrebbe potuto facilmente essere 10 volte pi\u00f9 piccola, senza perdere nulla nel fascino visivo. Il sito web di Interpublic \u00e8 come un sudicio camion arrugginito di 25 anni, che erutta fumi mentre rotola gi\u00f9 dal web.<\/p>\n\n\n\n
Invece di ottimizzare le immagini in modo che vengano scaricate pi\u00f9 rapidamente, spesso accade il contrario. Le immagini ad alta risoluzione sono un costo importante per l’ambiente. Se, ad esempio, passate da un’immagine con risoluzione 4K a un’immagine a 8K, la dimensione del file non raddoppia, triplica. Ad esempio, ho salvato un’immagine in 4K ed era 6,9 MB. A 8K erano 18 MB.<\/p>\n\n\n\n
Il \u201cprogresso\u201d e l’\u201dinnovazione\u201d digitali spesso significano un crescente stress per l’ambiente. Tutto \u00e8 di pi\u00f9. Tutto \u00e8 pi\u00f9 alto. \u00c8 tutto pi\u00f9 veloce. E tutto \u00e8 esponenzialmente pi\u00f9 impegnativo per l’ambiente. Il digitale \u00e8 avido di energia e pi\u00f9 cresce pi\u00f9 diventa goloso. Abbiamo bisogno di innovazione digitale che riduca lo stress ambientale, che riduca l’impronta digitale. Abbiamo bisogno di designer digitali che pensino al peso di ogni decisione di progettazione che prendono.<\/p>\n\n\n\n
Dobbiamo iniziare provando a usare l’opzione che danneggia meno l’ambiente, ossia il testo. Non date per scontato che le immagini siano automaticamente pi\u00f9 potenti del testo. A volte, il testo svolge meglio il lavoro.<\/p>\n\n\n\n
\u201cPronto?\u201d<\/p>\n\n\n\n
\u201cSalve. Parlo col Dipartimento delle Immagini Inutili?\u201d<\/p>\n\n\n\n
\u201cS\u00ec.\u201d<\/p>\n\n\n\n
\u201cAbbiamo questa form di contatto a cui vorremmo aggiungere un’immagine inutile.\u201d<\/p>\n\n\n\n
\u201cCosa ne dite di una famiglia che saltella in un campo di fiori primaverili con delle farfalle sullo sfondo?\u201d<\/p>\n\n\n\n
\u201cPerfetto.\u201d<\/p>\n\n\n\n
Ci sono indubbiamente molte situazioni in cui le immagini sono sinceramente utili, particolarmente quando si tratta di aiutare le persone a comprendere meglio come funziona o com’\u00e8 un prodotto. Per esempio, Airbnb ha scoperto che la sua crescita ha cominciato ad accelerare solo dopo aver investito nell’ottenere immagini di qualit\u00e0 per le propriet\u00e0 che offre in affitto.<\/p>\n\n\n\n
Se dovete usare delle immagini, ottimizzatele e prendete in considerazione di usare immagini reali di persone reali che fanno cose reali.<\/p>\n\n\n\n
Si dice che un’immagine valga mille parole, ma a volte sono mille parole di merda. <\/p>\n","protected":false},"excerpt":{"rendered":"
Il Web \u00e8 obeso Nel 1994, c’erano 3000 siti web. Nel 2019, il loro numero era stimato a 1,7 miliardi, quasi un sito web ogni tre persone sul pianeta. Non solo il numero di siti web \u00e8 esploso, addirittura il peso di ogni pagina \u00e8 schizzato alle stelle. Tra il 2003 e il 2019, il […]<\/p>\n","protected":false},"author":18,"featured_media":7000576,"comment_status":"closed","ping_status":"closed","template":"","categories":[255,85],"tags":[],"coauthors":[458],"class_list":["post-7001150","article","type-article","status-publish","has-post-thumbnail","hentry","category-industry","category-industry-business"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/article\/7001150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/comments?post=7001150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/media\/7000576"}],"wp:attachment":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/media?parent=7001150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/categories?post=7001150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/tags?post=7001150"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/coauthors?post=7001150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}