6 claves para mejorar la velocidad de carga de tu web

septiembre 04, 2014
1 Estrella2 Estrellas3 Estrellas4 Estrellas5 Estrellas (No Ratings Yet)
Cargando…

Velocidad de carga del sitio web

Uno de los factores, sobre todo de experiencia de usuario, pero que también afectan al SEO es la velocidad de carga de un sitio web. Las páginas que cargan lento no suelen gustar a los usuarios y eso Google lo sabe, por ese motivo “premia” las páginas webs rápidas, pero no solo él, los usuarios también prefieren la velocidad ya que su experiencia dentro del sitio web es un poco mejor.

¿Es tan importante la velocidad de carga?

 

La respuesta es si, existen muchos estudios que hablan de la relación entre el tiempo de carga del sitio y la tasa de rebote y como esta relación es directamente proporcional, a mayor tiempo de carga mayor tasa de rebote. Además estos estudios también comentan que un usuario móvil no espera más de 8 segundos para que la web a la que intenta entrar cargue. De ahí el dilema que muchos webmasters tienen a la hora de plantearse pasar sus web a HTTPS.

¿Cómo mejoro la velocidad de mi sitio?

Una de las máximas del WPO (Web Perfomance Optimization) es que la web “parezca” rápida. En sitios muy grandes, con una gran cantidad de información y de peticiones al servidor es complicado conseguir unos tiempos de carga del sitio inferiores a un segundo (de todos los elementos) por lo que hay que parecer rápido y que, dentro de ese primer segundo se muestren los elementos que se encuentran al principio del sitio y el resto se vayan cargando después.

Ahora vamos a hablar directamente de los puntos principales a tener en cuenta a la hora de mejorar tu sitio web y hacerlo lo más rápido posible.

Servidor

El servidor donde se aloja el sitio web tiene una gran importancia ya que los hosting compartidos suelen ser siempre más lentos que los dedicados o los propios.

Pero, ¿por qué?

La respuesta es muy sencilla, un hosting compartido tienen que atender a todas las páginas y a todos los usuarios que quieren acceder a ellas pero tiene una capacidad limitada de atención y las peticiones se van poniendo a la espera, este tiempo puede ser mayor o menor dependiendo de la hora y del día de la semana del tráfico de los otros sitios webs, etc.

Además de esto otro de los factores que influye es la velocidad de procesamiento de estas peticiones, que dependerá de la potencia del servidor y, sobre todo, de lo que se pague por ese alojamiento.

Gzip

La compresión de los archivos para hacerlos más pequeños gracias a este método es algo que puede ahorrarnos una gran tasa de transferencia y de tiempo a la hora de mostrar una página web. Este sistema de compresión hay que activarlo directamente con nuestro servidor de dominio ya que, por defecto, viene deshabilitado. En otro artículo veremos como habilitar este sistema si nuestro proveedor de hosting nos dice que no se puede habilitar.

Habilitar la caché

La caché nos ayuda a evitar tener que cargar varias veces una página que no ha sido modificada, este sistema guarda una copia del sitio web en memoria y, si no se ha modificado, muestra la página que tiene en memoria. Con esto ahorramos tanto tasa de transferencia como tiempo de carga ya que no hay que volver a hacer la petición al servidor y descargarla. Este sistema se suele habilitar a trvés del archivo htacces o, en caso de CMS a través de un plugin, en WordPress el que más me gusta es W3 Total Caché.

Comprimir las imágenes

Las imágenes son un elemento imprescindible a la hora de hacer una web más atractiva pero suelen pesar bastante y tardan en cargar. Esto no solamente se debe a una buena calidad de las mismas, en muchas ocasiones estos archivos tienen una gran cantidad de información como fechas y datos de la captura que, dentro de un sitio web no sirven y ocupan espacio. Por ello es necesario comprimir las imágenes e intentar que pesen lo mínimo posible. Todo esto no tiene que conllevar necesariamente una pérdida de calidad, existen herramientas como JpegMini que te ayudan con esta tarea.

Minificación de código

A la hora de hacer una página web se utilizan espacios, saltos de línea, etc que hacen que los documentos sean un poco mas pesados de lo habitual. Una vez que ya se ha creado la página y no se piensa que se va a modificar lo recomendable es minificar todos los documentos. Esto lo único que hace es eliminar los espacios y unir el código lo máximo posible para reducir el peso del mismo y, por consiguiente, la velocidad de carga (se recomienda tener una copia del sitio web sin minificar).

Estos son algunos de los elementos que pueden ayudarte a conseguir que tu sitio web sea más rápido. Hablaremos de más factores que afectan al WPO y profundizaremos mucho más en algunos en siguientes artículos pero ya puedes empezar con algunos. No tengas miedo empieza a mejorar la carga de tu sitio, tus usuarios te lo agradecerán.

¿Has implementado alguno de estos cambios ya en tu web? Cuéntame tu experiencia, compártela con todos nosotros.

Photo Credit: Julián Arias Maetschl

2 Comments. Leave new

¿Cómo configurar W3 Total Caché? | NachoDelgado.com
16 septiembre, 2014 7:21 am

[…] ya hablamos en otro artículo anterior acerca de la velocidad de carga de un sitio web uno de los factores que afectan a este factor SEO es el cacheado del sitio web, […]

Responder

Estoy de axuerdo con todos estos puntos y su importancia de cara a una mejora de la velocidad.
Un punto que tal vez añadiria es la eleccion de un buen THEME que sea ligero y enfocado en código limpio.
Muchas veces hacemos todo el trabajo que mencionas y dejamos de lado la elección de un buen THEME.
Si este punto no lo miramos bien, probablemente estemos desperdiciando oportunidades de posicionar mejor.
Un saludo

Responder

Responder a ¿Cómo configurar W3 Total Caché? | NachoDelgado.com Cancelar respuesta

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

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>