Saltar al contenido

WP Super Cache – Tutorial de configuración de este plugin para WordPress (2019)

2WZLP00

Usted comenzó un blog y ahora quiere que los visitantes de su sitio web tengan la mejor experiencia posible, ¿verdad?

Bueno, entonces será mejor que no los hagas esperar. Las páginas de carga lenta son una de las mayores frustraciones que la gente experimenta en línea.

De hecho, la lentitud en la carga de las páginas puede afectar a todo, desde cuántas personas visitan tu sitio y dónde te encuentras en Google hasta qué tan probable es que la gente te compre.

En otras palabras, tener un sitio web rápido es muy importante.

Pero, ¿qué puedes hacer? Usted no es un desarrollador, así que no tiene ni idea de cómo acelerar su sitio.

Ahí es donde entra en juego WP Super Cache.

Es un plugin gratuito que puede reducir a la mitad los tiempos de carga de su página sin necesidad de conocimientos especiales.

Así es como funciona…

Cómo mejorar la velocidad de tu WordPress usando WP Super Cache

Antes de explicar cómo funciona WP Super Cache, necesitas entender cómo WordPress sirve tu contenido a tus visitantes.

Esto se pondrá un poco técnico, pero no te preocupes, trataré de mantenerlo lo más indoloro y amigable posible para el ser humano. Sé que la mayoría de ustedes no son desarrolladores. (¡Y yo tampoco!)

Esto es lo que sucede bajo el capó de su sitio:

Cada vez que usted consigue un visitante, WordPress construye la página a través de una serie de procesos que involucran:

  • Ejecutar PHP (como las funcionalidades añadidas por su tema o sus plugins de WordPress)
  • Consultar la base de datos de su sitio para recuperar el contenido (como el texto de sus entradas de blog)

Normalmente, WordPress ejecuta estos procesos dinámicamente.

Esto significa que WordPress tiene que ejecutar todos los procesos separados para cargar el contenido de su sitio web para cada visita individual.

Ahora las computadoras son rápidas en estos días, pero esto todavía toma tiempo.

Y sus visitantes no pueden ver su sitio web hasta que estos procesos se hayan completado, lo que significa que tienen que esperar para empezar a utilizar su sitio (también conocido como tiempos de carga lentos de la página).

Ese es exactamente el problema que WP Super Cache soluciona.

WP Super Cache convierte lo dinámico en estático para acelerar su sitio web

Usando algo llamado cacheo de páginas, WP Super Cache almacena una copia estática en HTML de su contenido para que los visitantes puedan navegar. Básicamente, almacena una copia del resultado final del proceso dinámico descrito anteriormente.

De esta manera, su servidor web ya no necesita ejecutar PHP o consultar su base de datos para cada visitante individual.

En su lugar, sirve el producto ya terminado.

Y como su servidor tiene que hacer mucho menos trabajo, carga la página terminada mucho más rápido.

Aquí, te lo demostraré..

Poner a prueba la caché de WP Super Cache con datos reales

Para este tutorial, crearé un sitio de prueba y subiré una página de aterrizaje completa para que parezca»real»

Entonces usaré la herramienta de Prueba de Velocidad de Pingdom para mostrar cuán rápido se carga mi sitio antes de que WP Super Cache sea instalado, y cuán rápido se carga después de varios pasos en el proceso de configuración. (Te recomiendo que hagas lo mismo cuando instales el plugin.)

De esta manera, verá exactamente cuánto efecto tiene WP Super Cache.

¿Listo?

Aquí está el tiempo de carga de la página antes de instalar WP Super Cache:

Page load time before WP Super Cache

2.02 segundos no es horrible, pero podemos hacerlo mucho mejor!

Vamos a instalar WP Super Cache y ver que tan rápido podemos llegar.

Paso #1: Instalar el plugin WP Super Cache

WP Super Cache está listado en el directorio oficial de plugins de WordPress.org, lo que significa que puedes instalarlo directamente desde tu panel de control de WordPress.

Para ello, vaya a Plugins → Add New. Luego busque «WP Super Cache» y haga clic en el botón Instalar ahora:

Search and Install WordPress WP Super Cache plugin

Después de unos segundos, el botón Instalar ahora debería cambiar a Activar. Haga clic en el botón Activar para activar WP Super Cache:

Activate WordPress Wp Super Cache plugin

Ahora el plugin está activo en su sitio. Pero todavía no está funcionando.

Esto es lo que hay que hacer a continuación…

Paso #2: Activar la caché básica para una reducción instantánea del 50% en el tiempo de carga de la página

Una de las cosas más bonitas de WP Super Cache es lo fácil que es empezar a usar el plugin. Todo lo que tiene que hacer es hacer clic en un botón.

Sí, en serio.

