Il mondo del web sta subendo un’evoluzione tale da imporre dei modelli di programmazione di siti, mash-up e applicazioni sempre più rapide e “snelle” dal punto di vista della sintassi: le tecnologie come PHP, ASP o JSP costano a volte più della media, e non sempre offrono le prestazioni che possono fornire i meno diffusi Python o DART (ormai spesso nativamente installati sui server). Motivo più che valido per imparare ad andare oltre il solito PHP o ASP, e riuscire a comprendere al meglio il contesto di programmazione del web, sempre più ampio e flessibile.

Il web è diventato interattivo: la rivalutazione di Javascript

Storicamente Javascript viene considerato poco e male dalla community di programmatori, e questo per una varietà  di ragioni: non è un linguaggio con tipizzazione forte, non include i tipi delle variabili ed è per questo problematico da usare per chi viene dalla programmazione classica. Eppure in questi anni, tra framework di ogni genere come jQuery ed Angular, è uscito fuori che Javascript sia non solo una scelta giustificata in ambito app per il web ma anche, per non dire soprattutto, utile e funzionale.

Se è vero che una primissima distinzione tra i vari linguaggi del web potrebbe essere effettuata sulla base dello sviluppo di applicazioni asincrone, che combinano in qualche modo il lato client con quello server cercando di ottimizzare, nel contempo, le chiamate HTTP: insomma, quelle che un tempo erano chiamate AJAX e che oggi si esplicano con l’interazione di PHP con jQuery, Prototype e cosଠvia.

Un esempio top di uso di Javascript come linguaggio vero e proprio deriva da soluzioni software come Node.js. Di fatto Javascript ha abbattuto il limite più grosso che presentava all’inizio, ovvero quello di essere un linguaggio puramente client-side e diventando, anche grazie a tecnologie del genere, più che un vero e proprio concorrente di PHP, soprattutto per lo sviluppo di app asincrone e chiamate ad API particolarmente snelle e veloci, con supporto a risposte in formato JSON  e via dicendo.

Il potenziamento di PHP

Del resto un linguaggio server side come PHP difficilmente avrebbe potuto di per sè sopperire alla necessità  per il programmatore di chiamate snelle di questo tipo, essendo concepito sostanzialmente per ben altri scopi e versanti (è un linguaggio concepito come server side, per quanto nella recente PHP 7 sia notevolmente evoluto anche, ma non solo, nel senso di programmazione object-oriented).

PHP rimane un linguaggio per servizi web dinamici simile al C in termini di sintassi, ed altrettanto potente, probabilmente tra i più utilizzati nello sviluppo di siti ed applicazioni web (Joomla!, WordPress, PrestaShop, Drupal, ma anche framework quali Symfony o CakePHP). Rimarrà  probabilmente uno dei più diffusi linguaggi per il web per molti anni, e conoscerlo darà  un vantaggio competitivo a molti degli sviluppatori. Le versioni 5.3 / 5.4 del linguaggio, che stiamo utilizzando quasi universalmente sulle varie piattaforme, sembra essere molto stabile e veloce, tra l’altro con la notifica di errori integrata che permette di mettere facilmente in sicurezza il vostro sistema. Partendo proprio da quest’ultimo, sappiamo bene che le alternative in questo linguaggio non mancano di sicuro: i diffusissimi blog e CMS quali WordPress, Joomla!, Drupal o il meno noto ArticleMS si basano proprio su questo tipo di soluzione. Le personalizzazioni risultano particolarmente agevoli, con qualche cautela opportuna, in particolare su WordPress e Drupal, che permettono senza troppe complicazioni l’esecuzione di pezzi di codice direttamente all’interno del CMS (ad esempio per creare dei blocchi autonomi di funzionalità : si vai dai banali contatore visite passando per cron-job, log di sistema e widget avanzati).

Perl/Python. Per chi preferisse invece soluzioni web diverse dal solito, oppure inizi ad avere esigenze che vadano al di là  del solito sito web in sola lettura per gli utenti, esiste la possibilità  di sfruttare CMS in Python oppure in Perl: si tratta in molti casi, allo stato attuale, di possibilità  a volte concrete altre piuttosto sperimentali e teoriche, poco “solide” nella pratica ma che, di fatto, non è escluso che si possano imporre in futuro. Ricordiamo comunque che Python e Perl sono dei linguaggi che lavorano bene nel WEB ma che, di fatto, sono anch’essi derivati parzialmente da script shell di Unix e da C / C++.

Non potrei mai chiudere l’argomento senza citare DART, il nuovo linguaggio per il web proposto da Google, dalla sintassi particolarmente semplice e che viene fatto funzionare “traducendo” preventivamente le istruzioni della sua sintassi (simil-Perl) in Javascript: su un hosting che lo supporta, è necessario compilare mediante Python il linguaggio, poi effettuare la conversione Dart->JS la quale produce un file HTML: alla fine avremo la massima compatibilità  e potremo vedere l’applicazione in questione dentro un normale browser. Pi๠in generale, inoltre, è possibile far funzionare il codice DART su un server che abbia un’opportuna macchina virtuale installata, un po’ come avviene per altri linguaggi che devono aver installato le opportune librerie e che spesso sono disponibili in modo nativo (ad esempio PHP, Perl e Python su Mac, Unix e Linux).

Con DART si possono sia ricreare applicazioni in Flash come giochi online, oppure realizzare facilmente interessanti animazioni con poche righe di codice (tipo questa).

Il web è diventato interattivo: mashup e RESTful

