Tips para optimizar la velocidad de un blog WordPress

Actualizado: marzo 25, 2020

Desde que los teléfonos móviles llegaron a arruinarnos la vista y los bolsillos, la velocidad de carga de las paginas web ha tomado importancia, mucha importancia y hoy está considerada como un factor de posicionamiento SEO.

Esto tiene sentido, como usuarios no nos gusta esperar demasiado para entrar al contenido de una pagina, o de un sitio web, lo que se traduce en una mala experiencia de navegación.

Ademas de esto yo voy mas allá, ¿Te has puesto a pensar en la razón por la que algunas paginas tardan demasiado para cargar?

Un servidor lento, esto puede ser una razón, una razón de poca relevancia, vamos a ser honestos, el hosting es costoso, y las empresas de hosting accesible son muy mañosas. Pero este es el mejor de los casos.

Muchas paginas, y me vienen a la mente las de los diarios, granjas de blogs, noticias virales, etc. tienen buenos ingresos, no habría razón para alojarse en un hosting barato, ¿o si?.

Esto nos hace pensar mal, ¿exceso de anuncios? esto ya es malo, muchos sistemas de anuncios son maliciosos, pero lo peor es que pueden estar escondiendo códigos de seguimiento y sobre todo demasiados scripts con quien sabe que intensión mas allá de conocer nuestros gustos de compra. Esto lo medita el usuario, y en 2, 3 segundos puede decidir regresarse al buscador e intentar otro resultado.

Consejos para mejorar la velocidad de carga de una web

Un Hosting de calidad mejora la velocidad de una web.

El alojamiento web es esencial para conseguir mejores velocidades de carga, y debes pensar en el en base a las visitas que potencialmente puedes lograr a tu web en un plazo mediano.

Hay servicios realmente baratos, tan baratos que la experiencia de años nos dice: “NO CONFÍES EN ESTO”. Aunque no siempre es exacto, hay servicios que ofrecen herramientas para crear sitios web muy buenas, pero con un hosting horroroso.

Actualmente este y otros sitios de mi autoría están alojados en un Cloud Server de IONOS; antes 1and1.

  • Lee en foros las opiniones de los clientes de los servicios de Hosting
  • Si es posible opta por un Cloud Server, VPS o Servidor Dedicado

Optimiza las imagenes de tu website o blog.

Las imágenes son tan delicadas y necesarias que si no vamos a colocar imágenes optimizadas es mejor no colocarlas.

He visto sitios web con imágenes de 600kb en el header, lo cual puede no ser tan pesado en Europa, pero en México con paquetes de datos tan mediocres es imposible no pensar en que el webmaster es muy malo o no es nada serio el contenido. Para Google el contenido optimizado para móviles es prioridad, hay que optimizar para móviles y redes lentos.

Normalmente uso imágenes de no mas de 40KB, y así aun son pesadas, si es posible utilizo las miniaturas que genera WordPress.


Optimiza el CSS para reducir el tiempo de carga de tu website

He visto y probado WordPress Themes muy buenos, como el ASTRA, pero con una molestia; el tamaño de su CSS. Son casi 90KB de CSS ya minificado, lo cual no le gusta nada a las pruebas de velocidad.

Un webmaster o un creador con algo de experiencia puede reducir ese CSS, pero al estar basado en Bootstrap es una tarea muy tediosa.

Si te gusta ASTRA, puedes buscar algún plugin que difiera la carga de CSS y del JS, no menciono a ninguno pues con varias pruebas que he hecho se que para cada caso es diferente, hay plugins que van de maravilla con una web y otros no.

Personalmente me gusta trastear el código y reducirlo, digo aquí no necesito WooCommerce, ni menús, ni otros elementos, entonces ¿para que tener ese código?

  • Elimina CSS que no uses.
  • Prueba diversos Themes, no siempre los que se ven pasados lo son.
  • Si no es indispensable elimina la imagen de Header.

Menos JavaScript – Menos Scripts para aumentar la velocidad

En las pruebas de Google Page Speed lo mas común es que sugiera reducir los elementos que bloquean el renderizado, y entre los elementos que lo bloquean, ademas del CSS, están las fuentes y los JS.

Las plantillas de WordPress hacen, dependiendo de sus características, uso moderado o intensivo de JQuery, que es una biblioteca de JS, y esto puede convertirse en una piedra, ya que se le van sumando mas scripts en los plugins.

No solo eso, los scripts de Analitycs, los de las plataformas de monetización, WooCommerce, botones sociales agregan mas peso.

Hablando de botones sociales, muchos plugins y códigos para insertar botones sociales pueden hacer caer la velocidad de una pagina de forma dramatica.

Hay muchos plugins para insertar botones sociales, pruebalos para medir cual afecta menos. Si te es posible mejor insertalos directamente con código dentro de la plantilla.

SI para el funcionamiento de tu website o blog son necesarios los scripts, puedes tratar colocando la llamada al final del blog, es decir en el Footer, o después del /BODY y ademas hacerlos asincronos con el parametro “ASYNC”.

Hay varios plugins que ayudan en esto, pero como ya comenté cada uno actúa y da diferentes resultados en función de cada web en particular. Prueba buscando plugins con las palabras ASYNC, defer, optimize.


Reduce las Peticiones

Muchas plantillas WordPress son muy vistosas, pero todo esto requiere que se hagan mas peticiones a la base de datos, o en el menor de los casos requieren un poco de mas labor al interpretar el PHP.

Normalmente en mi caso particular retiro del diseño código que para la finalidad de mis sitios no es esencial, como las peticiones para obtener y mostrar el autor, categoría, imagen destacada, sidebar muy cargada.

Con esto se consigue ahorrar algunas milesimas.


El ejemplo

He notado que muchos “gurús” del SEO aseguran y hasta venden Themes WordPress como los mas veloces y optimizados para esto o lo otro, y cuando uno busca en su trabajo lo que ellos mismos recomiendan, no lo encuentras. Como esos gurús de ADSENSE que no tienen anuncios, o maestros del SEO que se las saben de todas pero su trafico viene de Youtube…

Este blog es nuevo, voy trabajándolo, y no está ni por poco optimizado en cuanto a SEO, así que puedo ponerlo como ejemplo.

El Iconic One es un Theme que por si ya es de gran ayuda con la speed page, pero tocando un poco su código se consigue pasar la prueba de velocidad fácilmente. Este mismo articulo pasa con 98, con dos imágenes, al igual que el HOME.

La velocidad general en el INDEX.

Como ya apunté, toma en cuenta que no tiene Analitycs, no tiene Adsense o códigos de monetización, que si pueden bajar entre 10, 15 puntos la calificación. Pero, como ya sabemos, es posible diferir la carga de estos códigos para que no interfieran y el efecto es menor.

Espero que te sirvan estos consejos para lograr una mejor velocidad de carga de tu web. Es difícil llegar al 100, y no es un tema tan estricto, pues pesa mas la calidad de contenido, y sobre todo la autoridad del sitio en el posicionamiento.

Categoría: Web

Deja una respuesta

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