21 trucos para optimizar la velocidad de su página WordPress

¿Porqué optimizar la velocidad de su página WordPress?

optimización Page Speed WordPress

Teniendo en cuenta las evoluciones tecnológicas constantes, con ordenadores más rápidos, mayor velocidad de acceso a internet estaría fuera de contexto tener una web lenta. Es una de las principales razones por las que los visitantes abandonan la visita de la página.  Sólo tiene unos segundos para captar la atención del visitante y convencerle para que se quede y navegue por tu web. Si tu página web es lenta perderás tráfico, visitantes y con ello…dinero. Como norma general, si tu página web tarda más de un segundo en cargarse, debería hacer algo para mejorarla!

 

Identificar los problemas

optimizar la velocidad de su páginaEs el primer paso a hacer, comprobar qué tipo de problemas tiene tu web. La forma más fácil de hacerlo es utilizando GTmetrix.

Analizando la página web con GTmetrix obtendrás ciertas medidas Page Speed & Yslow. La mayor parte de herramientas Benchmark dan una nota, no te obsesiones con obtener la mejor nota, si tu página web se carga en menos de un segundo ya has conseguido lo más importante, optimizar la velocidad de tu WordPress!

 

Problemas más comunes:

  • demasiados artículos en la página principal
  • demasiados plugins & widget
  • demasiadas fuentes externas
  • el tema utilizado tiene demasiadas funciones
  • las imágenes no están optimizadas

 

Tamaño de la página y optimización del contenido

Website_speed_test_gtmetrix

 

1- Reducir el número de artículos que aparecen en la página principal:  La página principal es la primera página que se carga cuando un nuevo visitante clika en tu web. Es super importante que la página se pueda cargar lo más rápidamente posible asegurando no incluir demasiado contenido, fotos sin comprimir, widget etc En el caso que desees ofrecer un gran contenido puedes utilizar la función infinite scroll parecida a la función Facebook. Básicamente gracias a esta técnica el contenido se muestra según se va bajando (scrawllando) por la página.

2- Dividir los artículos demasiados largos: dividir una página pesada y lenta en varias páginas más rápidas o utilizar el Scroll infinito

3- Reemplazar las diapositivas y las imágenes en movimiento por fotos estáticas: los sliders utilizan una gran cantidad de código Javascript para funcionar. Además todos los sliders no están dotados de un código ligero y optimizado.  La carga es aún más lenta si utilizamos el teléfono móvil. Se recomienda utilizar 2-3 slider si lo que desea es utilizar estas imágenes para comprobar el resultado en su web. Puede utilizar un plugin PP3 para ver el impacto de sus plugin en la velocidad de carga de sus páginas.

4- Utilizar un tamaño de imagen apropiado: utilizar el tamaño óptimo de foto, si tiene una imagen de 300*300 no la publique en 1024!

5- Optimice el tamaño de sus fotos sin bajar la calidad: existen un conjunto de plugins que permiten realizar la compresión de imágenes, recomendamos utilizar Imagify que le permitirá realizar 3 tipos de optimización (normal, agresiva, ultra) es fácil de utilizar y el precio es razonable.

6- Reducir el uso de fuentes externas: utilice solo las tipografías que necesite, existen muchas variaciones de tipografía (bold, normal, thin…)

7- Administrar el volumen de comentarios: si tiene muchos comentarios, esto podría ralentizar la carga de su página web, si tiene un sistema de cache, este debe actualizarse amenudo y cada comentario aporta peso al tamaño de la página.  También existen servicios como Disqus o epoch que permiten controlar comentarios de manera diferente.

8- Habilitar la compresión Gzip para sus páginas: gracias a la compresión Gzip sus fuentes estadísticas serán comprimidas antes de ser enviadas al visitante, justo después el navegador descomprimirá su página. Su página irá más rápido si sus páginas son comprimidas y después descomprimidas.

9- Minimizar y combinar ficheros JS & CSS: permite reducir el peso de sus páginas, eliminando los caracteres que no sean necesarios para el tratamiento de la página (comentarios, etc)