A suo tempo, cioè fino a qualche anno fa, veniva chiamata tecnicamente interoperabilità  tra i linguaggi: ad oggi la possibilità  di scrivere librerie in un linguaggio ed eseguirle in un altro è diventata realtà , sebbene in modo leggermente diverso da quello che poteva sembrare all’inizio. Se per lanciare codice Java da C++, ad esempio, era possibile farlo mediante apposite librerie, spesso con pesanti complicazioni lato codice, ad oggi si può pensare di mettere a disposizione dei metodi, delle funzionalità  ad alto livello che funzionino mediante semplici chiamate GET, POST, DELETE e cosଠvia. Il concetto di RESTful (REpresentational State Transfer), mutuato dalla tesi di dottorato di  Roy Fielding “Architectural Styles and the Design of Network-based Software Architectures” del 2000. Essa viene concretamente incontro all’esigenza di molti siti, web app e applicazioni mobile di accedere a dati presenti su un’altra macchina: questo significa richiamare una API specifica, cioè il path di un URL, che restituisca i dati richiesti seguendo una certa sintassi.

RESTful in WordPress

Anche WordPress, ad esempio, da qualche tempo ha introdotto la propria RESTful API, in grado di richiamare ad esempio (dal sito WP di esempio sitowp.test) la lista degli ultimi post in questo modo:

sitowp.test/wp-json/wp/v2/posts

e di filtrare la ricerca dei post sulla parola X in questo modo:

sitowp.test/wp-json/wp/v2/posts?search=X

L’uso delle RESTful API consente di realizzare facilmente mashup di ogni genere, cioè applicazioni che compongono a proprio vantaggio risultati prelevati da app singole. Un esempio classico di mashup viene utilizzata in ambito SEO, ad esempio, al fine di prelevare da un motore di ricerca le parole chiave più richieste e mostrarle in un report specifico per le nostre necessità . Anche se in Italia non hanno ancora preso piede, e sembra preferirsi un approccio tradizionale alla programmazione, ci sono realtà  come Mashape.com che basano il proprio modello di business sulla vendita di servizi REST per programmatori.

Se avete dimenticato di rinnovare il dominio entro la data di scadenza, niente panico: se vi interessa mantenerlo, provate anzitutto a pagare subito il dovuto. Se si tratta di pochi giorni di ritardo, anche se il dominio è inattivo esiste un periodo di tolleranza per cercare di riparare al “danno”.

Ricordiamo che un dominio scaduto è recuperabile da voi nel breve periodo se la richiesta viene inoltrata entro pochi giorni (da 5 a 15) dalla scadenza effettiva: si tratta di un periodo di “tolleranza” entro il quale potete salvare il vostro nome, e tenervelo cosଠper un altro anno. In caso contrario, dovrete rivolgervi ad un servizio apposito di recupero, con tanto di sovrapprezzo e di eventuali costi extra. Se il dominio è stato rimesso all’asta, dovrete provare a riprenderlo da là¬, cercando di proporre l’offerta più alta.

Se tenete al vostro dominio, è bene registrarlo da subito per almeno due o tre anni, e fissare fin da subito delle scadenze da ricordare mediante Google Calendar: attenzione, inoltre, che le mail per ricordarci di farlo ci vengono di norma inviate 60 giorni prima della scadenza.

In caso di problemi o scenari più complessi, può essere necessaria una consulenza di settore.

• Leggi anche i miei articoli (Sito esterno): interpretare gli status dei domini, prima e seconda parte

Per molti una salvezza, per altri una dannazione: CloudFlare è uno dei servizi più usati sui siti internet, ed oggi cercheremo di capire come funzioni, a cosa serva e quando davvero convenga farne uso.

Cos’è CloudFlare

Come funziona CloudFlare

CloudFlare è un servizio online per migliorare e potenziare, lato sicurezza e privacy, la gestione dei nostri siti web. Inizialmente nasce come servizio di CDN ma, negli anni, si è esteso come gestore di DNS (registrar), fornendo una varietà  impressionante di servizi a pacchetto per webmaster: DNS cache, firewall, cache per le pagine web, CDN e via dicendo.

Con sede a San Francisco ed un fatturato di quasi 200 milioni di dollari nel 2018, questo servizio permette di gestire uno o più domini in maniera molto semplice, e naturalmente funziona in qualsiasi parte del mondo. Adeguando i NS del proprio sito web a quelli forniti da CloudFlare, e utilizzando quindi i servizi free che vengono offerti direttamente nell’interfaccia di gestione del sito, si potrà  godere dei suoi benefici a 360°. Con vari datacenter distribuiti a livello mondiale, CloudFlare garantisce una adeguata “copertura” per qualsiasi connettività , a prescindere dalla posizione geografica del server del sito, ed i suoi benefici sono ben noti in termini di migliore continuità  dei servizi e minori tempi di uptime.

CloudFlare agisce fondamentalmente da reverse proxy gratuito e gestore DNS, e di fatto si “mette in mezzo” – e fa da tramite – tra visitatore del sito e hosting dello stesso, in modo da snellire ed ottimizzare il numero di chiamate ed il carico di lavoro supportato. Nella pratica, quindi, è decisamente utile per migliorare le prestazioni di qualsiasi sito, dove per prestazioni intendiamo i tempi di visualizzazione delle pagine web e/o dello streaming audio o video.

Questa dinamica è chiarita dalla seguente schermata, che mostra un errore 521 di CloudFlare che, di fatto, mostra il ruolo di reverse proxy del servizio: tra il client del browser (quindi l’utente) e l’host del sito web (che in questo caso ha riscontrato un problema di caricamento) CloudFlare fa da tramite, permettendo la comunicazione tra i due ed esponendo i propri indirizzi IP che fanno anche da firewall, volendo.

Una volta che si entra a far parte del network di CloudFlare (la sottoscrizione base è gratis), infatti, sarà  possibile smistare tutto il traffico diretto al vostro portale attraverso una rete globale di copie dei contenuti del sito, in modo tale che i visitatori possano visualizzare più velocemente lo stesso. Si potranno anche prevenire alcuni tra i più comuni attacchi informatici, di fatto, semplicemente attivando il servizio anche nella versione free.

