4 mar 2013

Herramientas y consejos para optimizar la velocidad del blog

|
En esta entrada hablaré sobre porqué es importante una buena velocidad de carga y proporcionaré algunos consejos y herramientas para optimizarla.

¿Por qué es importante?

La velocidad de carga en un blog es importante por varias razones:

  • es la principal causa del abandono de los lectores
  • está penalizado por Google, por lo que si tienes una mala velocidad, esta te afectará de cara a los resultados de búsqueda
  • los usuarios se sienten más comodos y mejoran su experiencia con el blog

Un estudio realizado el año pasado muestra que 1 de cada 4 usuarios abandonan el blog si este tarda más de 4 segundos en cargar.

Herramientas para medir el tiempo de carga

Existen muchísimas herramientas que podemos utilizar para medir el tiempo de carga de nuestro blog. Aquí nombraré algunas enseñando sus características:

Pingdom Tools


Al analizar nuestro blog, esta herramienta nos muestra el tiempo que tarda en cargar, cuanto pesa la página y nos pone un especie de puntaje en comparación con los otros sitios testeados. También nos muestra todos los elementos que nuestro blog tiene y cuánto pesa.

GTMetrix



Nos muestra una línea de tiempo con los items del blog que cargaron, que es lo que estamos haciendo bien y qué no y prestan soluciones y recomendaciones fáciles de entender. Además podemos descargarnos el análisis en versión PDF para compararlo luego de varios días.

Page Speed Insights


Con esta herramienta podremos hacer un análisis tanto en ordenadores como en móviles y nos proporcionará un resumen de consejos a seguir para optimizar nuestro sitio. También tiene extensiones para Mozilla Firefox y Google Chrome.

Consejos para la optimización

Hay un par de consejos que nos serán útil para conseguir un blog rápido. Si bien no hay un tiempo determinado para decir cuando un blog es lento, yo considero que en ningún caso hay que superar los 7 segundos:
Especificar las dimensiones de las imágenes
Hay que hacer uso de los atributos weight (ancho) y height (alto). Ejemplo: <img height="200" src="URL de la imagen" width="500" />
Mostrar menos entradas en la página de inicio del blog
Para reducir esto dirigirse a Configuración, clickear la pestaña de Entradas y comentarios y localizar la primera opción.
Reducción del tamaño de las imágenes

Usaremos una fantástica herramienta online llamada TinyPNG que sirve para reducir las imágenes en formato .png, que son las que más pesan. Si conocen otras páginas que sirvan para otros formatos, no se olviden en decírmelo mediante un comentario.

Sacar cosas innecesarias del blog

En un intento de dar más "funcionalidades" a tus lectores te terminarás perjudicando, porque harás tu blog más lento y perderás visitantes.

Intenta remover las animaciones en flash, los gadgets de noticias, juegos, como está la temperatura en tu país y ese tipo de cosas. Por lo general, suelen ser más pesados los chiches externos, que no pertenecen a Blogger.