Probabilmente costruite siti web e pensate che il vostro sito sia speciale. Pensate che la vostra home page di 15 megabyte con effetto parallasse vi farà ottenere un premio da aggiungere all'angolo superiore del vostro sito. Pensate che il vostro file jQuery di 5000 righe e gli 83 polyfill facciano venire un'erezione a IE7 perché finalmente ha il box-shadow. Sbagliato. Lasciate che vi descriva il vostro sito web perfetto:
Lo state facendo, progettando in modo eccessivo. Guardate questo sito. È un sito perfetto. Perché diavolo devi animare un banner alla moda quando passo il mouse su quell'inutile bottone? Ci hai speso ore e hai aggiunto 150 kilobyte al tuo sito, e chi lo guarda sull'iPad con le dita da salsiccia non lo vedrà mai. Per non parlare del fatto che i non vedenti non lo vedranno mai, ma non vedranno nulla del vostro inutile sito web.
Non l'avreste mai detto, ma questo è il vostro sito perfetto. Ecco perché.
L'intera pagina pesa meno del logo di condivisione di Facebook a gradienti sul vostro blog. Avete davvero caricato 100kb di jQuery UI solo per poter animare il colore di sfondo di un div? Hai caricato tutti e 7 i font di un webfont solo per poter dire "Ciao" a 100px di altezza all'inizio del tuo sito? Sei un pezzo di umanità inefficiente.
Sei senza cervello. Pensavate di aver bisogno delle media queries per essere responsive, ma no. Responsive significa che risponde a qualsiasi dimensione dello schermo su cui viene visualizzato. A questo sito non importa se si utilizza un iMac o un Tamagotchi.
Guardate questo sito. Potete leggerlo... cioè, se sapete leggere. Ha un senso. Ha una gerarchia. Utilizza i tag CSS3 e HTML5 in modo che voi e il vostro browser sappiate cosa c'è in questo sito. Questa è semantica.
C'è contenuto sullo schermo. Il vostro sito ha tre titoli e un link al vostro account Twitter, ma lo distribuite su 5 schermate intere e mi fate cliccare su un pulsante per mostrarmi quanto è bello il plugin jQuery ScrollTo.
Compatibilità cross-browser? Caricate questo sito in IE4. Vi sfido.
Perché continuate a fornire siti tramite HTTP? Una vecchia CPU Atom 330 del 2008 può eseguire la crittografia AES-256-CBC tramite OpenSSL a 110 megabit al secondo. Una CPU Xeon E5-2670 senza AES-NI abilitato raggiunge 444 megabit al secondo. Con AES-NI abilitato raggiunge la sbalorditiva cifra di 2,2 gigabit al secondo. Probabilmente il vostro server non è nemmeno in grado di caricare le dipendenze del vostro framework Javascript così velocemente.
I certificati TLS sono economici. Davvero, si possono ottenere gratuitamente da Let's Encrypt o WoSign.
Il vostro server web è perfettamente in grado di comprimere l'HTML. Una CPU Atom 330 può eseguire gzip -6 single-core su dati casuali a 51 megabit al secondo. Uno Xeon E5-2670 del 2012 può farlo a 216 megabit al secondo. Il vostro sito web di meme non è così casuale come pensate e si comprime molto più velocemente.
È già abbastanza grave che stiate costringendo gli utenti a caricare 5 MB di immagini di eroi e framework Javascript. Perché li costringete a ricaricarla ogni volta che visitano il vostro sito? La larghezza di banda è economica, ma non è gratuita. Tramite le tariffe dei dati o l'attesa, qualcuno sta pagando per la vostra pigrizia.
Come l'uomo che non si è mai fatto crescere la barba non ha idea di quale sia il suo vero stato naturale, voi non avete idea di cosa sia un sito web. Avete visto solo bastardizzazioni di quello che dovrebbe essere un testo che comunica un messaggio. Questo è un sito web vero, non esagerato. Guardatelo. È bellissimo.
Non sto dicendo che il vostro sito debba avere questo aspetto. Quello che voglio dire è che tutti i problemi che abbiamo con i siti web sono creati da noi stessi. I siti web non sono rotti di default, sono funzionali, performanti e accessibili. Siete voi a romperli. Voi, senza cervello.