¿Cuál es el peso adecuado para una página web y qué elementos hacen que este aumente?

El peso adecuado para una página web

¿Sabrías decirme cuál es el peso de tu página web o cuál sería el ideal para que sea rápida?

No te preocupes si no lo sabes porque aunque es algo que cada día toma más importancia.

Esto no se sabe hasta que nos ponemos serios con la optimización de la misma.

Muchas veces nos centramos en que queremos que la web cargue rápido, pero no miramos su peso.

Y es algo importante porque de ahí es donde van sumando muchos segundos al marcador.

Hay muchos factores que afectan al peso o tamaño de tu página web.

Pero antes de seguir con esto empecemos con lo básico.

¿Cuál es el peso adecuado para una página web?

La respuesta rápida es cuanto menos mejor.

Así de simple.

Pero si tengo que mojarme y darte una cifra te diría que lo ideal sería menos de 1 Mega.

Aunque también tenemos el tema del dispositivo por el que se navega.

No es lo mismo navegar desde un ordenador desde tu casa con la fibra óptica, que hacerlo desde un smartphone.

Todos sabemos que cada día aumenta la velocidad con la que navegamos.

Que si fibra a 200 Megas, que si 4G, etc.

Pero al mismo tiempo también están bajando el peso de las webs usando tecnologías como Google AMP.

Desde mi punto de vista nos tiene que quedar clara una cosa.

No importa la velocidad del dispositivo.

De qué me sirve que yo tenga en casa 50 Megas de fibra, si una página web tarda en cargar más de 3 segundos.

Por eso si queremos optimizar WordPress debemos de bajarlo todo lo posible.

[clickToTweet tweet=”El peso ideal para tu página web debería de ser lo menor posible, pero nunca superior a 1 Mega” quote=”El peso ideal para tu página web debería de ser lo menor posible, pero nunca superior a 1 Mega”]

¿Cómo medir el peso de tu web?

Hay muchas herramientas que te lo dicen.

Si me sueles leer ya sabes que yo soy fan de GTMetrix y que la uso para todo.

Así que voy a usarla para medir mi el peso de la mía.

Si quieres puedes analizar la tuya desde su web.

Pero no voy a hacer lo típico de medir la página principal, porque suele ser la más optimizada.

Voy a escoger la página de un post, dado que suelen estar cargadas de imágenes y otros componentes.

Ya que la cosa va de peso, he cogido uno que tiene bastantes imágenes y mira que casualidad que encima va de eso.

El post va de como optimizar las imágenes de WordPress.

Según el análisis de GTMetrix este post supera el Mega de peso.

Peso artículo ragose

El motivo es porque tiene muchas imágenes.

Pero bueno, más o menos está dentro de lo adecuado y además es un artículo muy potente, así que merece la pena.

Lo que aumenta el peso de tu página web y consejos para solucionarlo

Cuando vemos que nuestra web pesa más de la cuenta, lo ideal sería empezar a bajarla de peso.

Lamentablemente no podemos ponerla a comer verduras y pollo a la plancha como nosotros.

Pero sí podemos hacer otras cosas.

Haz un uso adecuado de las imágenes

Piensa que si en un artículo metes 10 imágenes y cada una pesa 100kb, pues ya has superado la cifra de 1 Mega.

Y eso sin contar con el resto de los componentes de la web.

Pero además de eso deberías de usar imágenes en tamaño adecuado.

Te recomiendo que aprendas todo lo posible sobre las miniaturas de WordPress y como te ayudan a usar tamaños adecuados.

Además de ello y como te he explicado antes, debes de optimizarlas todo lo que puedas.

Piensa en el uso de Lazy Load

Lazy Load es una función que sirve para que las imágenes se carguen cuando el usuario hace scroll.

Osea que hasta que no llegas hasta donde está las imágenes, esta no se ve.

Esto hace que baje mucho el peso de la web.

Pero también puede crear una mala experiencia al usuario si no se usa correctamente o dependiendo de los plugins y funciones que se usen.

