{"id":351,"date":"2014-01-28T02:00:53","date_gmt":"2014-01-28T01:00:53","guid":{"rendered":"http:\/\/www.lemonskin.net\/eccoci_qua\/?p=351"},"modified":"2023-12-09T23:35:49","modified_gmt":"2023-12-09T22:35:49","slug":"351","status":"publish","type":"post","link":"https:\/\/www.lemonskin.net\/io\/351\/","title":{"rendered":"Attendere prego…"},"content":{"rendered":"\n
\n

Ogni volta che creo un nuovo sito Web, e la cosa avviene pi\u00f9 o meno ogni cinque anni, cerco sempre di introdurre qualcosa di innovativo.<\/p>\n\n\n\n

Tutti i miei siti Web. :)<\/summary>\n

Nella tarda met\u00e0 degli anni ’90, gli albori di Internet in Italia, la mia prima homepage<\/a> utilizzava delle immagini dinamiche al posto dei noiosi bottoni grigi del menu. Oggi lo fanno tutti ma all’epoca era una cosa da OOOH!<\/em><\/p>\n\n\n\n

Il sito successivo, LockSoft hp<\/a>, sfruttava i nuovi fogli di stile evoluti in modo da racchiudere l’intera struttura in una cornice pseudo-tridimensionale, e le sezioni interne potevano essere aperte e chiuse come un cassetto.<\/p>\n\n\n\n

Quello dopo<\/a> ricordava vagamente il foglio uscito da una macchina da scrivere e si avvaleva dell’allora innovativo tag <div><\/strong> per fare in modo che il menu principale scorresse verticalmente insieme alla pagina, e fosse sempre a portata di click. Era anche multilingue: italiano nella colonna di sinistra (prego ignorare gli errori di ortografia, ero giovane), inglese su quella di destra.<\/p>\n\n\n\n

C’\u00e8 stato poi il passaggio dalle pagine statiche (HTML) a quelle dinamiche (ASP). Finalmente, non ero pi\u00f9 costretto a scrivere un articolo in locale, collegarmi al server, caricarlo e modificare l’indice a mano prima di poterlo rendere pubblico. Il primo sito ad avvalersi di una sorta di backoffice<\/em> rudimentale si apriva in una finestra<\/a> grande come un telefonino, a dimostrazione che la fantasia prevalica tranquillamente ogni limite fisico.1<\/a><\/sup>Detto pi\u00f9 terra terra<\/em>, l’idea era di andare in controtendenza a tutti quei siti che facevano di Flash il nuovo messia; ho voluto estremizzare il concetto di luna contro dito (quando il dito indica la luna, ecc. ecc.) visto che il leitmotiv<\/em> del periodo era grafica, grafica, grafica.<\/span><\/p>\n\n\n\n

Il pi\u00f9 avanzato grado di evoluzione personale l’ho raggiunto con Only Words<\/a>. Era dotato di un completo editor Web, un database Access2<\/a><\/sup>Lo so, fa ridere, eppure quell’antiquato formato mi ha permesso ancora oggi di preservarne, in 6 miseri MegaByte, tutti i contenuti, che prima o poi riporter\u00f2 qui.<\/span> e una serie di funzioni dinamiche che al tempo mi hanno semplificato molto la vita.<\/p>\n\n\n\n

A seguire \u00e8 stato il turno di Lemonskin<\/a>, il primo ad adottare WordPress, segnando al contempo il mio abbandono al mondo della programmazione. Ha anche introdotto la localizzazione negli articoli.<\/p>\n\n\n\n

Infine c’\u00e8 questo qui<\/em>, che stai leggendo, che ancora non ha un nome e nemmeno so se mai lo avr\u00e0.<\/p>\n\n\n\n

Anche lui si appoggia a WordPress e non presenta alcuna tecnologia particolarmente originale.3<\/a><\/sup>A parte un generoso apporto di CSS3 che simula pi\u00f9 dinamicit\u00e0 di quanta non ce ne sia, ma \u00e8 una naturale evoluzione di Internet per cui non fa testo.<\/span><\/p>\n\n\n\n

Quindi dov’\u00e8 l’innovazione? Beh, non c’\u00e8. O meglio, \u00e8 nella cura che ho messo intorno<\/em> al sito, ma andate avanti a leggere perch\u00e9 detto cos\u00ec non si capisce niente.<\/p>\n<\/details>\n<\/div><\/div>\n\n\n\n

Nel precedente post<\/a> ci eravamo lasciati con la mesta decisione di rifare tutto ci\u00f2 che stava dietro all’estetica del sito. Bene, probabilmente non vi siete accorti di nulla ma, dopo qualche giorno e qualche notte di lavoro, credo di aver terminato.<\/p>\n\n\n\n\n\n\n\n

Cos’\u00e8 cambiato? Innanzitutto la grandezza delle pagine servite al vostro browser. Siamo passati da un peso di circa 650 KB a una media di 120, ergo meno di 1\/5 della dimensione originale.<\/p>\n\n\n\n

Dopo aver seriamente valutato l’idea di buttare tutto e ricominciare davvero da zero, grazie al sempre prezioso contributo di mia moglie Mian4<\/a><\/sup>Che con me condivide un pacato e positivo approccio verso i problemi, con la sottile differenza che lei non ulula, non bestemmia e non spacca le cose.<\/span> sono riuscito a eliminare tutta la mer<\/del> parte di codice inutile.
A quel punto, per\u00f2, \u00e8 scattata la mia solita molla del perfezionismo. Perch\u00e9 limitarmi a togliere il superfluo e non impegnarmi per ottimizzare l’intero blog? E al\u00e9…<\/p>\n\n\n\n

Ci sono siti che aiutano chi fa siti a farli meglio. Uno di questi era Pingdom<\/span>5<\/a><\/sup>Adesso \u00e8 apparentemente diventato a pagamento, per cui non \u00e8 pi\u00f9 possibile utilizzarlo se si \u00e8 taccagni come il sottoscritto.<\/span>, che misurava la dimensione delle pagine, il tempo per processarle, il numero delle risorse impiegate e forniva una sorta di punteggio che indicava a grandi linee l’effettiva efficienza del sito. Un altro \u00e8 Pagespeed Insights<\/a> di Google. Questo sito entra un po’ pi\u00f9 nel dettaglio, analizzando il codice e fornendo un report di tutto ci\u00f2 che potrebbe essere migliorato.<\/p>\n\n\n\n

Ecco, gli ultimi due giorni li ho passati l\u00ec sopra, facendo test su test fino a quando non sono riuscito a raggiungere la mia \u2018perfezione<\/em>\u2019.<\/p>\n\n\n\n

E qui si apre un universo, che poi sarebbe dovuto essere il nocciolo del post se non avessi scritto il mio consueto wall of text<\/em>.6<\/a><\/sup>Letteralmente ‘muro di testo’, cio\u00e8 una valanga di frasi pressoch\u00e9 inutili per esprimere un concetto che potrebbe essere spiegato in poche parole; esempio pratico: ho fatto molti siti, in ognuno ho sempre messo qualcosa di particolare; ora vi spiego cosa c’\u00e8 in questo nuovo.<\/span><\/p>\n\n\n\n

Cos’\u00e8 la perfezione?<\/h3>\n\n\n\n

Escludiamo immediatamente quella assoluta, non esite.7<\/a><\/sup>Non \u00e8 una frase fatta, nel caso specifico un sito web perfetto si aprirebbe istantaneamente, cio\u00e8 in tempo zero da quando premiamo ‘invio’ sull’URL a quando la pagina termina di caricarsi; cosa evidentemente impossibile, almeno nella nostra dimensione. :)<\/span><\/p>\n\n\n\n

