[GUIDA] Ottenere punteggio 100/100 "Leverage Browser Caching" in Google Page Speed

[cardy]

Ciao, mi sapresti consigliare su come disattivare i gravatar su wp?
Grazie e ciao

nelle opzioni di wordpress alla voce commenti puoi scegliere che tipo di avatar utilizzare... prova a vedere se è sufficente...

	Avatar L'avatar è la piccola immagine che di solito viene visualizzata vicino al nome dell'utente di un forum con lo scopo di associare il nick ad una sensazione visiva.

	WordPress WordPress è una piattaforma per la gestione dei contenuti e la creazione di un blog

[marcocarrieri]

Il mio page speed core è di soli 76....
Il sito è hostato pero su un server IIS6 con php...
Consigli?

[Score: 26/100] Enable compression
[Score: 00/100] Leverage browser caching
[Score: 19/100] Minify CSS
[Score: 00/100] Serve static content from a cookieless domain
[Score: 64/100] Combine external JavaScript
[Score: 64/100] Minify HTML
[Score: 50/100] Optimize images
[Score: 33/100] Use efficient CSS selectors

Questi punti sono quelli segnalati.

	CSS Fogli di Stile

	Javascript JavaScript è un linguaggio di scripting orientato agli oggetti comunemente usato nei siti web

	Browser Un browser web (sfogliatore di documenti web) è un programma che interpretail codice delle pagine web e lo visualizza in forma di ipertesto

	HTML HTML (HyperText Markup Language) nasce per mano di Tim Berners-Lee, il costruttore del primo webserver e del primo browser, come estensione di SGML (Standard Generalized Markup Language) nel 1990.

	PHP E' una piattaforma trasversale lato server scripting language utilizzata per la creazione di pagine web dinamiche

	Server Ogni coppia hardware-software che fornisce appunto servizi ad utenti chiamati tradizionalmente clienti (clients) attraverso una rete.

[cardy]

Il mio page speed core è di soli 76....
Il sito è hostato pero su un server IIS6 con php...
Consigli?

[Score: 26/100] Enable compression
[Score: 00/100] Leverage browser caching
[Score: 19/100] Minify CSS
[Score: 00/100] Serve static content from a cookieless domain
[Score: 64/100] Combine external JavaScript
[Score: 64/100] Minify HTML
[Score: 50/100] Optimize images
[Score: 33/100] Use efficient CSS selectors

Questi punti sono quelli segnalati.

1. www microsoft com/technet/prodtechnol/WindowsServer2003/Library/IIS/25d2170b-09c0-45fd-8da4-898cf9a7d568.mspx?mfr=true
2. da IIS Manager è possibile abilitare gli hhtp headers
3. Ci sono strumenti gratuiti che seguono il minify (page speed stesso)
4. Ne abbiamo già parlato più in su. O sposti i file statici (immagini e altri) su un dominio che non restituisce cookie, oppure provi a disattivare i cookie del tuo sito (sicuramente c'è il cookie di sessione di php più eventualmente quello di analytics)
5. Cerca se possibile di utilizzare un numero minore di file .js. Ogni file è una richiesta aggiuntiva, e ogni richiesta aggiuntiva sono millisecondi di attesa in più... Se utilizzi jquery o altri framework, linkali da una CDN (es. di google o microsoft)
6. Stesso discorso del punto 3. X il codice html è più difficile farlo per delle pagine dinamiche (x quelle in html "statiche" puoi semplicemente provare a eseguire un find/replace dei caratteri spazio e "a capo"). Esistomno cmq dei plugin per php che ti permettono di farlo...
7. Controlla che le immagini sia sufficentemente compresse (nel senso che è inutile avere una jpeg a qualità 95 quando a qualità 70 hai la stessa resa ma un peso minore) e che la dimensione sia specificata o nel css o nel tag img
8. Questa è forse la parte che richhiederà più tempo... Ci sono solitamente più modi (diciamo almeno 3) con i css per ottenere lo stesso risultato "visivo". Di questi solitamente 1 è quello ottimale, gli altri sono più "sbrigativi"... Se hai la voglia/competenza per farlo, imetti mano al css... oppure cerca un template fatto meglio ( e magari risolvi più di uno dei punti sopra)

Saluti

	CSS Fogli di Stile

	Javascript JavaScript è un linguaggio di scripting orientato agli oggetti comunemente usato nei siti web

	Browser Un browser web (sfogliatore di documenti web) è un programma che interpretail codice delle pagine web e lo visualizza in forma di ipertesto

	HTML HTML (HyperText Markup Language) nasce per mano di Tim Berners-Lee, il costruttore del primo webserver e del primo browser, come estensione di SGML (Standard Generalized Markup Language) nel 1990.

	PHP E' una piattaforma trasversale lato server scripting language utilizzata per la creazione di pagine web dinamiche

	Server Ogni coppia hardware-software che fornisce appunto servizi ad utenti chiamati tradizionalmente clienti (clients) attraverso una rete.

[marcocarrieri]

Ma se il mio sito non è in locale come faccio...? Devo dire al mio hoster di abilitare quelle cose...?

[cardy]

Ma se il mio sito non è in locale come faccio...? Devo dire al mio hoster di abilitare quelle cose...?

Ah si, per i punti 1 e 2 deve chiedere al fornitore di hosting. pensavo che il tuo fosse un server aziendale, vista la configurazione "strana" ( php + iis)...
Tutto il resto puoi farlo da solo invece...

	Hosting Servizio che consiste nell'allocare su un server web le pagine di un sito web, rendendolo cosí accessibile dalla rete internet.

	PHP E' una piattaforma trasversale lato server scripting language utilizzata per la creazione di pagine web dinamiche

	Server Ogni coppia hardware-software che fornisce appunto servizi ad utenti chiamati tradizionalmente clienti (clients) attraverso una rete.

[BILL152]

Ciao cardy, e ciao tutti.
Vorrei qualche consiglio su come migliorare il mio punteggio su pagespeed. Ho un sito (giochigratisonline.eu) in joomla con template ja-purity. Sono riuscito a portare il punteggio da 69 a 81 ma non riesco ad aumentarlo ulteriormente. Purtroppo essendo su hosting condiviso aruba, non posso risolvere alcune cose come il leverage browser caching non essendo attivo il mod_expire. Ciò che mi premerebbe risolvere è il combine external css ma ho già provato alcuni plugin come cssjscompress, icespeed e jhc optimize ma tutti questi mi riducevano il template ad una pagina bianca. Attendo tuoi/vostri preziosi consigli.
Ciao e grazie
Postato via Mobile

	CSS Fogli di Stile

	Browser Un browser web (sfogliatore di documenti web) è un programma che interpretail codice delle pagine web e lo visualizza in forma di ipertesto

	Hosting Servizio che consiste nell'allocare su un server web le pagine di un sito web, rendendolo cosí accessibile dalla rete internet.

	Joomla Joomla è un CMS per costruire siti internet

	plugin O plug-in, o add-in o add-on, rappresenta una particolare applicazione aggiuntiva che ha il compito di interagire con un programma-padre (senza il quale non potrebbe funzionare) per integrarne funzioni e personalizzazioni.

[cardy]

[...] Ciò che mi premerebbe risolvere è il combine external css ma ho già provato alcuni plugin come cssjscompress, icespeed e jhc optimize ma tutti questi mi riducevano il template ad una pagina bianca. Attendo tuoi/vostri preziosi consigli.
Ciao e grazie

In google page speed è già presente il tool per il minify del css ;-) ... Considera comunque che migliorerà il punteggio solo di un paio di punti

	CSS Fogli di Stile

	Google Google (pronuncia gùgol) è un motore di ricerca per Internet.

	plugin O plug-in, o add-in o add-on, rappresenta una particolare applicazione aggiuntiva che ha il compito di interagire con un programma-padre (senza il quale non potrebbe funzionare) per integrarne funzioni e personalizzazioni.