Nella sua completezza, la logica dei servizi di CloudFlare è un po’ più complessa, ma rimane comunque legata ad una corretta e più sicura configurazione del proprio sito, offrendo servizi che sarebbero complicati da configurare in modo managed come, ad esempio, anche solo un semplice reverse proxy o un server DNS efficente. Nel grafico seguente il funzionamento di CloudFlare viene schematizzato con una serie di regole (rules) che gestiscono qualsiasi chiamata al servizio, che può essere un servizio web o un sito, che permette di gestire richieste e risposte, disporre di analytics delle visite (una buona alternativa gratuita a Google Analytics, di fatto), disporre di log di sistema e, volendo, sfruttare la AI (Artificial Intelligence) per ridurre l’incidenza di attacchi informatici molto comuni come i DDoS.

Servizi free offerti da Cloudflare per qualsiasi sito

I servizi base di Cloudflare sono i seguenti:

• DNS ottimizzato e generalmente più veloce di quelli di default
• certificato SSL gratuito (se si configura il dominio con i loro NS)
• cache delle pagine, browser cache
• modalità  sempre online, per servire una pagina cache qualora il sito non fosse raggiungibile
• analytics dei visitatori delle pagine in tempo reale (alternativa a Google Analytics)
• minify di HTML, JS e CSS senza dover installare nulla nel proprio sito
• massimo 3 pagine su cui è possibile abilitare una cache statica per caricare velocemente le pagine web del sito
• modalità  under attack per limitare gli attacchi informatici DDoS
• modalità  sviluppatore per disabilitare la cache fino ad un massimo di 3 ore
• firewall impostabile
• ottimizzazione caricamento pagine web mediante Rocket Loader (TM)
• supporto a Brotly per la compressione dei file del sito
• mobile redirect impostabile a scelta

Servizi premium Cloudflare

I servizi premium estendono quelli base, gratis per tutti, ed offre numerose possibilità  di configurazione del proprio sito molto avanzate:

• CDN a consumo per immagini, JS, CSS e video
• conversione in formato WEBP
• supporto HTTP/2
• supporto RailGun
• prefetch URL

A cosa serve CloudFlare?

Abbiamo specificato da subito che l’uso di CloudFlare velocizza i tempi di caricamento delle pagine web, ma non si tratta solo di questo; il vantaggio dell’utilizzo di un servizio del genere – da non confondersi con le più specifiche CDN o Content Delivery Network – è insito anche in un maggiore livello di sicurezza, in quanto la rete evita lo spreco di banda e risorse del server preservandovi anche dai vari spambot, crawler e script malevoli.

La modifica che impone CloudFlare riguarda essenzialmente DNS (Domain Name System) e NS (Name Server), e le prestazioni sul vostro sito si rifletteranno esclusivamente a quel livello. Nella media dei casi, secondo quanto riportato sul sito ufficiale, un sito che faccia uso di CloudFlare:

1. carica due volte più velocemente;
2. utilizza il 60% di banda in meno;
3. diventa molto più sicuro ed al riparo da attacchi di hacking.

Come prima cosa, per iniziare, CloudFlare deve essere installato sul vostro sito con questa procedura.

Vantaggi di CloudFlare

I vantaggi di CloudFlare si riflettono in un sito più semplice da gestire, più veloce a caricare, più semplice anche da ottimizzare e privo delle complicazioni tipiche legate all’ottimizzazione dei tempi di caricamento delle pagine. Lo svantaggio principale, di fatto, è che alcuni temi e configurazioni non sembrano andare molto d’accordo con CloudFlare, e non tutti i siti riescono purtroppo a trarne effettivo giovamento.

Per inciso, inoltre, CloudFlare possiede anche dei datacenter in italia, precisamente a Roma e a Milano.

Svantaggi di CloudFlare

Il fatto che CloudFlare sia un servizio statunitense non significa che non se ne possa trarre giovamento anche per i siti italiani; la velocità  di connessione su internet, infatti, segue complessi percorsi di routing e non è detto, in genere, che un servizio più lontano geograficamente sia più lento di uno vicino. Lo svantaggio, all’atto pratico, può essere legato al fatto che il theme, i plugin ed il server o l’hosting non supportino appieno CloudFlare, magari perchè non permettono di accedere al sito come sarebbe richiesto o perchè il DNS non supporta la modifica necessaria per farlo funzionare sul nostro sito.

Perchè conviene usare CloudFlare gratuito

CloudFlare in genere è conveniente sui siti che ricevano molte visite, anche se richiede un minimo di perizia per saperlo utilizzare e sfruttare a dovere. Attualmente CloudFlare viene offerto in un piano gratuito che permette di aggiungere anche più di un sito web, ed impostare per ognuno:

• una CDN per velocizzare i tempi di caricamento;
• una cache molto veloce per ridurre il carico del lavoro sull’hosting fino al 50%;
• un DNS gestito da loro, per cui parametri come il TTFB vengono drasticamemente ridotti;
• la possibilità  di gestire in modo distribuito minify di CSS e JS;
• la possibilità  di velocizzare la connessione ad HTTPS.

Molti altri servizi più specialistici e configurabili nel dettaglio sono disponibili sui piani CloudFlare a pagamento.

Come configurare CloudFlare

La prima volta basta registrarsi nel sito con un indirizzo email, e poi aggiungere il dominio cliccando sul bottone in alto a destra Add Domain. Il resto della procedura è guidata, richiede la configurazione del NS (Name Server) in modo da dare il controllo del sito a CloudFlare e poi potrete procedere ad abilitare i vari servizi elencati in precedenza.

Come funziona il DNS di CloudFlare

CloudFlare è stato progettato per migliorare i tempi di caricamento di qualsiasi sito e renderlo più sicuro, come abbiamo visto. Al tempo stesso il sistema lavora per smistare più velocemente le richieste al DNS, in modo più semplice da configurare di quanto questi servizi normalmente non siano. Il fatto che impongano di usare i loro NS (configurabili con nomi del tipo bob.ns.cloudflare.com, ad esempio) è un vantaggio enorme perchà© non ci obbliga a cambiare registrar, ma semplicemente permette di “delegare” la gestione del DNS a CloudFlare e poterla, eventualmente, toglierla di mezzo in seguito.