10- Establecimiento de un sistema de cache: el sistema de cache permite guardar en la memoria consultas hechas y así cargar sus páginas tan rápido como si fueran estáticas.  Existen varias soluciones para guardar en su disco duro la memoria de sus páginas web. Nuestra recomendación es utilizar el plugin de WP-Rocket de Wp-Media que ofrece varias opciones fáciles de establecer y también  W3 TotalCache, otro cache que requiere mayor conocimiento técnico para que sea optimizado correctamente.

“También existen varias soluciones de cache con un servidor que no funcionan con el disco duro sino con la memoria Ram de su servidor, lo que permite obtener una excelente rendimiento web.  La memoria Ram es más rápida que la memoria del disco duro”

11- Consiga un sistema de cache a nivel servidor: podrá fácilmente pasar de 2 – 3 segundos a 0,8segundos de velocidad de carga de página, utilizando un sistema de servidor cache.  Hoy en día, son varios las empresas que proponen un alojamiento web con un stack optimizado para WordPress utilizando Nginx permitiendole hacer frente a picos de visitas. También existen sistemas de cache como Memcached o Redis para las páginas web que tengan mucha información.

12- Utilizar un CDN: el principio de un CDN es clonar su página web en varios servidores permitiéndole así de mostrar el contenido a los que estén más cerca en vez de tener que cargarse directamente en el servidor. La instalación es sencilla y permite obtener además de visibilidad, mayor seguridad.  La mayoría de CDN  proponen servicios de Firewall así como medidas de protección contra todo tipo de ataques. Sistemas como Cloudflare o MacCDN permiten optimizar la velocidad de su página WordPress.

13- Utilizar un certificado SSL & HTTP2: utilizar el nuevo protocolo de comunicación HTTP2 que permite utilizar la multiplexación, es decir, en vez de ejecutar varias consultas de una  en una, HTTP2 permite efectuar varias consultas al mismo tiempo. Respecto a los certificados SSL cada vez más son propuestos junto con el alojamiento web de forma gratuita, por ejemplo con Let’s Encrypt.

 

OPTIMIZAR LA VELOCIDAD DE SU PÁGINA WORDPRESS

optimizar la velocidad de su página WordPress

14- Trabajar con un tema que le de seguridad: elija un tema para su web no por el precio o el diseño  sino por la calidad del código utilizado, respetando eL W3C, sus funcionalidades, la velocidad de carga. Génesis es una buena alternativa como también lo es Beans, un tema con alto rendimiento, bien estructurado que podría hacer una página web muy buena.

15- Evite los temas con demasiadas funcionalidades: ¿realmente necesita BuddyPress? Si no lo necesita…no elija un tema premium con este tipo de funciones que sólo aportan peso a sus páginas sin necesidad.

16- Utilice siempre un tema child: para guardar los cambios del tema que realice

17- Optimice su página web para smartphone: la consulta de información se hace cada vez más desde el teléfono móvil. Es más rápido, práctico por lo que no hay que olvidarse de ellos. Podría utilizar soluciones como WP-Touch un plugin que le permitirá obtener una versión móvil para su web. Respecto a los artículos podrá añadir AMP (Accelerated mobil pages) con esto conseguirá que sus artículos se carguen de manera ultrarrápida.

18- Si utiliza iconos que sean de una fuente de iconos: existe el plugin Genericon’d que le permitirá añadir iconos vectoriales fácilmente.

19- No cargue su página web con plugins: el hecho de tener más plugin no hará que su web sea mejor. Céntrese en lo esencial, ¿qué es lo que realmente necesita?

20- Mantenga sus plugin al dia: por seguridad y para mejorar el rendimiento de su página web.

21- Limpie  su base de datos: numerosos plugin permiten optimizar su base de datos. El más conocido es Wpoptimize y otro más nuevo WP-Rocket.

¿Necesita ayuda? Nosotros nos encargamos!

Deja un comentario

WhatsApp WhatsApp us