[BILL152]

In google page speed è già presente il tool per il minify del css ;-) ... Considera comunque che migliorerà il punteggio solo di un paio di punti

Il minify l'ho già eseguito, è l'unione dei 7 css in uno che non so proprio fare
Postato via Mobile

	CSS Fogli di Stile

[marcocarrieri]

A me minimizzando dei css poi non mi si vedeva piu nello stesso modo il sito purtroppo...

	CSS Fogli di Stile

[cardy]

Dipende dal tipo di minify. Per intenderci, quello "base" sicuramente non impatta sulla grafica del sito, ma solo su peso del file. Questa operazione è eseguibile manualmente, utilizzando un qualsiasi editor di testo. Si Cercano tutti gli "a capo" rappresentati dal carattere \r\n e si eliminano i commenti.
Questa già una prima versione. Il minify avanzato prevede invece che gli elementi con le stesse proprietà vengano messi insieme. ad esempio :

#div1{
height:20px;
color:red;
}
#div2{
height:20px;
color:red;
}

diventa:

#div1,#div2{
height:20px;
color:red;
}

Visto che però l'ordine nei css è importante (ciò che è scritto in fondo sovrascrive ciò che è scritto in alto), bisognerebeb prima di tutto ottimizzare "manualmente" il css.

Segnalo un tool interessante che permette di fare il minify senza problemi Rapid php 2010. Potrebbe anche essere utile rapid CSS 2010 che probabilmente svolge le stesse funzioni...

	CSS Fogli di Stile

	PHP E' una piattaforma trasversale lato server scripting language utilizzata per la creazione di pagine web dinamiche

[cardy]

Ho trovato il modo per aggirare le limitazioni imposte da Aruba e altri hosting condivisi per abilitare il caching dei files e la compressione senza abilitare moduli o quant'altro... Ci ho speso delle nottate e ho consuamto un sacco di caffè... x cui... chi mi offre un caffè?

	Hosting Servizio che consiste nell'allocare su un server web le pagine di un sito web, rendendolo cosí accessibile dalla rete internet.

[cardy]

Ah dimenticavo di dire che il puntegigo è pasato da 83 a 94...

[BILL152]

Ciao cardy, sarei molto interessato a sapere come fare per risolvere con aruba . Il caffè te lo offrirei volentieri, ma come fare...

[cardy]

Appena ho un attimo posto la soluzione, visto che poi adesso sono anche alle prese con un plugin per wordpress...

	WordPress WordPress è una piattaforma per la gestione dei contenuti e la creazione di un blog

	plugin O plug-in, o add-in o add-on, rappresenta una particolare applicazione aggiuntiva che ha il compito di interagire con un programma-padre (senza il quale non potrebbe funzionare) per integrarne funzioni e personalizzazioni.

[irtimood]

Ciao Cardy, io ti spedisco proprio tutta la moka se posti la soluzione