Questa scelta tende ad accelerare le richieste che arrivano al sito, e quindi a velocizzare lo stesso, perchè si fa in modo che a restituire la risposta al client sia sempre il nodo più vicino (o, per meglio dire, con un “cammino” più breve) a lui, evitando cosଠlatenze e tempi di trasferimento che sarebbero molto più lunghi, in altro modo. Il tutto viene poi combinato con un sistema di cache, che riduce ulteriormente il carico sull’hosting e fornisce, globalmente, una user experience migliorata rispetto ad un sito che non ne fa uso (almeno, in media).

Cloudflare permette di risparmiare ed ottimizzare più delle metà  della banda mensile di un sito, come evidenziato anche dal video seguente.

Opinione su Cloudflare

Diciamo che in linea di massima il servizio è molto funzionale, io l’ho usato molte volte su vari siti e anche la versione gratuita è stata molto efficace ed ha velocizzato notevolmente il mio sito. Molte funzionalità  come l’Under attack sono utili per capire cosa succeda se il sito diventa lento, ad esempio, e la minify in cloud che offrono è davvero molto comoda e sbrigativa.

Punti di debolezza: su alcuni siti WP non sembra funzionare benissimo, dipende molto dalla configurazione e dai plugin attivi da come ho capito. Alcune impostazioni possono facilmente andare in conflitto con quelle del vostro sito, quindi conviene documentarsi bene per capire come impostarlo. In genere il servizio free basta alla maggiorparte dei siti, quello premium è abbastanza costoso ma alla lunga dovrebbe ripagare l’investimento.

Cosa sono gli NFT

Opere d’arte digitali vendute a milioni di dollari, il video di una schiacciata di Lebron James battuto all’asta per 340 milioni di dollari, il primo tweet di Jack Dorsey, fondatore di Twitter,  comprato a 2,5 milioni. Nel web ormai non si parla d’altro: tutto ciò avviene nel maglifico mondo degli NFT (Non Fungible Token).

Prenderanno sempre più piede offrendo spazi di crescita per l’arte, la creatività  – e ahinoi, anche per la speculazione.

Un token non fungibile è un token crittografico rappresentante qualcosa di unico. Avrai sicuramente sentito parlare di bitcoin o di altre criptovalute, ma questi sono dei token o gettoni crittografici fungibili.

Cosa significa  fungibile ? Un bene fungibile è un bene che non ha una specifica individualità , quindi può essere scambiato con un altro di pari valore assicurandone la medesima funzione. Facciamo un esempio pratico: una banconota da 10 € è un bene fungibile, infatti se la scambio con un’altra di egual importo o con due banconote da 5 € non cambierà  nulla.

Un’opera d’arte invece è un bene non fungibile, in quanto unica, la si può copiare certo, l’originale però sarà  sempre e solo una. In termini monetari tra un Picasso originale e un falso ben fatto, sebbene  irriconoscibili all’occhio umano, ci sono differenze abissali. Attingendo al linguaggio matematico possiamo affermare che che i bitcoin (token fungibili) stanno agli Euro, come gli NFT (token non fungibili) stanno alle opere d’arte.

Tramite opportune analisi si riesce a distinguere un falso dall’opera d’arte originale, ma chi garantisce l’unicità  di un NFT?

La certificazione, la registrazione della proprietà  dell’oggetto digitale, avviene tramite blockchain, come per le criptovalute. Tanto che i token non fungibili fanno parte della catena di Ethereum, in teoria però qualsiasi blockchain può dare vita ai propri NFT. La differenza con gli Ethereum sta nel fatto che gli NFT incorporano nel loro formato digitale una serie di informazioni aggiuntive, che li rendono propriamente unici e ineguagliabili, dunque insostituibili.

Oltre ai beni di tipo digitale, un NFT può essere usato per rappresentare un oggetto reale che, alla vendita del token, fa diventare tale oggetto di proprietà  dellâ€acquirente.

Questa tecnologia, ha come vantaggio la riduzione della probabilità  di frode, oltre che lâ€aumento dellâ€efficienza del mercato. Convertire un asset fisico in digitale e rimuove gli intermediari dalla transazione facilita lo svolgimento tra le due parti in gioco: un artista, per esempio, può mettere allâ€asta un suo quadro come NFT senza la necessità  di un agente che dialoghi con gli acquirenti.

Si potrebbe rappresentare la proprietà  di qualsiasi cosa, e si potrebbero addirittura convertire passaporti, patenti e carte di identità  in NFT.

Come creare un NFT

Chiunque può creare un NFT senza bisogno di conoscere alcun linguaggio di programmazione, basta navigare un po’ sul web. In pochi minuti possiamo creare il nostro token.

Il primo passo consiste nell’ottenimento di un classico portafogli per criptovalute  sul quale depositare gli NFT.

In circolazione ce ne sono a centinaia, uno dei più semplici da utilizzare a questo scopo è MetaMask. I token possono essere creati gratuitamente ma per validare e veriface la transazione ci sarà  bisogno di qualche frazione di Ethereum.  A questo punto andiamo su OpenSea che è un marketplace per nft.

In alto a destra, dal menu Create scegliamo  My Collection, ci farà  fare il login su metamask e poi sarà  possibile creare una nuova collezione.

Una volta effettuato il login con MetaMask ci comparirà  la pagina in figura, da questa schermata premiamo create e inseriamo il logo, il nome e opzionalmente anche una descrizione per la nostra collezione

Creata la collezione siamo pronti a procedere con il token, clicchiamo su Add New Item

Non rimane altro che caricare il file che vogliamo far diventare un NFT, può essere una immagine, un video, un audio. Nelle specifiche possiamo scegliere tra varie proprietà , addirittura possiamo aggiungerne, questo è utile soprattutto nell’ottica delle carte da gioco collezionabili, come Magic: The Gathering ed esempio.

