Stavo navigando per il web alla ricerca di qualcosa che mi mostrasse una TIMECHART di quello che avviene aprendo le pagine dei miei siti.
Tanto per avere un analisi non lato server della cosa...
e ho trovato questo
FIREBUG
lo installo e provo subito le sue innumerevoli funzioni. E che ti scopro? che fa tutto lui
Non solo mostra una timechart (tabella tempi) del caricamento immagini, va ben oltre... ha reso obsoleto ed inutile una guida che stavo scrivendo per icy all'utilizzo del css stylegray.css
In pratica questo simpatico oggetto vi permette un analisi completa di quello che avviene all'interno di una pagina di un vostro sito internet:
Mostra le classi CSS utilizzate in ogni singola parte (basta attivare INSPECTOR)
Vi segnala eventuali errori e la path esatta di dove avvengono (immagini non caricate???? ora saprete perchè).
Vi mostra i file che vengono caricati
Il peso complessivo di ogni singola pagina
i js che vengono caricati e dove agiscono.
Io lo reputo uno dei migliori strumenti di analisi per coloro che non possono o non sanno fare analisi lato server.
Inoltre siccome si può montare su Portable FIREFOX permette analisi da diverse locazioni e quindi da diverse adsl con diversi settaggi...
Dovete installarlo
Dovete dirgli su che siti attivarlo (Strumenti - FIREBUG)
Dopo di che in basso a destra vi ritroverete un iconcina Grigia per i siti non attivi e Verde o Rossa per quelli attivi
Cliccandoci sopra avrete accesso alla console di FIREBUG dove potrete monitorare :
CONSOLE
HTML <--------- Mostra la versione HTML della pagina caricata
CSS <------- Visualizza tutto il css e mostra anche i file o i colori in formato VISIBILE
SCRIPT <------ Visualizza tutti gli script caricati nella pagina
DOM <------- Document Object Model (se non sapete cosa è non importa che lo usiate)
NET <--------- Monitorizza quello che accade a livello di NETWORK e quindi cosa carica quando lo carica ed eventuali errori, in fondo pagina c'è il riassunto con il peso completo della pagina
consente inoltre di CAMBIARE ONTHEFLY (al volo) le impostazioni del css
Firebug - Estensione per FIREFOX