Pero es buena idea que la pruebes y veas si te interesa.

Puedes usarla instalando plugins que hay para ello como Lazy Load o algunos que ya la incorporen como WP Rocket.

Instala solo los plugins necesarios

¿Sabes que cada vez que instalas un plugin, se cargan archivos CSS y JS?

Pues sí.

Y aunque no estés usando ese plugin en ese momento o en esa página, esos scripts se cargan aumentando el peso de tu página web.

Lo ideal sería controlar en qué páginas ejecutar o no cada plugin, pero eso es un engorro para quien no tiene conocimientos avanzados.

Así que no te queda más remedio que usar solo los plugins que necesites y ayudarte de la minificación de archivos para optimizarlos.

Limita el uso de scripts externos

Toda página web carga scripts externos ya sean de Google Analytics, de redes sociales, publicidad o lo que sea.

El problema de esto es que estos scripts se suman al peso de tu web, dado que hasta que no se cargan, no se muestra completa.

Veo muchos sitios con servicios duplicados de analítica y otros que la van haciendo lenta.

Intenta hacer uso solo de los servicios externos que necesites.

Entiendo que a veces no es posible eliminar algunos, pero en la mayoría de ocasiones sí.

Usa Google AMP

¿Qué mejor manera de ver el potencial de AMP que con pruebas?

Pues para eso he hecho la prueba de tamaño del mismo post de antes, en su versión AMP, dado que la he puesto hace poco.

Peso artículo ragose versión AMP

Como puedes ver, la misma url y con las mismas imágenes y todo.

Pesa menos de la mitad en su versión AMP.

Esta es una de las pruebas de hacer bien las cosas.

¿Merece la pena usar AMP?

La respuesta está clara.

¿Vas a poner tu web a dieta a partir de ahora?

Cada kilobyte de más va haciendo tu página web cada vez más lenta.

Más peso – más segundos – menos visitas – menos conversiones.

Recuerda esto:

  • Optimiza las imágenes al máximo.
  • Lazy Load puede ayudarte con ello.
  • Evita usar plugins o scripts externos que no sean necesarios.
  • Google AMP es magnífico para los post de tu blog.
  • Y para terminar, la compresión Gzip baja mucho el peso de tu web, así que habla con tu hosting.

Espero que te ayude a mejorar tu web y ya sabes que tienes los comentarios para aportar lo que quieras.

Foto: https://es.123rf.com/profile_sergign

¡Valora mi contenido!
[2 votos. Media: 5]