Puede configurar algunos de los ajustes avanzados para optimizar aún más sus tiempos de carga (que cubriremos en un minuto), pero al hacer clic en ese botón se obtiene el mayor aumento de velocidad.

Esto es lo que harás:

Vaya a Configuración → WP Super Cache en su tablero de WordPress.

A continuación, seleccione la casilla de radio para Caché Activado y haga clic en Estado de actualización:

Turn on basic caching

Y así de fácil, ha activado el almacenamiento en caché básico de páginas en su sitio. Por sí solo, esto debería conducir a una mejora importante de la velocidad.

¿Cómo de importante? Vamos a averiguarlo!

Aquí está el tiempo de carga de mi página después de hacer clic en el botón:

Page load time improved with WordPress WP Super Cache

Ahora, mi sitio de pruebas se carga en sólo 883 milisegundos. (Recuerda, fueron 2.02 segundos antes.)

Permítanme presionar algunos botones en mi calculadora, y…

Sí, corté más de la mitad del tiempo de carga de mi página con menos de cinco minutos de trabajo.

Increíble, ¿verdad?

Pero no nos detendremos ahí.

Porque WP Super Cache incluye algunas configuraciones avanzadas que pueden hacerlo:

  1. Acelere aún más su sitio web
  2. Prevenir los problemas relacionados con la caza

Así que sigamos adelante y configuremos algunos de estos ajustes.

Paso #3: Configurar los ajustes avanzados para un aumento de velocidad aún mayor

Para empezar, ve a la pestaña Avanzado en el área de Configuración de la Super Caché de WP:

Configure advanced settings - WordPress WP Super Cache

Para configurar la mayoría de las opciones avanzadas, sólo tiene que marcar una casilla.

A continuación, le explicaré cada casilla que le recomiendo que marque, comenzando en la sección Miscelánea.

1.) Excluir cuentas de administrador y otros usuarios del almacenamiento en caché

De esta manera, WordPress seguirá generando dinámicamente páginas para las personas que han iniciado sesión.

Un problema que surge del almacenamiento en caché es que los cambios que realice en su sitio tardan alrededor de 30 minutos en ponerse en marcha. Esto significa que tendrá que esperar 30 minutos antes de poder ver el resultado de sus cambios. Obviamente, esto sería una molestia.

Es por eso que debe marcar la casilla de No almacenar en caché páginas para usuarios conocidos y evitar que eso ocurra:

Don't cache pages for known users

De esta manera, WordPress seguirá generando páginas dinámicamente para los usuarios conectados (es decir, usted, el administrador).

Siempre obtendrá la última versión de su sitio generada dinámicamente, mientras que los usuarios anónimos obtienen la versión estática optimizada para el rendimiento.

2.) Habilitar la compresión GZIP para otro aumento de velocidad pequeño

A continuación, debe marcar la casilla Comprimir páginas para que se sirvan más rápidamente a los visitantes.

Esto es lo que hace:

WP Super Cache reducirá (comprime) el tamaño del archivo estático que genera sin afectar la funcionalidad del archivo. Debido a que el tamaño del archivo es más pequeño, su página se cargará un poco más rápido:

¿Cuánto más rápido? Después de habilitar esta configuración, el tiempo de carga de mi página se redujo un poco más, hasta 837 milisegundos:

Definitivamente no es una reducción tan grande como antes. Pero cuando se trata de los tiempos de carga de la página, ¡cada bit cuenta!

Nota: Aunque nunca he experimentado ningún problema, esta configuración puede causar problemas con algunos hosts. Por esta razón, debe volver a comprobar la funcionalidad de su sitio después de habilitar esta opción.

Si encuentras algún problema, puedes desmarcar la casilla. Aunque te estás perdiendo un pequeño aumento de velocidad, la diferencia es relativamente insignificante.

3.) Habilitar el almacenamiento en caché del navegador para eliminar las descargas redundantes

Hasta ahora, ha habilitado WP Super Cache para el almacenamiento en caché de páginas, pero también debería habilitar el plugin para el almacenamiento en caché del navegador. Esto puede aumentar aún más los tiempos de carga para los visitantes recurrentes.

Así es como funciona:

Los navegadores almacenan temporalmente archivos en el ordenador de cada visitante. Al habilitar el almacenamiento en caché del navegador, le indica al navegador de su visitante que no recargue partes de su página que no hayan cambiado desde su última visita. En su lugar, su navegador cargará el archivo desde su ordenador, lo que es mucho más rápido que si lo descargara desde su servidor host.

Para habilitar esta configuración, marque la casilla correspondiente a 304 No se ha modificado la caché del navegador:

Not modified browser caching

Desafortunadamente, debido a que Pingdom no almacena archivos de la misma manera que las computadoras de la gente común, no puedo mostrarle cuánto aumenta el rendimiento.

4.) Excluir páginas del almacenamiento en caché (si tienen problemas)