Una cosa molto importante è l’ultima voce della lista ovvero Supply, di default è impostata su 1, pagando si può incrementare questo numero. Supply indica appunto la fornitura, ovvvero la quantità  di copie che possono essere coniate, se vogliamo che il token sia non fungibile dobbiamo creare solo 1 copia, con un valore più alto più portafogli potranno essere proprietari e ogni portafogli potrà  possederne più di una copia.

Schiacciamo Create e avremo il nostro primo NFT.

Esempio di NFT

Sul sito Niftygateway potrete trovare una vasta collezione di NFT, alcuni esempi:

https://niftygateway.com/itemdetail/secondary/0x4140783cc1ba30653a0777126b122931e233ba14/1300010027 (Gucci Ghost Yellow Aqua #27/45t, $3600)

https://niftygateway.com/itemdetail/secondary/0x12f28e2106ce8fd8464885b80ea865e98b465149/100010001 (Crossroad #1, $6,600,000)

Foto di Elvis Tile da Pixabay

L’errore 5xx (che significa: errore con codice generale 5, quindi lato server, e altre due cifre xx generiche) raggruppa una serie di errori lato server di tipo molto generale, che sono stati riscontrati,nello specifico, durante la fase di scansione del sito da parte di Google.

Cosa significa che Google ha rilevato un errore di questo tipo? Molte cose: ad esempio che in un certo momento il server del sito non era raggiungibile e quindi Search Console ce lo notifica. Se gli errori sul sito aumentano o restano costanti nel tempo la cosa è rilevante e va analizzata, mentre altri errori 5xx possono essere di natura temporanea. Esempio di errori costanti o in aumento nel tempo, che andrebbero capiti e trattati:

Risolverli, di fatto, significa affrontare eventuali problemi tecnici all’interno del proprio sito, di entità differente, e riconducibili alle fasi di:

• debug del sito
• analisi dei log
• conoscenza dei singoli sottocasi degli errori lato server più comuni, legati alla banda, ai permessi, agli errori nel codice, agli errori lato server NGINX o Apache oppure sul linguaggio PHP:
  • errore 501
  • errore 508
  • errore 509
  • errore 507
  • errore 500
  • errore 502
  • errore 504

Per maggiori informazioni si suggerisce di rivolgersi a consulenti tecnici specializzati.

]]> https://trovalost.it/disabilitare-amp/ Thu, 07 Jul 2022 08:53:52 +0000 https://trovalost.it/?p=89575 Se avete problemi con AMP nel vostro sito c’è un metodo infallibile per risolvere il problema: disabilitare AMP. Ne parliamo, molto seriamente, in questo articolo. AMP: meglio non usarlo o meglio disinstallarlo? Personalmente non sono mai stato troppo a favore di AMP, e questo spiega l’ironia della “finta scelta” del titolo. Per molti versi, la […]]]>

Se avete problemi con AMP nel vostro sito c’è un metodo infallibile per risolvere il problema: disabilitare AMP. Ne parliamo, molto seriamente, in questo articolo.

AMP: meglio non usarlo o meglio disinstallarlo?

Personalmente non sono mai stato troppo a favore di AMP, e questo spiega l’ironia della “finta scelta” del titolo. Per molti versi, la trovo infatti una tecnologia ancora acerba, probabilmente poco testata (girava in versione beta all’inizio, ed è stata aggiornata molto poco, almeno a prima vista). Soprattutto è un framework HTML che teoricamente dovrebbe rappresentare una rivoluzione (oltre che una risposta agli Instant Articles di Facebook).

Sulla carta sarebbe un cambiamento epocale, perchè imporrebbe uno standard universale che arriverebbe a stravolgere quello di HTML classico imperante da quando il web è diventato di pubblico dominio. Cosa è ancora è troppo presto per essere consolidata, per quanto molti siti di news ne facciano uso. Google ha introdotto questa feature in modo molto furbo (ad un certo punto sembrava che senza AMP un sito non potesse esistere, lato mobile, quando esisteva già il responsive che, se ben realizzato, è equivalente e molto più mantenibile), ed ha secondo me immensamente sottovalutato sia la portata che il progetto stesso.

Plugin AMP per WordPress

Il primo problema di AMP, secondo me, è che funziona fino a prova contraria: lo installi quasi sempre “alla cieca”, la documentazione ufficiale evoca una sintassi HTML che modifica i tag standard e ne introduce di nuovi e, insomma, la “traduzione” da HTML / CSS /JS al corrispondente AMP è meno ovvia di quello che sembra. Soprattutto, la traduzione non è affatto conservativa, perchè tende a spianare alcuni tag senza preavviso e senza che, soprattutto, ad oggi i backend diano troppe possibilità di personalizzare. È molto utilizzato (e aggiornato spesso) ad esempio AMP per WP, con circa 200 mila installazioni, alternativo al plugin di AMP ufficiale (500.000 installazioni, ma recensioni molto poco benevole in molti casi). Il tutto sembra molto della serie “prendere o lasciare“: lo installi, e speriamo che funzioni.

Non hai molte possibilità di customizzazione in AMP (se non altro, il plugin citato offre un grado di selettività che solo in alcuni casi risolve i potenziali inghippi presente nei theme), e questo fatto si traduce nel perdere il controllo della pagina web, a meno di studiare lo standard in modo approfondito e generarsi a mano, da codice, le pagine alleggerite. La logica sottrattiva sarebbe anche corretta, alla fine (tolgo roba inutile per mostrare all’utente solo quello che gli serve, soprattutto se ha poca banda disponibile), ma è stata implementata con varie caratteristiche secondo me poco coerenti e, quantomeno, documentate in maniera non troppo cristallina. Ne vale la pena?

Questo standard peraltro ricalca una delle fissazioni più morbose, secondo me, del Google attuale: pagine leggere, veloci, con meno grafica possibile, tant’è che nel periodo che l’ho testato mi aveva migliorato tutti i punteggi relativi ai Segnali web essenziali su uno dei siti sui quali stavo lavorando (la curva in verde che potete vedere qui):

