mejorar-velocidad-web

5 consejos fáciles para mejorar la velocidad de tu WordPress

Cada vez hay más y más páginas web en internet haciéndose la competencia, con lo que cada vez más hemos de cuidar cada detalle con tal de marcar esa pequeña diferencia que nos haga escalar lo máximo posible en el podium de los resultados de búsqueda de Google. Y uno de esos detalles, de hecho uno bastante importante, es la velocidad con la que carga tu web.

Google busca siempre la mejor experiencia para el usuario (y ganar mucho dinero *cof**cof*), y en un mundo en el que todos vamos con prisas, y en el que los datos del móvil muchas veces escasean, una página que cargue rápido y consuma el mínimo de recursos posibles siempre va a tener prioridad para la gran G. Por eso hoy vamos a darte 5 sencillos consejos con lo que que mejorar el tiempo de carga de tu web. En concreto, vamos a centrarnos en las páginas realizadas en WordPress

¿A qué velocidad carga tu página?

Antes de empezar a implementar cambios, estaría ver bien en qué punto empezamos. Para eso existen varias herramientas online en las que podemos comprobar rápidamente cuántos segundos tarda en cargar nuestro sitio, qué puntos son los más urgentes a corregir o en qué orden y tiempo se descarga cada elemento de la página.

Algunas de las webs de test de velocidad más usadas son:

velocidad-carga

Ahora sí, una vez sabemos nuestros números actuales, vamos a realizar algunas modificaciones para mejorar todo lo que podamos la velocidad de carga de nuestra página.

Cachea la página web

Cada vez que un usuario accede a nuestra página hace diferentes peticiones al servidor para descargar todos y cada uno de los elementos que componen la página (imágenes, texto, vídeos, css…) lo que supone una carga, más o menos grande según el número de peticiones, para el servidor y X cantidad de tiempo de descarga. En la imagen anterior por ejemplo se puede ver como la página de inicio de Adrenalina recibió 107 peticiones en el test de velocidad.

Al cachear la página lo que conseguimos es que tras la primera visita del usuario, ciertos elementos queden ‘memorizados’ para que las próximas veces que acceda al sitio no necesite descargarlos de nuevo, aligerando la carga y velocidad de la web.

Hay varios plugins que podemos instalar en WordPress para cachear nuestro sitio:

Activa la compresión GZIP

Antes explicábamos cómo funciona el proceso de solicitud de descarga de elementos a través de peticiones al servidor y cómo éste entrega dichos elementos. Con nuestra página cacheada podemos reducir estas peticiones, pero si además comprimimos las que seguimos enviando, mucho mejor. Eso es lo que conseguimos mediante la compresión GZIP.

Puedes activar esta función con cualquiera de los plugins de caché que comentábamos arriba, o puedes si lo prefieres poner el código de manera manual en el archivo .htaccess de tu WordPress. El código es el siguiente:

<ifmodule mod_deflate.c>

AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript text/javascript

</ifmodule>

Optimiza el tamaño y formato de las imágenes

Un apartado al que la mayoría de gente no presta la atención necesaria y gran responsable de pesos ofensivos en muchas páginas web. En muchas auditorías nos hemos encontrado con imágenes gigantes que ralentizaban la carga de manera innecesaria. Has de tener varias cosas en cuenta a la hora de subirlas:

  • Si la imagen se va a ver en un tamaño de, por ejemplo, 300×300 en la web, no es necesario subirla tal cual desde tu cámara con sus medidas originales de 2400×2400. No sólo va a pesar mucho sin motivo si no que el navegador tendrá que redimensionar la imagen, tardando todavía más en cargar la página.
  • Si no necesitas que la imagen tenga fondo transparente, guárdala siempre en formato .jpg. El formato .png es mucho más pesado, con lo que conviene utilizarlo únicamente cuando sea realmente necesario.
  • También puedes aligerar el peso de las fotos con programas como Photoshop o herramientas online como Optimizilla.

También puedes instalar algún plugin como Imsanity o EWWW Image Optimizer para automatizar estos procesos en medida de lo posible o arreglar las imágenes que ya tuvieras subidas hasta ahora.

Carga las imágenes con Lazy Loading

Igual que con el tema de la caché, aún podemos dar una vuelta de tuerca más con el tema imágenes para optimizar al máximo el tema. Tenemos las imágenes optimizadas desde el punto anterior, ahora vamos a hacer que aún así carguen únicamente cuando toque.

Para eso usaremos la técnica conocida como Lazy Loading, una función que hace que cada imagen cargue sólo cuando el usuario hace scroll hasta donde se encuentra colocada, mientras tanto se lo ahorra. Obviamente este proceso mejorará significativamente la carga de la web.

Tan fácil como instalar un plugin como BJ Lazy Load u otro de los muchos que hay, activarlo y ¡listo!

Cuenta con un buen servidor de hosting

Como consejo final, y otro asunto en el que muchos usuarios parecen no reparar, es básico contar con un buen servidor en el que alojar nuestra página web. El punto más importante de hecho, ya que de poco servirá aplicar los consejos anteriores si cada dos por tres el servidor nos devuelve una página en blanco por estar saturado, tarda muchísimo en cargar las diferentes secciones o no nos permite instalar determinados plugins por tener un límite de PHP demasiado bajo.

En este sentido es bueno informarse bien antes de contratar un hosting para no tener que arrepentirnos en un futuro. Empresas como SiteGround o similares son buenas alternativas si quieres ir sobre seguro.

Una vez hagas todos estos cambios que te sugerimos, estaría bien darle un nuevo repaso a los tiempos de carga con las páginas que comentábamos al principio del post y vieras los resultados, seguro que te llevas una sorpresa 🙂

1 Comentario
Escribe un comentario

Uso de cookies

Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continúa navegando, consideramos que acepta su uso. Puede cambiar la configuración u obtener más información aquí

ACEPTAR
Aviso de cookies