WP Rocket – Plugin para acelerar la carga de tu sitio web

imagen de la entrada/WP Rocket

Como mejorar la carga de tu sitio web con WP Rocket

Vamos a hablar de cómo el plugin de cache (WP Rocket) nos va a ayudar con la aceleración de la carga de nuestro sitio web y la optimización de nuestras imágenes, para obtener un mejor rendimiento, así que ahora vamos a pasar con la instalación y configuración del plugin WP Rocket.

Antes de empezar con la instalación de plugin puedes visitar esta página http://www.gtmetrix.com para que hagas una comparación de la carga de tu sitio web del antes y después de la instalación y configuración.

solo tienes que introducir el nombre de tu sitio web y dar clic en test your site para que obtengas los resultados y puedas hacer la comparación después.

Instalación de WP Rocket.

WP Rocket es un plugin Pro que tiene un valor de $49 dls. anualmente, esto para un solo sitio, entonces para adquirir el plugin nos vamos a ir a la siguiente dirección https://wp-rocket.me y en el apartado de pricing vas a poder adquirirlo, una vez que ya lo tienes descargado en tu PC es momento de pasar con la instalación.

Nos dirigimos al escritorio de WordPress :

  • Plugins
  • Añadir Nuevo
  • Subir Plugin
  • Choose File
  • Instalar Ahora
  • Activar Plugin
imagen escritorio de wordpress

Ahora que ya tenemos instalado y activado nuestro plugin de WP Rocket nos vamos a ir a AJustes > WP Rocket en nuestro escritorio de wordpress para empezar con la configuración.

Dentro de WP Rocket nos vamos a encontrar con los siguientes apartados :

  • Escritorio
  • Cache
  • Optimizar Archivos
  • Medios
  • Precargar
  • Reglas Avanzadas
  • Base de Datos
  • CDN
  • Heartbeat
  • Add-On
  • Optimización de Imágenes
  • Herramientas
  • Tutoriales
imagen escritorio de wordpress-wp rocket

Ya que estamos dentro del escritorio de WP Rocket nos podemos dar cuenta que tan solo con instalar el plugin nuestro sitio web debería de estar cargando más rápido, ahora nos vamos a la sección de Caché para realizar los ajustes necesarios y mejorar la carga de nuestro sitio web.

Caché

Para las opciones del Caché estas son las funciones que debemos habilitar :

  • Habilitar la opción de caché para los dispositivos móviles.
  • El tiempo de intervalo para borrar la caché global lo vamos a dejar en 10 horas.
  • Recuerda guardar los cambios cada que vez que realices un movimiento.
imagen de wp rocket-cache

Optimizar Archivos

Estos son los apartados que vamos a encontrar en Optimizar Archivos :

  • Opciones Básicas
  • Archivos CSS
  • Archivos JavaScript

Para los ajustes de las opciones básicas vamos a habilitar las siguientes opciones :

  • Minificar el HTML
  • Optimize Google Fonts
  • Suprimir los query string de los recursos estáticos
imagen de wp rocket optimizar archivos

Funciones a habilitar en los Archivos CSS :

  • Minificar archivos CSS
  • Combinar archivos CSS (es necesario activar antes la minificación CSS)
  • Optimizar la entrega del CSS
imagen de wp rocket optimizar archivos/archivos css

Por últimos en los ajustes de Archivos JavaScript vamos a habilitar las siguientes funciones :

  • Minificar archivos javascript
  • Combinar los archivos javascript (es necesario activar antes la minificación JS)
  • Cargar archivos javascript de manera diferida
  • Modo seguro para JQuery (recomendado)
imagen de wp rocket optimizar archivos/archivos javascript

Medios

Estos son los apartados que nos vamos a encontrar en los medios :

  • LazyLoad
  • Emoji
  • Contenido Incrustado
  • Compatibilidad Webp (esta opción no la vamos a habilitar)

Dentro de LazyLoad vamos a habilitar las siguientes opciones :

  • Habilitar la opción para las imágenes
  • Habilitar Para iframes y vídeos
  • Remplaza el iframe de youtube con una imagen en vista previa

En las opciones de Emoji vamos a habilitar la siguiente opción :

  • Desactivar Emoji

En las opciones del contenido incrustado vamos a habilitar la siguiente opción :

  • Desactivar la función de WordPress para el contenido incrustado
imagen wp rocket/medios

Precargar

Aquí solo asegurate de tener habilitada la casilla de Activar la precarga y esto lo que tenemos que hacer en este apartado.

imagen wp rocket/precargar

Reglas Avanzadas

Para la opción del apartado de reglas avanzadas no vamos a realizar ningún cambio, así que pasamos con el siguiente apartado.

Base de Datos

En la base de datos nos vamos a encontrar con los siguientes apartados :

  • Limpieza de Entradas, Comentarios, Transients, Base de Datos y Automática.

Esta es una opción que cada uno la va a configurar de acuerdo a sus necesidades, en base de los resultados que nos muestra cada apartado.

imagen wp rocket/base de datos

También podemos programar una limpieza automática.

imagen wp rocket/base de datos

Heartbeat

Que nos ofrece esta opción :

Básicamente lo que hace la función de Heartbeat API en WordPress es checar constantemente con el servidor por cambios, y esto lo hace cuando alguien visita tu sitio, se crea una configuración entre heartbeat y la duración del visitante con el servidor, en un intervalo de unos 15 a 60 segundos heartbeat hace un recorrido en nuestro sitio para ver si ha sucedido algún cambio, si ha habido actualizaciones, si tenemos que ejecutar algo, esto es lo que hace heartbeat.

  • Otra función que hace heartbeat es el autoguardado, por ejemplo si estamos creando alguna entrada y notas que se guarda automáticamente esto lo hace heartbeat.
  • Aseguráte de habilitar la opción de Controlar Heartbeat.
  • Deja la opción de reducir actividad por default.
imagen de wp rocket/heartbeat

Add-on (Complementos)

Si ya estás utilizando algunas de estas 3 opciones solo activala, te va ayudar a que tu sitio cargue más rápido.

  • Google Tracking
  • Facebook Pixel
  • Varnish
imagen de wp rocket/add-on

Optimización de Imágenes

WP Rocket te ofrece el plugin IMAGIFY para reducir el tamaño de tus imágenes, si lo quieres usar solo da clic en INSTALAR IMAGIFY para que puedas registrarte y crear tu cuenta.

imagen de wp rocket/optimización de imágenes
  • Vas a registrarte para crear tu cuenta en Imagify.
  • Tienes que introducir tu correo para obtener tu API key.
  • Después en ajustes vas a poder hacer los cambios que necesites.
imagen de imagify

Herramientas

  • Exportar ajustes (si tienes otro sitio y quieres exportar estos mismos ajustes, esta opción te lo permite).
  • Importar ajustes (puedes importar estos mismos desde otro sitio que hayas configurado con anterioridad).
  • Rollback (si tienes algún problema con las actualizaciones, en esta opción puedes regresar a la versión anterior).
imagen de wp rocket/herramientas

Tutoriales

Por último tenemos la opción de los tutoriales donde vamos a encontrar todos los recursos para resolver todas nuestras dudas y seguir aprendiendo.

imagen de wp rocket/tutoriales

COMPARTE ESTA ENTRADA

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp

Deja un comentario

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

Regístrate a la Newsletter

Suscríbete a la newsletter para recibir lo mas reciente del blog.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies
Ir arriba