8 comentarios en “¿Cuál es el peso adecuado para una página web y qué elementos hacen que este aumente?”

  1. Hola Raúl, más claro agua pero quería añadir que google AMP no se encuentra en el directorio de plugins o yo al menos no lo encontrado. Sabes de algún otro yo he probado este y a ver que tal y tu opinión. Gracias y saludos Raúl
    AMPforWP Options 0.9.50

  2. Gracias Raul, espero leer el post cuando lo tengas sacado del horno jejeje bromas aparte
    saludos juanpedro

  3. Me parece bien lo que comentas, pero creo que generalizas, no todas las webs tienen que tener el mismo peso, todo varia dependiendo el tipo de contenido, además pero en la práctica no desmuestras lo resultados, analizando tu web en pingdom: Performance grade A 92, Load time 2.12 s, Faster than 68 % of tested sites, Page size 1.0 MB, Requests 29, Tested from San Jose on Feb 15 at 22:05

    Tu web carga en 2.12 segundos pesando apenas 1mb, y es claro al hacer un retest que no usas ningún plugin de caché.

    Ahora, una de mis webs con muchas imagenes, pues de eso se trata: Performance grade D 67
    Load time 8.20 s, Faster than 17 % of tested sites, Page size 5.1 MB, Requests 88, Tested from New York City on Feb 15 at 22:07

    Notarás que pesa 5.1mb, esa es la diferencia, pero al hacer un retest estos son los resultados:
    Performance grade D 66, Load time 1.58 s Faster than 78 % of tested sites, Page size 5.1 MB, Requests 88, Tested from New York City on Feb 15 at 22:09

    1.58 segundos tarda en cargar mi web de 5mb, lo mismo que la tuya de 1mb y estoy en un shared. Como verás hay una gran diferencia. Saludos.

    1. Hola LarryD,

      Claro que todas tienen su propio peso, pero yo indico el que recomiendo de momento para que un sitio web no vaya lento. Aunque aparte del peso hay que ver otros factores como velocidad del hosting, scripts externos y otros.

      Y por cierto, claro que uso un plugin de caché, si no la velocidad de carga sería superior. Es WP Rocket.

      Respecto a tu web, si en vez de pesar 5 Megas, pesase 2, ¿no crees que cargaría más rápido?

      Saludos.

      1. Hola de nuevo, si usas ese plugin de cache no se nota, está mal configurado o no funciona, no lo sé, nunca he usado el que mencionas, pero si te comenté que me parece que no usas uno, es porque eso se ve claramente al hacer un retest, el cache queda guardado algunos minutos en pingdom.

        Claro que si una de mis webs que te comento pesara 2mb, de seguro cargaría más rápido, pero eso es relativo, la cuestión es que no me interesa que cargue más rapido por cuestiones de experiencia de usuario, cargo 40 imagenes por pagina, más scripts etc, de ahí el peso, pero si te das cuenta, tu web cargaría en 10 segundos o más si pesara lo mismo que la mia. Ahora, en horas en que tengo menos tráfico tengo estos datos:

        Performance grade D 67, Load time 2.42 s, Faster than 62 % of tested sites, Page size 5.1 MB
        Requests 88, Tested from San Jose, on Feb 16 at 02:50

        Aquí tienes otro más ya en un retest desde NY:

        Performance grade D 66, Load time 1.36 s, Faster than 82 % of tested sites, Page size 5.1 MB
        Requests 88, Tested from New York City on Feb 16 at 02:55

        Muy bueno, ¿No? 🙂 Si me permites te recomiendo cambiar tu sistema de cache y usar un CDN si en realidad quieres speed, así no te limitas a 1mb. La tendencia mundial es el aumento lógico del peso de las paginas webs debido a el avance de la tecnonogía y eso no es malo. Saludos.

        1. LarryD, te estás dejando atrás los scripts externos y otros factores. Una cosa es el peso de la página y otra lo que tarde en cargar la página. Si yo por ejemplo tengo una página que carga en 1 segundo, pero tiene que llamar a un script externo que tarde 2, pues ya son 3 segundos.
          Y estos no se aceleran ni con otros plugins de caché, ni CDN porque no dependen de ti.

          La tendencia mundial es que las páginas carguen lo más rápido posible porque hasta Google ha anunciado que a partir de Julio penaliza las webs lentas -> https://www.webmasterworld.com/google/4883169.htm. Ahora allá cada uno…

          Obviamente no debemos nunca penalizar la experiencia de usuario y el sitio web tiene que funcionar como debe.

          Saludos.

  4. Hola de nuevo, por lo mismo, porque no me los he dejado atras entre otras cosas, es que te he afirmado que el peso aumenta, las webs se vuelven cada vez más modernas, incluyen más Tecnología y pretender en 2018 que una web ocupe 1mb me parece precario. Y no lo digo yo, mira por ti mismo:
    https://www.adslzone.net/2016/04/22/asi-ha-aumentado-peso-medio-las-webs-hoy-dia/

    Aquí una gráfica actualizada:
    http://httparchive.org/trends.php?s=All&minlabel=Aug+1+2013&maxlabel=Feb+1+2018

    Lo que Google dice es relativo y muchos lo mal entienden, penaliza las webs lentas en relación con su contenido, si una web con apenas 500kb carga en 3 o más segundos pues… Como te comento, una de mis webs que te he puesto como ejemplo está en un shared, en un vps es otro asunto, pero eso no anula el aumento lógico del peso. Saludos.

Los comentarios están cerrados.