Il problema è che il plugin AMP attivato, su questo sito, creava problemi di operatività notevoli, bug imprevedibili (per un paio di volte il sito è andato in crash per colpa di AMP) e come se non bastasse fa in modo “di straforo” di fare cache sulle pagine web all’infinito. Questo probabilmante perchè è previsto dalle varie implementazioni, vedendo come viene modificato il file .htaccess: su questo hint, presente in vari blog SEO, di impostare la cache a mesi o anni per “l’efficenza” ci sarebbe da discutere parecchio. Per un blog aggiornato quotidianamente non può andare bene: se imposti la cache di un’immagine ad un anno e poi la cambi, il browser continuerà a mostrarti la pagina vecchia e non vedrai gli aggiornamenti.

Come ulteriore difetto secondo me da non sottovalutare, i plugin AMP prendono il controllo del file htaccess e, per usare un’immagine efficace, lo “zappano” a dovere: riscrivono alcune regole e ne aggiungono altre, sempre in nome dei requisiti imposti dallo standard che evocano come mantra la leggerezza. Il problema è che i plugin che fanno questo, in genere, tendono ad introdurre singolarità che poi, alla lunga, non fanno funzionare il sito al 100%, e lo fanno in modo subdolo (senza avvisarti) quando poi sarai costretto a modificare l’htaccess nelle sue 500 e passa righe generate. Fate sempre un backup del file .htaccess, prima di installare AMP.

Sostengo da sempre che la tecnica non debba essere ostativa dell’operatività o delle attività editoriali di un sito, e questo vale ovviamente per AMP: un plugin che parte con le migliori intenzioni, che deve essere ancora molto migliorato e meglio implementato e che poi, alla prova dei fatti, sembra scontrarsi con più problemi di quanti dovrebbe risolverne.

Sui miei due siti principali, pertanti, ho dovuto rimuovere AMP, e l’ho fatto per i motivi elencati.

Impostare il rel=”canonical”

Da un punto di vista prettamente tecnico per togliere di mezzo AMP dal proprio sito è sufficente disabilitare il plugin o l’addon del tema che lo attivava. C’è una cosa molto importante da fare, a questo punto, che è quella di impostare il rel=canonical su ogni pagina web, per fare sì che

tuosito.it/qualsiasi-pagina/amp

oppure

tuosito.it/qualsiasi-pagina/?amp

(questa cosa del doppio formato amp, con e senza ?, è secondo me una scelta di troppo: tanto valeva decidere di fare tutto in un modo o nell’altro)

sia visto da Google come la versione canonica di

tuosito.it/qualsiasi-pagina

Io ad esempio l’ho fatto di recente su un blog di finanza che dava molti errori (sono tracciabili qui), e l’anno scorso ho lavorato su un sito web molto popolare in Italia che, di fatto, andava benissimo da ogni punto di vista, ma aveva problemi SOLO con AMP (tant’è che alla fine avevo suggerito di rimuoverlo e pace, dato che – come dicevo prima – creava più problemi di quanti di era destinato a risolvere. Se vogliamo è l’immagine della “coperta troppo corta” da cui molti siti, lato operativo, sono afflitti: l’unico programmatore del sito era bloccato su questa unica attività da molti mesi, ostinandosi a risolvere un problema che era legato non all’implementazione, bensì all’ambiguità naviva dello standard, e ad alcune caratteristiche in beta messe con troppa leggerezza in produzione – per quello non se ne usciva. Ciò denota, per inciso, un diffuso livello di iper-responsabilizzazione del “programmatore”, seconda la logica diffusa in molte aziende per cui le cose vanno bene il merito è di tutti, se vanno male è sempre e solo colpa sua). Il debug su AMP è una delle cose peggiori che possano capitare ad un addetto ai lavori, anche perchè gli errori sembrano sbucare fuori senza preavviso, spesso sono poco chiari e in molti casi sono contraddittori (tipico caso in cui, ad esempio, ci sono conflitti tra Google Adsense e Google AMP).

Tornando a noi, si disintalla AMP a malincuore, dicevamo, ma non basta. L’unico modo – o almeno il più veloce – per mantenere un buon livello di SEO tecnica sembra quello di inserire un rel=”canonical” di default in tutte le pagine, cosa che fa qualsiasi plugin SEO tipo Yoast. Qualora disabilitiamo il plugin, infatti, attraverseremo una fase “intermedia” di indicizzazione del sito, in cui saranno presenti nel Mobile First Index sia pagine AMP che pagine non-AMP – come è possibile vedere in questo esempio:

Per evitare che mezzo sito sia indicizzato come duplicato, pertanto, ho impostato il rel=”canonical” che ci mette al riparo da queste situazioni, facendo in modo che la versione di ogni URL con ?amp sia vista, in realtà, come una versione canonica.

Se non funziona così, si può pensare di impostare un redirect 301 all’inverso (da AMP a non AMP), soluzione leggermente più drastica che fa anche “sparire” il suffisso AMP da ogni URL, quindi nel file .htaccess inseriremmo:

# Redirect da AMP a non-AMP
RewriteEngine On
RewriteCond %{REQUEST_URI} (.+)/amp(.*)$
RewriteCond %{REQUEST_URI} !^/wp-content/(.*)$ 
RewriteRule ^ %1/ [R=301,L]

è possibile che la regola vada tarata caso per caso.

Abbiamo visto pregi e difetti di questa tecnologia e, almeno nella mia esperienza, si può scegliere se attivarlo o meno in modo abbastanza arbitrario, per quanto rimanga preferibile usare un buon theme che sia ben ottimizzato lato PageSpeed Insights e sia ovviamente responsive (molti theme responsive di Bootstrap 4, ad esempio, danno punteggi lato PSI abbastanza disastrosi e richiedono minify, server molto veloci ed eventualmente disabilitazione selettiva degli script).

E naturalmente… viva il parroco, viva AMP!

Photo by Nick Nice on Unsplas

