Cómo mejorar tu velocidad de página con Page Speed de Google

  • Autor Autor Kakkonen
  • Fecha de inicio Fecha de inicio
A mi siempre me pasa con analytics que ellos te dan el asynchronic code, pero lo ponés y GMetrix o Page Speed siguen tirando el error .......

No lo comprendo
 
Seria interesante completar este tutorial

Seguro que muchos estariamos agradecidos
 
Vale parece que es algo muy bueno para salir en los buscadores pero exactamente ¿Qué es Page Speed Google?
 
Speed Google es una herramienta que mide el grade de velocidad de carga de un sitio web, propia de google, por eso es recomendable usarlo, seria bueno retomar el tutorial :welcoming:
 
Pues sí, a mi me vendría bastante bien que alguien me iluminaría en este aspecto.
 
Desde ayer empezé a optimizar las fotos. Curiosamente con ese código que cuelgas me aumentó el porcentaje en 5 puntos. :welcoming::welcoming::welcoming:

---------- Post agregado el 16-may-2013 hora: 20:39 ----------

Además hay que colocar los divs de las redes sociales hasta el fondo, al final del footer, así se cargan de último... He notado que los botones sociales suelen tener problemas y alentizan la carga cuando se colocan en el header, single o sidebar... desde que lo coloqué justo antes de la equiqueta </body></html> y alineandolo con ccs en el lugar que quiero mejoró bastante la carga de mi sitio ya que carga de último esas llamadas a los botones sociales y demás vainas...
 
Gracias a los trucos de la compresión y caché he ganado 5 puntos en page speed, ya estoy en 85. Gracias!
 
Ni sabía que existía esta herramienta. Desde mañana empiezo a usarla. A favoritos! :encouragement: Gracias amigo.
 
entonces comenzamos a actualizar este mega tutorial? los codigos o procedimientos, busquenlo en el primer post y copienlo para saber que es y asi tenerlo ordenado
 
Añado el que corrige Especificar caché de navegador.
Solo incluí el siguiente código en .httacces y se resolvió el asunto... [MENTION=2789]Kakkonen[/MENTION]

Insertar CODE, HTML o PHP:
# EXPIRAR CACHE
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 10 days"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/plain "access plus 1 week"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/x-icon "access plus 3 months"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType text/javascript "access plus 1 week"
ExpiresByType application/x-icon "access plus 3 months"
</IfModule>
# FIN EXPIRAR CACHE


---------- Post agregado el 24-may-2013 hora: 14:39 ----------

PD: Gracias a este tutorial aumenté de 82% a 95% 🙂

---------- Post agregado el 24-may-2013 hora: 15:16 ----------

Otra cosa, encontré este tutorial muy completo con muchos códigos a implementar: [Tutorial]Page Speed Google 100%|Tutoriales Ubuntu hacks wordpress

---------- Post agregado el 24-may-2013 hora: 15:22 ----------

Resolver: Especificar una cabecera Vary con el valor accept-encoding

Insertar CODE, HTML o PHP:
lt;FilesMatch "\.(js|css|xml|gz)$"&gt;
Header append Vary Accept-Encoding

Pero si usas apache 2

Insertar CODE, HTML o PHP:
#The following line is enough for .js and .css
AddOutputFilter DEFLATE js css
#The following line also enables compression by file content type, for the following list of Content-Type:s
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml
#The following lines are to avoid bugs with some browsers
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
 
Última edición:
Gracias mañana los coloco en el post1