Uno snippet di Sublime Text è un file XML con estensione .sublime-snippet che permette di automatizzare operazioni ripetitive.
In pratica, gli snippet di Sublime Text sono dei piccoli blocchi di testo o di codice che possono essere inseriti all’interno dei documenti con 2 clic o con una combinazione di tasti.
Dashicons e Font Awesome sono due set di icone che in termini generali vengono definiti Icon Font.
Gli Icon Font sono font che, invece di essere composti da caratteri testuali, contengono simboli e glifi. In pratica, sono icone che possono essere inserite all’interno dei contenuti come se fossero dei normali web font.
Il vantaggio nell’ambito del web design è che permettono di inserire icone ed elementi grafici che caricano velocemente se utilizzati correttamente, e sono perfettamente scalabili e reattivi al variare delle dimensioni delle schermo. Gli icon font, essendo trattati dal browser come semplice testo, possono essere presentati a video attraverso le proprietà dei fogli di stile.
Le prestazioni sono determinanti per il successo di un sito web, sia dal punto di vista della User Experience, sia dal punto di vista della SEO. La velocità di caricamento delle pagine è un importante fattore di indicizzazione è va tenuto nella massima considerazione quando si progetta e/o gestisce un sito web.
Sono moltissimi gli strumenti a disposizione dei gestori di siti WordPress per l’analisi e l’ottimizzazione delle pagine del sito ai fini delle prestazioni. Tra i moltissimi plugin in circolazione, perfmatters è sicuramente uno dei più semplici e completi, dotato di alcune opzioni esclusive.
Cosa succede quando un visitatore richiede una pagina del vostro sito?
Si attiva una complessa procedura che vede coinvolto il client (il browser dell’utente), il server, il CMS e infine di nuovo il client, che riporterà all’utente la risorsa richiesta oppure, se qualcosa non è andato come avrebbe dovuto, un messaggio di errore del server.
A seguito dell’invio di una richiesta da parte del client, WordPress carica svariati file del core, tra cui wp-config.php, wp-settings.php, wp-includes/functions.php, ecc. (per una descrizione dettagliata, si veda Query Overview).
Ad un certo punto, cioè quando è stato caricato l’oggetto $wp, in WordPress si attiva una sequenza di operazioni:
is_ utilizzate dai conditional tag, ossia quelle funzioni di WordPress che verificano la sussistenza di determinate condizioni (ad es. la funzione is_home() verifica se la pagina richiesta dall’utente sia la home page del sito). Queste funzioni dipendono dalle variabili presenti nella query specification.$wp_query, mentre se la richiesta viene dalla funzione get_posts(), la risposta sarà memorizzata in un array di oggetti $post.
Sublime Text è un potente editor di testo che permette di semplificare l’editing dei testi e del codice e di velocizzare al contempo il proprio flusso di lavoro. Si tratta di un editor estremamente completo e avanzato, che permette di lavorare sia su più schede nella stessa finestra che su finestre separate.
La documentazione ufficiale di Google Lighthouse individua due punti critici nei link web esterni (cross-origin) delle pagine web: prestazioni e sicurezza. Ecco cosa ci dice Google a proposito delle prestazioni:
Quando aprite un’altra pagina utilizzando
target="_blank", l’altra pagina potrebbe essere eseguita sullo stesso processo della vostra pagina, a meno che non sia abilitato l’isolamento del sito. Se l’altra pagina esegue una gran quantità di codice JavaScript, ne potrebbe soffrire anche la vostra pagina. Si legga The Performance Benefits ofrel=noopener
Ed ecco, invece, quanto si afferma a proposito della sicurezza:
L’altra pagina può accedere al vostro oggetto
windowcon la proprietàwindow.opener. Questo espone una superficie di attacco in quanto l’altra pagina può potenzialmente reindirizzare la vostra pagina ad un URL malevolo. Si legga About rel=noopener.
L’attributo rel stabilisce la relazione tra il documento corrente e un documento collegato e incide su diversi ambiti della gestione di un sito web: sicurezza, prestazioni, indicizzazione, informazioni di vario tipo e molto altro. In pratica, l’attributo rel si presta a numerosi impieghi e per questo motivo può assumere un numero considerevole di valori.
Lascio in questo post la presentazione dell’intervento al WordCamp Torino 2019 in cui ho parlato di custom post type, custom taxonomy e custom field, oltre all’elenco delle risorse che ho citato durante lo speech. Chi volesse approfondire questi argomenti o chiedermi altre informazioni, non deve far altro che lasciarmi un commento qui sotto 🙂
Il codice utilizzato è disponibile su Gist.
Risorse citate:
Risorse interne a
Risorse del Codex:
I plugin di cui ho parlato al WordCamp Torino 2019:
Quando si comincia a sviluppare un sito web è molto probabile che sia necessario fare numerosi test sui plugin e sui temi che si utilizzeranno quando il sito sarà in funzione. Scegliere un plugin, ad esempio, è un’attività che può richiedere del tempo, varie installazioni, dei confronti che sarebbe comodo effettuare sul proprio computer prima di andare online. Oltre ai plugin, potrebbe essere opportuno provare le funzionalità di diversi temi.
Se, poi, dobbiamo sviluppare plugin o child themes personali, allora le modifiche possono diventare continue e il salvataggio e l’upload dei file ad ogni modifica diventa un’operazione alquanto noiosa. Per questo è utile dotare il proprio computer di un ambiente in cui sviluppare e testare senza inutili tempi di attesa.
Docker è un software open-source che automatizza il deployment di applicazioni utilizzando le funzionalità di isolamento delle risorse del kernel Linux per generare un sistema di container che eseguono processi in ambienti isolati. Un container non include un sistema operativo separato, come una Virtual Machine, ma sfrutta l’isolamento delle risorse propria del kernel Linux.
Docker opera, quindi, una virtualizzazione a livello di sistema operativo e non a livello di macchina, come invece avviene per le Vistual Machine. Ma di cosa si tratta precisamente?