Aumentare velocità sito: caricamento delle pagine più veloce

Uno dei fattori seo più importanti del 2013 è la velocità del vostro sito: cercare di ottimizzare le vostre pagine web, togliendo codice inutile, riducendo le richieste verso il vostro o gli altri server e sfruttando sistemi di cache, sono la vera chiave di svolta per ottenere performance più elevate e tempi di caricamento più veloci per le vostre pagine del sito.

 

Aumentare velocita sito

Aumentare velocità sito: alcune dritte essenziali e da effettuare subito per un miglioramento delle prestazioni fin da subito evidenti!

Iniziamo con l’alleggerimento del peso delle immagini: è noto che utilizzare immagini JPG è senza dubbio un “must”, visto che in presenza di PNG, dovremo cercare di combinarle e utilizzare i CSS Sprite. Ho già scritto un metodo veloce su come ridurre il peso delle immagini.

Se utilizzate WordPress, ma lo stesso vale per gli altri CMS più famosi, potete ottimizzare il file .htaccess, affinché si riesca a mantenere in cache e  potete impostare tempi di scadenza per i file pubblicati più o meno dilatati nel tempo e forzare i browser a non effettuare nuove richieste al server. Se non siete pratici, esistono plugin specifici per fare questo. Il migliore, ma anche un po’ complicato da settare, è W3 Total Cache.

Cercate sempre di analizzare ogni pagina web alla ricerca di CSS e Javascript inseriti direttamente nel corpo della pagina: questo è uno dei fattori più penalizzanti per il caricamento delle pagine più veloce!

Meno CSS e Javascript: Più velocità nel caricamento!

I social sono una bestia nera, in quanto richiedono caricamenti esterni, sempre in CSS e Javascript, davvero notevoli. Un modo per ottimizzarli potrebbe essere quello di usare un plugin come Lazy Social Buttons, capace di effettuare caricamenti veloci e migliorare le richieste esterne dei social.

Altra cosa è la versione mobile di un sito: direi che nel 2013, il responsive è obbligatorio (meglio una versione mobile dedicata o un app specifica per il sito però!), soprattutto per evitare spagina menti e limitare i caricamenti di parti “superflue” per gli utilizzatori di smartphone e tablet. Usate i media queries css, così potrete selezionare e gestire varie visualizzazioni a determinate risoluzioni e specificare cosa caricare e cosa no!

Ricapitolando: usate il javascript e i css con parsimonia e limitati nelle versioni per gli smartphone, attivate e configurate plugin per la cache e l’aumento delle prestazioni, state attenti a quale tipo di immagini utilizzate, scegliendo sempre la versione in JPG e riducetene il peso in maniera da non perdere troppo in qualità. Occhio ai social network, meglio se caricati attraverso plugin che ne accelerano e gestiscono la visione!

Per verificare i vostri progressi, potete vedere che giudizio vi da Google e altri due tool online che misurano la velocità del sito:

Se avete dubbi o comenti, postate sotto, come sempre! :-)