• Saltar al contenido principal
  • Saltar a la barra lateral principal
  • Saltar al pie de página
Jessica Gestoso

Jessica Gestoso

Consultoría tecnológica para emprendedoras digitales que quieren cambiar el mundo

  • Quien soy
  • Trabaja Conmigo
  • Blog
  • Podcast
  • Contacto
  • Test Gratuito

Mejora la velocidad de carga de tu web en 4 pasos

Publicado el 08/07/2015 por Estibaliz Lopez
Última actualización el 17/09/2018

¿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.

mejora la velocidad de carga de tu web

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.

 

 

¿Vas hacer la prueba de PageSpeed? ¿Nos cuentas tus resultados?

 

 

 

  • facebook
  • Twitter
  • LinkedIn
Estibaliz Lopez
Estibaliz Lopez
Web

Diseñadora gráfica y web

Publicado en: Ayuda para tu blog Etiquetado como: colaboración

Interacciones con los lectores

Comentarios

  1. Jessica Gestoso dice

    08/07/2015 a las 11:57

    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…

    Responder
    • Esti dice

      08/07/2015 a las 12:45

      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.

      Responder
      • Jessica Gestoso dice

        08/07/2015 a las 14:11

        Me consuela pensar que aún estoy ajustando cosas y que esa cifra mejorará pronto :)

        Responder
        • Esti dice

          08/07/2015 a las 15:28

          por supuesto ^_^

          Responder
  2. Manuela Cardoso dice

    08/07/2015 a las 13:20

    Muito útil este artigo.
    Fiquei contente com os resultados 79/100 movil e 82/100 no pc.
    Ainda tenho de melhorar um pouco mais.

    Responder
    • Jessica Gestoso dice

      08/07/2015 a las 14:11

      Pues no vas por mal camino ;)

      Responder
    • Esti dice

      08/07/2015 a las 15:29

      Está muy bien! felicidades!

      Responder
  3. Yudy dice

    09/07/2015 a las 14:47

    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

    Responder
    • Jessica Gestoso dice

      09/07/2015 a las 15:22

      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…

      Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Los datos que proporciones al enviar tu comentario sólo serán utilizados para responder a tu comentario.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Footer

Algo más a lo que echarle un ojo:

  • ¿Membresía o cursos sueltos?, con Isra Bravo
  • ¿Cómo crear tu sitio web sin programación?
  • ¿Qué son los funnels de ventas y cómo ayudan a tu negocio?
  • ¿Qué es una membresía?
  • Estrategias de marketing para eventos: promociona tu marca

Desarrollo WordPress

  • Mantenimiento WordPress
  • Creación de páginas Web
  • Soporte a medida (bolsa de horas)
  • Creación de formularios de suscripción
  • Los errores más comunes en una web (CheckList gratuito)

Servicios de consultoría tecnológica

  • Consultoría para emprendedoras
  • Mentoring 1 a 1
  • ¿Estás preparada para monetizar tus conocimientos? (Test Gratuito)

Formación para emprendedoras

  • Comunidad para emprendedoras digitales
  • Curso «Cómo crear un lead magnet»
  • Training Mejora la Visibilidad de tu Web

Aviso legal, política de privacidad y de cookies
Jessica Gestoso © 2023 · Todos los derechos reservados

Utilizo cookies analíticas, publicitarias y de terceros para ofrecerte la mejor experiencia en la web.

Puedes aprender más sobre qué cookies utilizo o desactivarlas en los ajustes.

Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies de terceros

Esta web utiliza cookies de terceros para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!