Menu

af1.it

Uno che scrive

Icone social share per wordpress senza plugin e script pesanti

4 minuti
aggiornato il
How to Create Social Sharing Button without any Plugin and Script Loading ? WordPress Speed Optimization Goal Ovvero, un bellissimo e utile tutorial su come creare icone per la condivisione degli articoli sui social network con WordPress senza utilizzare plugin o script pesanti da caricare per le pagine

Icone dei pulsanti di condivisione dei social

WordPress: i pulsanti dei social sono spesso pesanti e rallentano il caricamento delle pagine: ecco come rimediare in modo semplice e pratico senza plugin.
Il tutorial che suggerisco è semplice e pratico e puoi utilizzarlo sul tuo sito che utilizza WordPress come CMS.

Occhio ai plugin …

Personalmente preferisco usare i plugin solo quando necessario, e ce ne sono di ottimi, anzi di più.
Sono pronti da usare e facili da installare, tantissimi completamente gratuiti ed è doveroso il ringraziamento a tutti gli autori che condividono il loro prezioso tempo, che è anche il modo migliore per far conoscere il proprio lavoro: un marketing molto social !!!

Tuttavia, alcuni plugin, anche se ottimi e pronti e gratuiti, vanno inevitabilmente ad appesantire le pagine, e diminuire la velocità di caricamento, che è importantissima.

Innanzitutto è sempre bene scegliere, con un po' di attenzione, i plugin che si decide di installare, e cosa importante che vengano mantenuti aggiornati con una certa frequenza, almeno quando sono disponibili le nuove versioni di WordPress, in modo che il plugin possa continuare a funzionare senza creare problemi.

Poi, quando possibile, se si va ad utilizzare del codice ben fatto al posto dei plugin, il risultato può essere sorprendente, sia in termini di estetica che soprattutto di funzionalità, e velocità di caricamento delle pagine.
Quando il codice di programmazione semplifica le cose in modo intelligente, vale la pena utilizzarlo.

Pulsanti social share senza plugin e senza script pesanti

Il codice dei pulsanti social share è semplice da inserire nel codice HTML, tuttavia sono presenti collegamenti a file esterni (in javascript) che sono utilizzati da milioni di persone, di conseguenza il caricamento delle pagine una volta inserito il codice, può accadere che rallenti notevolmente, e risulta comunque pesante da caricare per la pagina stessa: quando possibile meglio evitare.

Tempi uguali a millisecondi magari, ma in internet fanno la differenza, specialmente sui dispositivi mobili.

Ecco perché risulta molto conveniente per la velocità di caricamento delle pagine del sito, nonché per mantenerle snelle, inserire icone social share senza plugin e senza pesanti risorse esterne.

Crunchify.com mette a disposizione questo tutorial (oltre a tanti altri molto ben realizzati), con il codice praticamente pronto, semplice da utilizzare, e molto pratico: How to Create Social Sharing Button without any Plugin and Script Loading ? WordPress Speed Optimization Goal.
Occorre inserire il codice nel file functions.php del child theme di WordPress, se non lo fai tu, puoi chiederlo a chi si occupa di gestire l'aspetto tecnico del tuo blog.

Il tutorial è semplice e chiaro, e se proprio non mastichi l'inglese puoi tradurlo velocemente con un traduttore.

Poi, utilizzando le font awesome icon per riprodurre le diverse icone dei social, invece di usare le immagini.
Si tratta di icone realizzate con CSS e LESS (precompilatore che permette di utilizzare, oltre ai classici fogli di stile, anche variabili, operatori e funzioni).

Importanza della velocità di caricamento delle pagine

L'importanza di velocità del caricamento delle pagine, è uno degli aspetti primari di un sito web, soprattutto se vengono utilizzati CMS, che per quanto ottimi possono includere numerosi file che in qualche caso rallentano la velocità, specialmente nei dispositivi mobili, vale sempre la pena di ricordare quanto proprio sui dispositivi mobili sia importante che il sito risponda al meglio.

Nel limite del possibile, e senza perdere di vista quelli che sono i contenuti che il sito deve offrire, vale la pena di dedicare del tempo per migliorare la velocità di caricamento delle pagine, il cui fine unico è quello di offrire un prodotto di buone prestazioni agli utenti.

Scrivo “nel limite del possibile”, in quanto la perfezione non è portata di mano, e detto tra noi ci sono siti considerati autorevoli dai motori di ricerca, che in quanto a velocità di download sono piuttosto ingombranti anche sui desktop pc, lascio immaginare sui dispositivi mobili.

L'ennesima dimostrazione se vogliamo, che i meno quotati (…) dai motori, devono fare molta più fatica, ma così è.

In teoria, ma non in pratica, una maggiore velocità di caricamento delle pagine dovrebbe far aumentare il trust di un sito, anche se questa è solo una delle diverse componenti con le quali un sito si costruisce un certo credito agli occhi dei motori; sebbene pensare agli utenti deve sempre il primo pensiero di chi cura un sito web, tanto dal punto di vista tecnico quanto per i contenuti.

Quindi, si possono trovare ottimi tutorial per alleggerire il peso delle pagine, anche (e soprattutto) per quanto riguarda i pulsanti di condivisione dei social.

Prova a misurare la velocità delle tue pagine con
PageSpeed Tools > Insights, e senza pretendere l'impossibile, prova a migliorare la velocità modificando il codice dove serve.

 

               

 

Felice Amadeo: autore di af1.it

af1.it è mantenuto dalla mia passione.
Se vuoi sostenere af1.it fai una donazione.

Se qualche articolo ti è piaciuto e vuoi fare una donazione, ti ringrazio.
Dona con PayPal