Es poco probable que el almacenamiento en caché cause problemas con el 99% de su sitio. Pero puede suceder, especialmente en las páginas en las que se pide a los visitantes que introduzcan información en un formulario.

Por ejemplo, he tenido un problema personal en el que el formulario de contacto del sitio de mi portafolio no funcionaba debido a mi plugin de caché. Yikes!

Esto puede conducir directamente a la pérdida de negocio, por lo que debe probar las páginas importantes de su sitio como usuario anónimo después de la instalación. (Recuerde, usted acaba de habilitar la configuración para excluir su cuenta de WordPress de ver las páginas en caché.)

¿Cómo?

Dependiendo de su navegador, abra una nueva ventana en modo Incógnito (Mayúsculas + Ctrl + N en Chrome u Opera) o en modo Navegación Privada (Mayúsculas + Ctrl + P en Firefox o Internet Explorer) y pruebe la página de esa manera:

Si nota algo raro, puede excluir manualmente esa página de la caché para evitar problemas.

Simplemente desplácese hacia abajo en la página Configuración avanzada hasta llegar a Nombres de archivos aceptados y URIs rechazados.

En la sección que comienza con «Agregar aquí cadenas (no un nombre de archivo)», introduzca la URL de la página que está teniendo problemas.

En el ejemplo anterior, puedes ver que he excluido manualmente mi página Contactar conmigo.

¿No está seguro de dónde encontrar la URL slug? Sólo tienes que ir a la página con los problemas y copiar la parte que viene después de la barra:

5.) Considere la posibilidad de utilizar una CDN para acelerar aún más las cosas

Puede que no lo sepas, pero la distancia física todavía tiene un efecto en la rapidez con la que se carga un sitio web. (¡Maldito seas, leyes de la física!)

Por lo tanto, cuanto más lejos se encuentre el visitante de su servidor, más lento se cargará su sitio, a menos que utilice una CDN (también conocida como Red de Entrega de Contenido).

Cuando utiliza una CDN, distribuye copias de los archivos estáticos de su sitio (como sus imágenes) a diferentes servidores de todo el mundo.

De esta forma, sus visitantes pueden descargar estos archivos desde una ubicación cercana a ellos, en lugar de descargarlos desde su servidor host.

Y WP Super Cache ofrece una opción para instalar una CDN en la pestaña CDN:

Install a CDN with WP Super Cache

Pero aquí está la cosa..

Recomiendo no usar WP Super Cache para esto, y usar Cloudflare en su lugar.

Cloudflare es un CDN que:

  • Es fácil comenzar con
  • Ofrece un plan gratuito
  • Incluye funciones de seguridad para mantener su sitio seguro

Pero no puedes usar WP Super Cache para instalar Cloudflare. Lo instalas cambiando tus servidores de nombre. (Aquí hay un tutorial para que empieces.)

Entonces, ¿cuánto una CDN como Cloudflare acelera su sitio, de todos modos? Una vez más, veamos los datos:

WP Super Cache + CDN can speed up your site

Usted puede ver que mi sitio ahora carga en 824 milisegundos, que es otra pequeña mejora de la velocidad anterior de 837 milisegundos.

Ahora, eso puede no parecer mucho, pero recuerde que el propósito de la CDN es hacer que su sitio web sea rápido para la gente de todo el mundo.

Por lo tanto, a pesar de que sólo se observa una pequeña mejora en la velocidad, es probable que la mejora sea mucho mayor para las personas que vienen de Europa, Asia o Australia.

Cómo vaciar manualmente la caché (y por qué es importante)

¡Casi terminado!

Sólo hay una cosa más que quiero cubrir.

Como dije antes, el almacenamiento en caché puede retrasar los cambios realizados en su sitio. Pero a veces usted hará un cambio en su sitio que usted quiere que vaya en vivo de inmediato para todos los usuarios.

Para ello, limpie manualmente la caché.

Esto obliga a WP Super Cache a generar una nueva caché que incorpora los cambios más recientes.

Aquí está cómo hacerlo:

Vaya a Configuración → WP Super Cache. A continuación, haga clic en la ficha Contenido y seleccione Eliminar caché.

Manually clear your cache

Y eso es todo lo que hay que hacer!

Deleite a sus lectores con un sitio web de carga rápida

De cara al futuro, nunca tendrá que preocuparse de si sus visitantes están gritando a la pantalla de su ordenador, esperando a que su sitio web se cargue.

Ahora usted tiene el conocimiento que necesita para asegurar que su sitio web se cargue lo más rápido posible, para todos.

Todo lo que queda por hacer es poner en práctica sus conocimientos.

Instale el plugin WP Super Cache, haga clic en ese botón y configure los ajustes avanzados.

Tendrá un sitio web de carga más rápida antes de que pueda terminar una taza de café.