Per alleggerire e pulire il codice HTML e CSS di un tema su Blogger migliorando le prestazioni del sito, è necessario rimuovere gli elementi superflui, i frammenti di codice residui e ottimizzare le risorse caricate.
1.Esegui un backup del tema corrente:Sicurezza.
Prima di modificare qualsiasi riga di codice, vai su Blogger > Tema, clicca sulla freccia accanto a Personalizza e seleziona Backup. Salva il file XML sul tuo computer per poter ripristinare il blog in caso di errori.
Verifica: Il file in formato .xml sarà scaricato correttamente sul tuo dispositivo.
2.Rimuovi i widget e gli stili non utilizzati:Pulizia codice.
Entra nell'editor HTML (Tema > freccia > Modifica HTML). Cerca e rimuovi i blocchi di codice HTML o CSS residui associati a widget, plugin o contatori eliminati in precedenza che continuano a lasciare tracce nel template.
Verifica: Cerca stringhe relative a vecchi script o fogli di stile esterni non più presenti sul blog ed eliminale con attenzione.
3.Limita font e fogli di stile esterni:Ottimizzazione risorse.
Individua nella sezione <head> del codice i link di importazione di font esterni (come Google Fonts con troppi pesi o varianti) o librerie di icone pesanti (come Font Awesome) e mantieni solo quelli strettamente necessari all'aspetto grafico.
Verifica: Il numero di chiamate esterne verso server terzi si ridurrà sensibilmente all'interno del codice sorgente.
4.Salva e verifica il rendering:Test finale.
Clicca sull'icona del dischetto in alto a destra per salvare le modifiche al tema. Apri il blog in una finestra in incognito per controllare che la grafica non sia compromessa e che il caricamento sia fluido.
Verifica: Il layout visivo risulterà intatto e privo di errori di visualizzazione.
Trovato questo articolo interessante? Condividilo sulla tua rete di contatti Twitter, sulla tua bacheca su Facebook per suggerire questo risultato nelle ricerche in Linkedin, Instagram o Pinterest. Diffondere contenuti che trovi rilevanti aiuta questo blog a crescere. Grazie! CONDIVIDI SU!
Post
Nessun commento:
Posta un commento