Optimizar la carga web en WordPress

Optimizar la carga web en WordPress para hacerla más rápida

Es algo que sinceramente no le había prestado la atención adecuada a optimizar la carga web en WordPress, y en estos días me he puesto a revisar a través del plugin de Yoast SEO algunas de las funciones que trae por defecto.

Y la verdad es que me he llevado bastantes sustos. No esperaba que estuviese tan mal el tiempo de carga de mis páginas webs, en muchos casos.

Optimizar la carga web en WordPress con plugins

No hay otra forma, bueno quizás si, dedicando ingentes cantidades de tiempo y re-programando casi desde cero la web, lo que implicaría volverse loco con las plantillas plugins, css, java scripts.

Es con plugins y se pierden muchas horas haciendo pruebas, revisando archivos, plugins, entradas, páginas.

La optimización perfecta de carga de una web no existe

Bueno quizás algún programador con muchos años de experiencia lo pueda conseguir. Pero cuando incluimos plugins y códigos de otros, eso se hace una tarea imposible.

Tampoco es cuestión de que la web sea perfecta, no lo será, pero al menos que haya diferencia entre como estaba y como la puedes dejar.

Y os digo que no es tan difícil como puede parecer al principio, pero que si que lleva tiempo.

Por tanto, pongámonos manos a la obra.

Guía para optimizar carga web WordPress

En este ejemplo vamos a trabajar con la página de inicio de esta web. Tengo otro experimento que hice con otro sitio al que le llegué a cambiar la plantilla varias veces hasta dar con la que mejores resultados daba.

Quizás lo publique aquí, en una próxima revisión o en otro artículo.

Optimizar carga web WordPress con Yoast SEO

Cuando estamos logueados como administradores de sitios, si tenemos Yoast SEO instalado. Nos aparecerá en la barra de gestión superior, este menú que puedes ver en la imagen de arriba.

Si hacemos clic en Google Page Speed Test, nos llevará a PageSpeed Insights donde podremos ver el análisis.

Primeros pasos para optimizar la carga web en WordPress

Comenzamos con el tema Divi y sin ningún tipo de plugin de caché ni optimización. Y estos son los resultados.

Eso números a pesar de que la parte de móvil está en rojo, no son tan malos como me he encontrado en otras webs. Al menos la parte de ordenador es aceptable.

Lo peor es encontrarte con esta imagen:

Esto si que es preocupante, mi web no estaba optimizada para móviles. Aún teniendo plantilla responsive. ¿El motivo? E AMP, ya os contaré más adelante.

Instalación del plugin Autoptimize

Una vez que he instalado este plugin, Autoptimize, los números cambian, pero no lo suficiente. Queda seguir trabajando mucho el tema de la optimización de carga web.

Como podéis ver, los cambios son casi insignificantes. Así que seguimos con la instalación de plugins.

Vamos a adaptar la web para móviles

Para ello vamos a instalar varios plugins AMP for WordPress y Glue para Yoast SEO & AMP.

Y estos son los resultados:

Se supone que esto era para mejorar la parte de carga móvil y adaptación a smartphones, pero los números no son nada buenos, al menos en ese apartado. En el ordenador sigue subiendo.

Una vez instalas el plugin AMP te aconsejan utilizar el segundo que comento porque se conecta con Yoast para, se supone, mejorar la parte de adaptación a móviles.

Seguimos que aún nos queda mucho trabajo que hacer.

Instalación de W3 Total Cache (1)

Este plugin lo instalé y no pude configurarlo en un primer momento porque no se cumplían todos los requisitos en el servidor.

Así que pasé a seguir la instalación del resto de los plugins que me faltaban sabiendo que iba a tener problemas, y que no iba a poder optimizar del todo.

Instalación de Smush y eliminación de algunas secciones de la portada

Smush sirve para optimizar todas las imágenes de la web, lo mejor que tiene es que también te optimiza las antiguas. Bueno, al ser la versión gratuita cada 50 imágenes tienes que hacer clic en continuar.

También eliminé algunas secciones que tenía desde el principio de la web. Imágenes que son muy grandes y además que apenas aportan nada ahora a la web.

Otro apartado que quité de portada es un módulo con un resumen de la tienda que también hacía que cargara tanto la web.

El problema es que los números fueron los mismos que los de arriba. 49 para móvil y 75 para ordenador.

Es decir, lo que faltaba era la caché. Y eso nos hace ver que es muy importante un plugin de caché.

Configuración de W3 Total Cache (2)

Sin tener aún los requisitos necesarios del servidor, he configurado todo lo que me permite W3 Total Cache.

Sabía que no iba a conseguir optimizarlo del todo. Pero quería probar con la caché para ver cuanto varía. Y hay sorpresa.

Como veis ahora si que hay mucha diferencia, en ambos resultados. Aún así el de móvil habría que ajustarlo. Para eso estoy esperando que me hagan algunos cambios en el servidor.

Pero lo mejor es este resultado:

Resumen y conclusiones

Como podéis comprobar, cuando montamos una página web, no solo hay que cargar contenidos, hacerle publicidad y posicionarla.

Sino que vamos a necesitar mucho más trabajo si queremos que la experiencia de usuario sea positiva.

Incluso para que se pueda ver medio en condiciones en un smartphone o una tablet.

Así que os aconsejo revisar de vez en cuando con las herramientas gratuitas que el plugin Yoast SEO nos ofrece.

Y así estar siempre al tanto del nivel de adaptabilidad de nuestra web. Y poder actuar si hace falta Optimizar la carga web en WordPress.