Possedere un PC con processore 386 o addirittura 486 (una classe di microprocessori comune negli home computer da metà  anni 80 fino al 2007, per la cronaca) è stato, almeno per la mia generazione, qualcosa in grado di farti sentire orgoglioso, in qualche modo unico: con la diffusione degli stessi all’interno dei PC ovviamente i videogiochi non potevano essere da meno, a livello di contributo di popolarità . I videogame su PC, del resto, sono stati tanto popolari tra gli utenti quanto demonizzati dagli appassionati di console – per non parlare di chi andava sempre nelle sale giochi: in fin dei conti hanno fatto parte della cultura pop e, ad oggi, continuano ad esercitare quel fascino mediante le magiche rievocazioni dei retrogame.

Era da molto tempo che volevo tirare fuori un articolo su questo argomento, anche perchè nella sezione apposita del mio sito era un qualcosa che mancava, e che secondo me era necessario aggiungere e prendere in considerazione.

Vediamo quindi i migliori 10 titoli per PC che ricordo, a cui ho giocato negli anni 80 e 90 e che sono degni di essere ricordati per almeno una curiosità  o un motivo valido.

Price of Persia

Genere: platform

Nonostante fosse del 1989 abbiamo continuato impunemente a giocarci fino ad oggi, sia su vecchi PC che nelle successive emulazioni per il web. “Prince of Persia” è forse uno dei videogiochi che restituisce meglio l’atmosfera ed il feeling da gioco anni ’90, un mix di contemplazione e di azione che difficilmente si sarebbe visto nelle generazioni successive di videogiochi. Ebbe anche un seguito dalla grafica leggermente diverso, ma quella del primo capitolo rimarrà  sempre inarrivabile.

FIFA 99

Genere: sport

Fa un certo effetto vedere come fosse la grafica di FIFA a fine anni ’90, specie rispetto ai progressi mostruosi compiuti dalla tecnologia fino ad oggi: FIFA ’99 è diventato uno dei videogiochi più celebri della EA (Electronic Arts), con tanto di voci dei commentatori affidate a Caputi e Bulgarelli. Celebre il bug della Coppa EFA, evidentemente una Coppa UEFA con una lettera in meno. Disponibile sia come giocatore singolo che multiplayer che, ancora, multiplayer in remoto.

Warcraft II: Tides of Darkness

Genere: RTS (strategico / isometrico)

Il capolavoro della Blizzard Entertainment (la casa produttrice di Diablo e Starcraft, per intenderci) rimarrà  negli annali come uno dei videogiochi che abbiamo (ri)giocato più ossessivamente, sia per la sua bellezza che per la sua capacità  di coinvolgerti: si tratta di guidare uno dei due eserciti contrapposti, organizzarli e farli sopravvivere contro un avversario sempre più furbo e meglio organizzato.

A nightmare on Elm Street

Genere: azione, isometrico

Basato sul celebre horror di Wes Craven, diventato una saga celebre e riesumata come remake qualche anno fa, non è probabilmente granchè a livello grafico, ma il concept di fondo rimane parecchio coinvolgente nonostante una giocabilità  abbastanza limitata. All’interno del gioco avevi la possibilità  di impersonare uno qualsiasi dei personaggi del del terzo episodio della saga, I guerrieri del sogno.

Sam & Max Hit The Road

Genere: Avventura Grafica

Videogioco del 1993 per MS-DOS e Mac OS basato sull’omonimo fumetto di Steve Purcell, racconta le indagini di Sam & Max (rispettivamente un cane ed un coniglio) in giro per una surreale america alla ricerca di un bigfoot scomparso. Si tratta di uno dei videogame più famosi di LucasArts, caratterizzato tra le altre cose dal fatto che i personaggi erano doppiati realmente e che fosse possibile muoversi mediante un comodo meccanismo “punta e clicca”. Il motore grafico è lo stesso utilizzato per la maggioranza delle avventure grafiche della Lucas (SCUMM, Script Creation Utility for Maniac Mansion); ad oggi è possibile riesumare giochi come questo grazie a ScummVM (e molto probabilmente ad un floppy disk con USB).

DOOM (Id Software)

Genere: FPS – First person shooter

Doom, sviluppato e pubblicato dalla Id Software è da sempre oggetto di sublimazione assoluta da parte di generazioni di videogamers, sia per la sua giocabilità  e violenza estrema, che per le sue innovazioni in fatto di grafica, specie in un’epoca in cui il 3D era poco più di una chimera. Con almeno 15 milioni di download (dato del 1997), ha ricevuto numerosi premi come gioco dell’anno, ed è diventato oggetto di culto fino ad oggi: Eltechs ExaGear, ad esempio, ha realizzato una fedele trasposizione per Android che per ragioni legali non è più disponibile sull’app store ufficiale (ma dovrebbe esserlo cercando l’APK giusto, e facendo molta attenzione a quello che si installa).

Ad oggi è diventato un progetto open source (a livello di codice, non come grafica).

Half-Life

Genere: sparatutto in prima persona

Questo primo episodio in assoluto (Valve Software) sfruttava il motore grafico di Quake (altro gioco che non cito solo per motivi di spazio), si caratterizzava in positivo per l’intelligenza artificiale migliorata e per la storia che veniva raccontata “nel mentre”, con il giocatore attivo protagonista.

Se la generazione precedente giocava a DOOM, per intenderci, quelli un po’ più grandicelli preferivano da sempre Half-Life e la sua complessa storia, oltre ai passaggi non banali ed al livello di difficoltà  basato equamente sulla logica e sull’azione.

Alone in the dark 2

Genere: Survival Horror

Anche se per ragioni storiche avrei dovuto inserire il primo Alone in the dark (il “papà ” di qualsiasi survival horror successivo, in effetti) ho preferito segnalare il secondo per una serie di ragioni: migliore grafica, storia è ancora più coinvolgente, maggiore varietà  di ambientazione, livello di interazione del giocatore migliorato e, anche graficamente, fu impressionante vederlo girare sui nostri PC. La componente horror è senza dubbio diminuita (qui si parla di pirati e gangster, mentre il primo episodio si richiamava esplicitamente al Necronomicon ed ai racconti di H.P. Lovecraft); ma nonostante questo, con i suoi enigmi e le sue maledette porte che non riuscivi ad aprire, è entrato nelle leggende assolute degli anni ’90.

