Lezione 7Font web, modelli di colore e sostenibilità
- Nozione 41 - Tipi di font
- Nozione 42 - Impatto del tipo di font sul caricamento della pagina.
- Nozione 43 - Opzioni di font web per l'accessibilità e la sostenibilità
- Nozione 44 - Tavolozze di colori a risparmio energetico
- Nozione 45 - Trovare un equilibrio tra efficienza energetica e tavolozza di colori accessibile.
- Nozione 46 - Revisione/Valutazione
Nozione 42
Impatto del tipo di font sul caricamento della pagina.
competenza target
La tipografia sul web è definita come l'arte di presentare i contenuti in modo piacevole, esteticamente gradevole e accessibile a tutti.
Quando si creano contenuti sul proprio sito web, si può scegliere se personalizzare il font o selezionarne uno dal catalogo di Google.
In questo modulo vedremo i diversi impatti che la scelta di un font può avere sulle prestazioni e sulla durata del vostro sito web:
Caricamento dei font
È importante tenere in considerazione la quantità di energia necessaria per caricare il font scelto. Più lungo è il tempo di download, più energia richiede.
Le richieste HTTP
È importante tenere conto del numero di richieste necessarie per caricare tutti gli elementi di una pagina web. Più sono le richieste HTTP, maggiore è l'impatto. Richiederà molta più energia.
Il peso della pagina
Minori sono le dimensioni della pagina web (kilobyte o megabyte), minore è l'energia necessaria per caricarla. Di conseguenza, il nostro impatto ambientale è minore.
Nel capitolo precedente abbiamo definito 3 tipi di font. Tenendo conto di questi criteri, possiamo concludere che i font di sistema consumano meno energia perché sono installati sui computer locali. Tuttavia, limitano le possibilità dei designer.
I font Web, invece, ampliano la tavolozza dei designer, ma allo stesso tempo possono aumentare le richieste HTTP e il peso della pagina, rallentandone il caricamento. I diversi set di font web possono avere effetti diversi, come si è visto nel precedente grafico con i font web più diffusi.
Una scelta sbagliata di font ha un impatto diretto su una serie di parametri, come ad esempio
-Il tempo di download della pagina web;
Tutti gli elementi che compongono una pagina web possono avere un impatto sul suo tempo di download. Pertanto, se si sceglie un font personalizzato, è importante assicurarsi che non abbia un impatto eccessivo sulle prestazioni del sito web.
-Leggibilità del testo;
-Accessibilità del testo su tutti i dispositivi di output (stampante, ecc.);
-Posizionamento sui motori di ricerca Google;
-Impronta di carbonio del sito.