¿Sabías que hay un estudio que dice que el 40% de los usuarios que entran a tu web, se marchan si esta tarda más de 3 segundos en cargar?
Hoy en día 3 segundos es un mundo: nos da tiempo a beber agua, colocarnos en la silla y mirar que otras pestañas más interesantes tenemos abiertas en nuestro navegador y por supuesto marcharnos de la web aburrida que nos tiene esperando.
Lo primero que te recomiendo es que pases por Pagespeed de Google y compruebes cuanto tarda en cargar tu web y cuales son las recomendaciones que google te hace.
Pagespeed te dará unos valores sobre 100 de la velocidad de carga de tu web tanto en el ordenador como en su versión movil; y ojo, que aquí está lo importante, por que te recuerdo que si tu diseño no está adaptado para dispositivos móviles Mr. Google te penaliza en su ranking, así que presta mucha atención a ese detalle.
Yo te recomendaría que te apuntases el valor que te da para que después de probar estos 4 pasos que te doy para mejorar la velocidad de tu web vuelvas hacer la prueba y compruebes la diferencia.
1-OPTIMIZA TUS IMÁGENES:
te voy a referir a este artículo que escribí para Frikymama donde te cuento cómo optimizar tus imágenes en 3 sencillos clicks, pero aun así si eres usuaria de WordPress, además te recomiendo que instales el plugin: Smush.it
Creo que es uno de los plugin de optimización de imágenes más conocidos y mejor valorados, yo lo uso y estoy encantada. Según lo instalas te hace una optimización de todas las imágenes ya subidas a tu wordpress, pero además cada vez que subas una nueva te la optimiza de forma automática. Una gozada.
2-ELIMINA POP-UPS:
Sé que aquí me voy a buscar enemigas, por que ahora mismo está muy de moda tener 20 pop ups. El que te sale en medio, el que sale en el lateral inferior y el que se mantiene como barra superior o inferior para que se suscriban… Yo los tenía, lo admito, pero ahora sólo he dejado el pop-up normal de toda la vida, el que te salta en mitad de la pantalla a los 20 segundos de tu visita (vamos, que seguro que hay muchas que ni llegan a verlo por que se van antes). He buscado la forma de mantener a la vista la opción de suscripción y al eliminar dos de esos 3 pop-ups mi velocidad y ranking en Pagespeed a subido bastantes puntos y no por ello ha dejado de suscribirse nadie.
3-DESHAZTE DE VIDEOS Y MÚSICA AUTOMÁTICA:
¿Eres una radio o vives en los 90? Ya tienes tu respuesta…
Los videos y audios automáticos, además de ralentizar la carga de tu web aburren y molestan a tus visitantes, si quieres tener música dale la opción al usuario a decidir si quiere escucharla o no, pero no le obligues.
4-MINIFICA CSS, HTML Y JS:
Esto va para las chicas wordpress, no os lo tomeis a mal amigas de blogger. Vosotras al no tener tantas opciones de plugins, etc… esto os lo ahorrais, por suerte.
¿Qué es minificar? Minificar es hacer que los ficheros de código sean menos pesados eliminando espacios y tabulaciones innecesarias y por consiguiente que carguen más rápido.
¿cómo minificamos? Se puede hacer a mano, pero como no somos expertas hay plugins que nos facilitan el trabajo. Yo uso Autoptimize, pero igual de bien valorados y famosos son W3 Total Caché y WP Super Minify, así que queda a tu gusto y elección.
[su_spacer]
¿Vas hacer la prueba de PageSpeed? ¿Nos cuentas tus resultados?
[su_spacer]
[su_note note_color=”#eeeeee”]
Entrada escrita por:
Estibaliz Lopez, diseñadora gráfica y web
http://www.facebook.com/Estilopez
http://www.twitter.com/esti_lop
[/su_note]
Acabo de comprobar mis resultados en PageSpeed y me va a tocar trabajar un poco. 56/100 en móvil y 36/100 en ordenador. Y yo que pensaba que lo llevaba bien…
Hay muchos factores que hay que trabajar en la web día a día, a mi la primera vez que use pagespeed, casi me da un ataque, jajaja. Por cierto, que no lo he incluido en el post, pero el tipo de plantilla y cómo de limpio sea el código también afecta, por eso las plantillas gratuitas suelen ser más lentas que las de pago.
Me consuela pensar que aún estoy ajustando cosas y que esa cifra mejorará pronto :)
por supuesto ^_^
Muito útil este artigo.
Fiquei contente com os resultados 79/100 movil e 82/100 no pc.
Ainda tenho de melhorar um pouco mais.
Pues no vas por mal camino ;)
Está muy bien! felicidades!
Este es un tema que me preocupa bastante, ya he optimizado todas las imágenes, no tengo Pop ups. Aunque cuando analizo mi pagina en google me sale por encima de 80 se que mi pagina no carga bien, se demora unos 40 segundos en cargar todo, ayy madre mía esto de ser blogger es una tarea constante pero como entretiene. Si conoces algún recurso para blogger para minificar el CSS y demás, dímelo. UN beso
Un 80 está muy bien! Estibaliz nos ha comentado los factores más importantes pero, como bien indica en mi comentario, hay otros muchos factores que pueden influir: el servidor, la plantilla, páginas de inicio muy saturadas…