Blogs / WordPress

Cómo optimizar un sitio web construido con WordPress utilizando WP Rocket

Cuando hablamos de optimización nos referimos, en este caso en particular, a la consecución de un tiempo de carga reducido.

Cómo optimizar un sitio web construido con WordPress utilizando WP Rocket

Son varios los elementos que influyen en el mayor o menor éxito de un sitio web. No basta con mostrar buenos contenidos, también hay que mostrarlos con una estructura clara y atractiva, de navegación fluida, y que carguen con rapidez. El tiempo de carga de una página web es hoy fundamental. Si tarda más de 3 segundos, el 50% de los visitantes la abandonarán sin leerla. De ahí el que sea muy importante el optimizar un sitio web con el fin de conseguir que sus páginas se muestren rápidamente.

En este artículo vamos a hablar de un plugin para sitios web construidos con WordPress, del que ya hemos hablado en otras ocasiones. Nos referimos a WP Rocket, un plugin premium que, aclaramos, no es gratuito. Se presenta como un plugin de cache, pero ofrece mucho más, como pueden ser la minificación de los archivos CSS y JS, y la limpieza y optimización de la base de datos. Trataremos de exponer la configuración que tenemos de dicho plugin en Batiburrillo.net y los resultados que se obtienen.

Después de adquirir el plugin en WP Rocket, procederemos a su descarga en el ordenador. Desde Plugins -> Añadir nuevo -> Subir plugin, dentro del Panel de Administración de WordPress, procedemos a la subida y activación. A partir de ahí vamos a Ajustes -> WP Rocket con el fin de llevar a cabo los ajustes.

En la pestaña Caché marcamos lo que mostramos a continuación:

Caché

Hemos puesto el valor 0 para la Vida útil de la caché, lo que significa que la caché no se limpiará nunca automáticamente. Podemos poner el valor que viene por defecto, 10 horas, si queremos que se limpie automáticamente.

En Optimizar archivos seleccionamos lo que aparece en la imagen inferior:

Optimizar archivos

Activamos los tres apartados de Minificar archivos. No activamos las dos opciones de Combinar archivos ya que nuestro sitio utiliza HTTP/2. Activamos también Optimizar la entrega de CSS con el fin de que el código se inserte en el HTML de la página. (Si se detectan problemas a la hora de la visibilidad, debido a las características del tema utilizado, lo mejor es desactivar esta opción). Hacemos lo mismo en el apartado de Archivos JavaScript. Si produce fallos en la visualización habrá que desactivar la opción de Cargar archivos JavaScript de manera diferida:

En la pestaña Medios marcamos las opciones que mostramos a continuación:

Medios

Hemos seleccionado las dos opciones que activan la carga diferida de iframes, vídeos e imágenes en el apartado LazyLoad. Marcamos también la opción de Desactivar Emoji y la que corresponde al contenido incrustado.

En el apartado de Precargar activamos las opciones indicadas:

Precargar

Además de Precargar el mapa del sitio y de activar el Robot de precarga también añadimos algunas URLs en la Precarga de peticiones DNS.

El plugin también incluye algunas Reglas avanzadas, la optimización de la Base de datos, la integración de un CDN y el añadido de algunas otras opciones dentro del apartado Add-ons.

Conclusión

Con estos ajustes, y a pesar de que la página de inicio de Batiburrillo.net contiene varias imágenes, porciones de texto y llamadas a servidores de publicidad y de redes sociales, hemos conseguido una interesante puntuación en Pingdom.

Está claro que siempre es posible obtener una mejor puntuación y un menor tiempo de carga. Seguiremos haciendo pruebas y, si conseguimos algo positivo, lo haremos saber.

Etiquetas

Contenidos Relacionados

fabriciano

Amante de la informática y de Internet entre otras muchas pasiones. Leo, descifro, interpreto, combino y escribo. Lo hago para seguir viviendo y disfrutando. Trato de dominar el tiempo para que no me esclavice.

Deja un comentario

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