Rimane dunque quella percepita, chiamiamola perfezione umana<\/em> e facciamo finta che possa essere misurata in modo oggettivo.
Bene, il valore restituito dal test di Google fornisce un punteggio di perfezione umana che va da 0 a 1008<\/a><\/sup>In realt\u00e0 ne ha due, una per i siti desktop e una per quelli mobile (cio\u00e8 smartphone e tablet e si legge ‘mob\u00e0il’, non \u00e8 la scarpiera di casa) ma, siccome per i secondi non ho ancora cominciato a ottimizzare niente, direi che possiamo tranquillamente ignorarne il valore.<\/span> e il mio \u00e8 ancora ben distante dalla cifra tonda.<\/p>\n\n\n\n

Sono scemo allora?<\/p>\n\n\n\n

Beh s\u00ec, sono scemo ma non \u00e8 questo il punto. Il punto \u00e8 che tutto \u00e8 relativo. Google divide la valutazione in una decina di punti e tale giudizio avviene secondo un principio booleano<\/em>: vero o falso. Valori intermedi non sono accettati per cui, se anche si riesce a ottimizzare una procedura fino al 90%, quel test \u00e8 comunque negativo.<\/p>\n\n\n\n

Scendendo pi\u00f9 in dettaglio\u2026<\/summary>\n