Mortal Kombat

Genere: picchiaduro ad incontri

La serie di videogiochi inaugurata nel 1992 propose un nuovo modo di intendere il picchiaduro, caratterizzato da un maggiore realismo e da un livello di violenza crescente. La contrapposizione a titoli quali Street Fighter II fu ovviamente d’obbligo, anche per un fatto di concorrenza, ma la sostanza rimase diversa: questo titolo è prettamente per adulti sia per l’ambientazione sia per i contenuti. I personaggi del gioco sono stati realizzati digitalizzando dei veri attori, sfruttando al meglio la tecnologia dell’epoca per evitare sfarfallii e rallentamenti vari: pochi giochi sono fluidi e giocabili come il primo MK!

Another World

Genere: platform / adventure

Noto con il titolo alternativo Out of This World negli Stati Uniti, è la storia del fisico Lester Knight Chaykin, catapultato in un mondo alieno durante un esperimento su un acceleratore di particelle. Le dinamiche sono quelle del platform con qualche significativa variante, visto che il personaggio dovrà  evadere dalla prigionia impostagli dagli abitanti del posto, per poi risolvere una serie di enigmi (alcuni dei quali piuttosto complicati, almeno che io ricordi). Uno dei giochi che ho preferito in assoluto, senza dubbio, e anche uno dei più difficili (che non sono mai riuscito a finire).

.blue fa parte dei nuovi TLD di cui abbiamo parlato in più occasioni su questo portale; l’estensione di dominio in questione, di fatto, permette agli utenti di registrare – presso uno dei maggiori servizi di hosting – , un nome personalizzato per il proprio sito web del tipo mionome.blue. Ad oggi circa 356.000 domini su Google risultano essere indicizzati con questo TLD, e sono stati destinati agli usi più vari (attività  commerciali, privati, ecc.).

Ha senso registrare un .black se la propria attività  ha in qualche modo a che fare con il colore blu (blue in inglese). L’applicant ufficialmente accreditato dall’ICANN come Whois e NIC accreditato è Afilias, lo stesso dei .black, mentre l’estensione in questione è destinata ad uso generico nell’ambito moda e  lifestyle. Il blu viene utilizzato, anche in questo caso, per valorizzare uno specifico aspetto del proprio brand e renderlo parte integrante di un nome di dominio più agevole da ricordare o semplicemente più originale del sito.

I domini .blue disponibili sono ancora piuttosto numerosi, per cui potrebbe essere il giusto momento di acquistarne uno presso uno dei migliori servizi di hosting.

Per verificare in tempo reale se un nome a dominio .blue è disponibile per la registrazione, puoi sfruttare il tool gratuito di Trovalost.it per la ricerca dei domini.

Photo by ciron810

Gli slideshow sono effetti su più immagini, tipici delle gallerie foto ad esempio, che tipicamente vengono posti in homepage dei siti; ottenerli in HTML non è difficile, e ci sono molti tutorial per farlo rapidamente (ad esempio Responsive Slides, Slippry e bxSlider). Del resto in WordPress è molto comune doverne fare uso, per cui si può prendere in considerazione l’uso di un plugin per semplificarsi la vita o se il tempo (e le risorse) non permettano uno sviluppo dedicato sul theme.

Con l’accortezza di considerare solo i plugin gratuiti, e quella ulteriore di evitare di installare plugin per slideshow da fonti diverse dal sito ufficiale di WordPress, passiamo alla nostra rapida rassegna. Considerate che si tratta della tipologia di plugin WordPress tra le più diffuse, molti plugin sono in effetti ancora embrionali ed altri nel frattempo vengono dismessi: ho fatto un po’ di selezione in questo, per evitare di suggerire software vecchi o non abbastanza aggiornati.

Nessuno slideshow tra quelli proposti, inoltre, richiede Java o Flash, per cui si tratta di una scelta sicura e compatibile con la maggioranza dei dispositivi più moderni: browser, sistemi operativi e marche di PC, smartphone ecc. .

Meta Slider – Da segnalare perchè permette di realizzare slideshow mediante il succitato Responsive Slides, quindi compatibili su desktop come su cellulare e tablet. Download

Fluid Responsive Slideshow – Anche qui un plugin utile per caricare nelle pagine del proprio sito uno slideshow responsive, con molte skin grafiche personalizzabili e la possibilità  di scegliere tra molte opzioni. C’è anche una versione premium disponibile, per quanto quella base vada solitamente bene Download

Slideshow Caption For JetPack – Non amo molto Jetpack, ma per chi ne fa uso questa soluzione può essere interessante: da valutare. Download

NextGen Gallery – Permette di installare uno slideshow molto efficace graficamente, ed è certamente uno dei plugin storicamente più usati sui siti in WP. Se le opzioni per la visualizzazione e gli effetti sono pochi ma buoni (durata e tipo transazioni immagine, ad esempio), molto ampia è la sezione backend, in cui si possono organizzare come preferiamo gli album, importare in massa più immagini anche via FTP e cosଠvia. Download

Responsive Logo Slideshow – Altro plugin, questa volta relativamente più recente, per realizzare slideshow nel proprio sito in WordPress. Nello specifico, permette di linkare le immagini di massimo 10 loghi a rispettivi indirizzi web. Download

Tribulant Slideshow – Questo plugin si segnala per via della presenza di shortcode molto semplici ed immediati da implementare, e se ne consiglia l’uso prevalentemente per questa caratteristica, molto immediata in effetti. Download

Ti invito, a questo punto, a leggere qualche approfondimento sugli hosting WordPress, in proposito, e sui plugin in generale.

Photo by Photo_Collage