Web e Code Script

Come analizzare prestazioni e velocità del tuo sito online

A molti di voi sarà capitato di essere soddisfatti del sito appena creato, che sia per voi o per un vostro cliente. Ci siete riusciti attraverso di script JQuery e/o Javascript molto utili, o attraverso il codice CSS, provocando tuttavia un rallentamento nelle prestazioni del sito.

L’estetica è importante, ma lo è altrettanto l’accessibilità del sito stesso, quindi anche la sua velocità, perchè i tempi di attesa impediscono all’utente navigatore una navigazione fluida dei contenuti del sito e lo inducono spesso ad abbandonarlo. Del resto è noto ormai da tempo che Google considera la velocità un criterio decisamente importante nella valutazione del sito web.



Tempo fa vi abbiamo parlato di Google Analytics, spiegandovi come installarlo e le sue caratteristiche principali. Tra esse vi è anche la possibilità di calcolare la velocità del vostro sito. Per farlo cliccate a sinistra sul link Contenuto > Velocità sito.

Avrete moto di valutare:

» il Tempo di caricamento medio della pagina (sec)

Il tempo di caricamento medio della pagina è la quantità di tempo medio (in secondi) impiegato da una pagina del set campione per caricarsi, dall’avvio della visualizzazione di pagina (ad esempio clic su un link alla pagina) fino al termine del caricamento nel browser.

» il Tempo di reindirizzamento medio (sec)

La quantità media di tempo (in secondi) impiegato nel redirect prima di scaricare questa pagina. Se non ci sono redirect, il valore di questo parametro dovrebbe essere 0.

» il Tempo medio di ricerca dominio (sec)

La quantità media di tempo (in secondi) impiegato nel lookup DNS per questa pagina.

» il Tempo medio di connessione al server (sec)

La quantità media di tempo (in secondi) trascorso a stabilire una connessione TCP per questa pagina.

» il Tempo medio di risposta del server (sec)

La quantità media di tempo (in secondi) necessaria al server per rispondere a una richiesta dell’utente, compreso il tempo della rete dalla posizione dell’utente al tuo server.

» il Tempo di download medio della pagina (sec)

La quantità media di tempo (in secondi) per scaricare questa pagina.

Ma non solo, potrai anche analizzare i dati relativi alla velocità delle singole pagine e il Tempo medio utente(sec)

Oggi tuttavia volevo parlarvi di un altro ottimo strumento che permette di analizzare/valutare le prestazioni del vostro sito, ma allo stesso tempo vi offre consigli su come ottenere risultati migliori. Si tratta di PageSpeed Insights, un tool di Google Developers.



Inserendo nell’input text l’indirizzo del vostro sito e premendo il bottone Analizza, PageSpeed genererà dei suggerimenti per rendere questa pagina più veloce, riducendo i tempi di caricamento della stessa attraverso una serie di operazioni, con annesso calcolo del numero di byte risparmiati.

Uno strumento davvero utile per migliorare le prestazioni in rete.
E voi? Ne conoscete altri?




emoticons

avatar
Autore: Valerio Del Re

Dott. in Comunicazione e Pubblicità per le Organizzazioni,
Grafico e Web Designer freelance, CEO presso Robadagrafici


Cosa ne pensi? Esprimi la tua opinione.
Scrivi un commento.

Loading Facebook Comments ...

Ti potrebbero interessare anche:


font-awesome

Icon Font Awesome. Come inserire sul sito icone tramite font

Le icone sono ormai uno standard per chi realizza siti internet. Permettono infatti un’ottima personalizzazione per lo stile […]


testare-sito-mobile-online

Testare sito mobile online. Effettua il test con Google

Se sei un webdesigner sicuramente nell’ultimo periodo ti starai dedicando allo studio della tecnica del responsive design. Un […]


orologio-esadecimale

What colour is it? L’orologio esadecimale

Oggi vi segnalo un sito creativo, da veri nerd, per appassionati di grafica e web. Si tratta del […]


sfumature-css3

Come creare una sfumatura con CSS3

CSS3 ha tantissime potenzialità che ogni web designer dovrebbe conoscere per evitare di fare un uso spropositato di […]


css3-box-shadow

Ombra CSS3. Come aggiungerla a testo, div e immagini

CSS3 è una rivoluzione. Ci permette di aggiungere tanti effetti grafici agli oggetti presenti nelle nostre pagine web, […]


css3-border-radius

Come smussare angoli di immagini e div con CSS3 Border Radius

Con Html5 e CSS3 il mondo del web ha fatto un notevole passo avanti, offrendo un’esperienza più ricca […]


mappa-vettoriale-jquery

Mappa del mondo con ingrandimento in jQuery

Creare una mappa navigabile per il sito internet è diventata ormai pratica comune, specialmente quando si tratta di […]


atlas

Arriva Atlas, la concorrenza di Facebook a Google

È ufficiale: Google ha un concorrente. Si chiama Atlas ed è di proprietà di Facebook. Quest’ultimo aveva acquistato […]


jquery-document-ready-function

La base della sintassi di jQuery: $(document) .ready()

Se vi state avvicinando da poco a jQuery e state iniziando a studiarlo, avrete notato che spesso il […]


php-if-else

PHP: gestire le condizioni con le istruzioni if e else

Se state realizzando un sito nel linguaggio di programmazione Php, magari con il CMS WordPress, imparare a gestire […]


Shares

Robadagrafici.com non è una testata giornalistica in quanto viene aggiornato senza alcuna periodicità. Non può pertanto considerarsi prodotto editoriale ai sensi della legge 62/2001. Le immagini e i testi pubblicati sono valutati come di pubblico dominio: qualora il loro uso violasse diritti d'autore, lo si comunichi all'autore del blog che provvederà alla loro pronta rimozione.
Tutti i contenuti sotto Licenza Creative Commons. Marchi e loghi di soggetti terzi utilizzati in questo sito sono di proprietà esclusiva dei rispettivi proprietari.
Roba da Grafici © 2011-2016 - Progetto a cura di ServiziWeb Srl - Privacy & Cookies Policy