Prendiamo ad esempio la compressione delle pagine9<\/a><\/sup>In pratica il server compatta il pi\u00f9 possibile la pagina HTML prima di inviarla in modo da farla arrivare prima e consumare meno banda e tempo.<\/span>, che lui chiama \u2018Minimizza HTML<\/em>\u2019. Io la faccio, ma la procedura che utilizzo comprime il file fino al 96% mentre Google vuole anche quel 4% in pi\u00f9.<\/p>\n\n\n\n

Perch\u00e9 non mi impegno di pi\u00f9? Perch\u00e9 non ne vale la pena.<\/p>\n\n\n\n

Il 100% si pu\u00f2 fisicamente raggiungere, ma sono necessari calcoli pi\u00f9 complessi, che a loro volta comportano pi\u00f9 carico di lavoro sulla CPU del server, il che pu\u00f2 facilmente portare a un effettivo peggioramento delle prestazioni. Se ci metto (per dire, eh, ovviamente i tempi sono differenti) un secondo in pi\u00f9 per inviare una pagina che \u00e8 l’1% pi\u00f9 piccola dell’originale non ho ottimizzato, ho fatto una cazzata. :)<\/p>\n<\/details>\n\n\n\n

Vale pi\u00f9 o meno la stessa cosa per tutti gli altri punti del test, con l’eccezione di due o tre che non posso proprio migliorare a causa dei limiti del mio portafoglio (‘Abilita la compressione’, ‘Sfrutta il caching del browser’, ‘Riduci tempo di risposta del server’, opzioni disponibili solo sugli account premium del mio sito di hosting, e che non costano due lire). Per migliorarne altri dovrei fare a meno di WordPress che \u00e8 comodo ma non un fulmine di guerra e tornare a scrivere pagine HTML statiche, senza colori, formattazione o immagini. In pratica alle origini di Internet.
Tanto per dire, il test non d\u00e0 100% nemmeno alla propria astronave madre google.com, nonostante abbia mezzi che nemmeno la NASA si sogna.<\/p>\n\n\n\n

Bene, la mia perfezione \u00e8 questa. E sono felice perch\u00e9 so che oltre questo limite non potr\u00f2 andare. Ma, soprattutto, non vorr\u00f2 andare.
Ora posso voltare pagina concentrarmi sulle altre millemila<\/em> cose da fare. Poi, finalmente, mi rilasser\u00f2 e mi focalizzer\u00f2 unicamente sull’unico scopo per cui ho aperto questo blog: condividere pensieri.<\/p>\n\n\n\n

E questo mi rasserena.10<\/a><\/sup>Almeno per il momento.<\/span> :)<\/p>\n","protected":false},"excerpt":{"rendered":"

Ogni volta che creo un nuovo sito Web, e la cosa avviene pi\u00f9 o meno ogni cinque anni, cerco sempre di introdurre qualcosa di innovativo. Nel precedente post ci eravamo lasciati con la mesta decisione di rifare tutto ci\u00f2 che stava dietro all’estetica del sito. Bene, probabilmente non vi siete accorti di nulla ma, dopo… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2],"tags":[47],"class_list":["post-351","post","type-post","status-publish","format-standard","hentry","category-sito-web","tag-aggiornamenti"],"acf":[],"author_meta":{"display_name":"lock","author_link":"https:\/\/www.lemonskin.net\/io\/author\/lock\/"},"featured_img":null,"jetpack_featured_media_url":"","coauthors":[],"tax_additional":{"categories":{"linked":["sito web<\/a>"],"unlinked":["sito web<\/span>"]},"tags":{"linked":["aggiornamenti<\/a>"],"unlinked":["aggiornamenti<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Pubblicato 12 anni fa","modified":"Aggiornato 2 anni fa"},"absolute_dates":{"created":"Pubblicato il 28 Gennaio 2014","modified":"Aggiornato il 9 Dicembre 2023"},"absolute_dates_time":{"created":"Pubblicato il 28 Gennaio 2014 2:00","modified":"Aggiornato il 9 Dicembre 2023 23:35"},"featured_img_caption":"","series_order":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts\/351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/comments?post=351"}],"version-history":[{"count":0,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts\/351\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/media?parent=351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/categories?post=351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/tags?post=351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}