Mejorando la Velocidad de Carga de Mi Sitio Web

fadyraad · 2 Dic 2013

Hola chicos, que tal? Tengo un gran problema con la velocidad de carga de mi web, he hecho un análisis con el PageSpeed Insights de Google (es el que recomiendan cuando entras a tu cuenta de google adsense), pero hay varios problemas que la verdad no se como resolver del todo.

Entre los problemas que me arroja estan (copio textual):

Especificar Cache del Navegador

Establecer una fecha de caducidad o una edad máxima en las cabeceras HTTP de los recursos estáticos indica al navegador que cargue los recursos descargados previamente del disco local en lugar de hacerlo a través de la red.

Eliminar Javascript que bloquea la visualizacion y el CSS del contenido de la mitad superior de la pagina

Tu página tiene 7 recursos de secuencias de comandos y 7 recursos CSS que provocan un bloqueo. Ello causa un retraso en el procesamiento de la página.

Minificar Javascript

Compactar el código JavaScript puede ahorrar una gran cantidad de bytes de datos y acelerar los tiempos de descarga, análisis y ejecución.

Minificar HTML

Compactar el código HTML, incluido cualquier código CSS y JavaScript insertado que contenga, puede ahorrar una gran cantidad de bytes de datos y acelerar los tiempos de descarga y análisis.

Esos son algunos de los mensajes que me manda, agradecería muchísimo que me echen una mano, o por lo menos me orienten. Gracias de ante mano

Miguel Castillo · 3 Dic 2013

Creo que mi amigo Brandon Diaz te puede ayudar con eso!

fadyraad dijo:
Hola chicos, que tal? Tengo un gran problema con la velocidad de carga de mi web, he hecho un análisis con el PageSpeed Insights de Google (es el que recomiendan cuando entras a tu cuenta de google adsense), pero hay varios problemas que la verdad no se como resolver del todo.

Entre los problemas que me arroja estan (copio textual):

Especificar Cache del Navegador

Eliminar Javascript que bloquea la visualizacion y el CSS del contenido de la mitad superior de la pagina

Minificar Javascript

Minificar HTML

Esos son algunos de los mensajes que me manda, agradecería muchísimo que me echen una mano, o por lo menos me orienten. Gracias de ante mano

Federico Piccoli · 3 Dic 2013

Ciao

Tenemos un link a la web?

xPloit · 3 Dic 2013

Tal parece que tienes scripts "de más" en tu web, y también que tienes los estilos junto con la estructura ( cosa que está mal ).
Quita todo el css que tengas en tu web y crea una hoja de estilos en otro archivo y la vinculas a tu página (esto mejora los tiempos de carga) .

bachroll · 3 Dic 2013

No conocía la herramienta PageSpeed Insights y la verdad es que está muy bien. En mis blogs también me aconseja hacer algunas cosas que de momento ni idea.

fadyraad · 3 Dic 2013

Federico Piccoli dijo:
Ciao

Tenemos un link a la web?

Si, Pixenario.com, utilizo el theme de Jarida! Me parece bastante extraño que venga con esos problemas

---------- Post agregado el 03-dic-2013 hora: 15:20 ----------

xPloit dijo:
Tal parece que tienes scripts "de más" en tu web, y también que tienes los estilos junto con la estructura ( cosa que está mal ).
Quita todo el css que tengas en tu web y crea una hoja de estilos en otro archivo y la vinculas a tu página (esto mejora los tiempos de carga) .

Utilizo el theme de Jarida, es raro que venga con ese problema :s

---------- Post agregado el 03-dic-2013 hora: 15:21 ----------

bachroll dijo:
No conocía la herramienta PageSpeed Insights y la verdad es que está muy bien. En mis blogs también me aconseja hacer algunas cosas que de momento ni idea.

Es bastante buena

Federico Piccoli · 3 Dic 2013

Ciao

Tu home és excesivamente pesada (3058596 bytes) lo maximo aconsejado son 0,5 mb, ademas carga 19 js (lo maximo aconsejado son 5) y 9 archivos css (se recomiendan 1 0 2) y tiene varios errores de html, deberias reducir todas estas magnitudes y repasar el html.

DanielTroncoso · 3 Dic 2013

te dejo unos códigos para q agreges a tu .htaccess y solucionar "Especificar Cache del Navegador".

Insertar CODE, HTML o PHP:

# BEGIN Expire headers
			<ifModule mod_expires.c>
				ExpiresActive On
				ExpiresDefault "access plus 5 seconds"
				ExpiresByType image/x-icon "access plus 604800 seconds"
				ExpiresByType image/jpeg "access plus 604800 seconds"
				ExpiresByType image/png "access plus 604800 seconds"
				ExpiresByType image/gif "access plus 604800 seconds"
				ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
				ExpiresByType text/css "access plus 604800 seconds"
				ExpiresByType text/javascript "access plus 604800 seconds"
				ExpiresByType application/javascript "access plus 604800 seconds"
				ExpiresByType application/x-javascript "access plus 604800 seconds"
				ExpiresByType text/html "access plus 600 seconds"
				ExpiresByType application/xhtml+xml "access plus 600 seconds"
			</ifModule>
			# END Expire headers
			
			# BEGIN Cache-Control Headers
			<ifModule mod_headers.c>
				<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
					Header set Cache-Control "public"
				</filesMatch>
				<filesMatch "\.(css)$">
					Header set Cache-Control "public"
				</filesMatch>
				<filesMatch "\.(js)$">
					Header set Cache-Control "private"
				</filesMatch>
				<filesMatch "\.(x?html?|php)$">
					Header set Cache-Control "private, must-revalidate"
				</filesMatch>
			</ifModule>
			# END Cache-Control Headers

para lo demás usa Worpress super cache y activa el Preload cache.

fadyraad · 3 Dic 2013

Federico Piccoli dijo:
Ciao

Tu home és excesivamente pesada (3058596 bytes) lo maximo aconsejado son 0,5 mb, ademas carga 19 js (lo maximo aconsejado son 5) y 9 archivos css (se recomiendan 1 0 2) y tiene varios errores de html, deberias reducir todas estas magnitudes y repasar el html.

Un gran problema ese :s

---------- Post agregado el 04-dic-2013 hora: 02:03 ----------

DanielTroncoso dijo:

te dejo unos códigos para q agreges a tu .htaccess y solucionar "Especificar Cache del Navegador".

Insertar CODE, HTML o PHP:

# BEGIN Expire headers
			<ifModule mod_expires.c>
				ExpiresActive On
				ExpiresDefault "access plus 5 seconds"
				ExpiresByType image/x-icon "access plus 604800 seconds"
				ExpiresByType image/jpeg "access plus 604800 seconds"
				ExpiresByType image/png "access plus 604800 seconds"
				ExpiresByType image/gif "access plus 604800 seconds"
				ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
				ExpiresByType text/css "access plus 604800 seconds"
				ExpiresByType text/javascript "access plus 604800 seconds"
				ExpiresByType application/javascript "access plus 604800 seconds"
				ExpiresByType application/x-javascript "access plus 604800 seconds"
				ExpiresByType text/html "access plus 600 seconds"
				ExpiresByType application/xhtml+xml "access plus 600 seconds"
			</ifModule>
			# END Expire headers
			
			# BEGIN Cache-Control Headers
			<ifModule mod_headers.c>
				<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
					Header set Cache-Control "public"
				</filesMatch>
				<filesMatch "\.(css)$">
					Header set Cache-Control "public"
				</filesMatch>
				<filesMatch "\.(js)$">
					Header set Cache-Control "private"
				</filesMatch>
				<filesMatch "\.(x?html?|php)$">
					Header set Cache-Control "private, must-revalidate"
				</filesMatch>
			</ifModule>
			# END Cache-Control Headers

para lo demás usa Worpress super cache y activa el Preload cache.

Gracias por eso, lo puse en marcha, veamos que tal

DanielTroncoso · 3 Dic 2013

yo pase de tener puntuacion 69 a 83 con ese codigo y el wordpress super cache..

Federico Piccoli · 4 Dic 2013

Ciao

fadyraad dijo:
Un gran problema ese...

Es el problema basico y tienes que arreglarlo, creer que vas a aligerar tu web añadiendo más objetos y procesos és un contrasentido.

scheval · 4 Dic 2013

Tres de cuatro (o podrían ser los cuatro) problemas puedes arreglarlos aplicando W3 Total Cache y configurándolo perfectamente. Existen muchos manuales acá en el foro de su configuración.

Saludos