Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress Plugins
Code

Configurar W3 Total Cache: Introducción

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Configuring W3 Total Cache.
Configuring W3 Total Cache: General Settings I

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

La velocidad de página de un sitio web optimizado para un alto tráfico es una frase que un desarrollador escucha con frecuencia desde el momento en que entra en la industria. Hay mucha discusión sobre estos temas, ¡y con razón!

En este tutorial, vamos a echar un vistazo a algunos de los temas que se discuten a menudo, sobre todo cómo ajustar la memoria caché y cómo esto podría beneficiar nuestra web, y no sólo eso, también veremos cómo configurar nuestra instalación de WordPress para lograr lo mejores resultados posibles.

Aquí tienes varios aspectos que revisaremos e intentaremos lograr con la caché:

  1. Experiencia de Usuario. Cuanto más rápido cargue tu sitio web, más feliz será la estancia en él de tus visitas, tus conversiones aumentarán, se ampliará el número de página vistas aumentando las interacciones, y también aumentarán los ingresos en el caso de los anuncios basados en RPM.
  2. Experiencia en los Motores de Búsqueda. las webs que cargan rápidamente se posicionan mejor en todos los motores de búsqueda. Google ha mencionado en concreto que si tu sitio está optimizado y está optimizado para cargar con rapidez, podrías esperar un alto posicionamiento en el SERP (Search Engine Results Page o Página de Resultados del Buscador).

En la última serie, vimos cómo configurar tu plugin WordPress SEO by Yoast para proporcionar una base SEO sólida. En el artículo, hablamos sobre la importancia de la velocidad de carga de página y cómo ésta afecta a tu clasificación. Desde entonces, he recibido una varias preguntas sobre los plugins de cache, y sobre cual es la mejor manera de configurarlos.

Por lo que en este artículo, vamos a echar un vistazo a W3 Total Cache y a cómo realizar una configuración óptima para nuestra web.

En concreto, vamos a ver los siguientes puntos:

  1. ¿Qué es cachear?
  2. ¿Por qué debemos usar el plugin W3 Total Cache?
  3. ¿Qué ofrece el plugin W3 Total Cache?
  4. ¿Cómo vamos a configurar W3 Total Cache?

Dicho esto, echemos un vistazo.

¿Qué es Cachear?

Según Wikipedia:

En informática, la caché es un componente que almacena datos de forma transparente para que las futuras solicitudes de datos se puedan enviar con mayor rapidez. Los datos que se almacenan en la caché pueden ser valores que se hayan calculado anteriormente o duplicados de los valores originales que están almacenados en otra parte. Si los datos solicitados están contenidos en la caché (cache hit), esta petición puede ser servida leyendo simplemente la caché, que es comparativamente más veloz. De lo contrario (sin cache), los datos se tendrían que volver a calcular o extraer desde su ubicación de almacenamiento original, que es en comparación bastante más lenta. Por lo tanto, cuanto mayor sea el número de solicitudes que se puedan servir desde la caché, más rápido será el rendimiento general del sistema.

El almacenamiento en caché en definitiva es el proceso de guardar temporalmente los datos en el lado del servidor, en el lado del cliente o en ambos con el fin de acelerar el ciclo de generación de la página.

Por ejemplo, cuando se crea caché de tu sitio en el servidor, los usuarios realmente no compilan tu trabajo. En su lugar, ven versiones pre-compiladas de tu trabajo. Por lo general, vemos una versión comprimida y minificada de CSS y JavaScript.

Para ponernos en contexto, vamos a asumir que tu trabajo consiste en una página de WordPress (escrita con PHP y MySQL). En esta situación, estás intentando lograr que hasta 250 consultas sean disparadas al cargarse la página. Supongamos que la solicitud tarda 10 segundos en ejecutarse en el servidor. Eso significa que cada vez que una visita vea cualquier página de tu sitio, tu servidor tiene que crear el código con al menos 250 consultas que tardarán 10 segundos en devolver a la salida.

Cuando se realicen varias visitas simultáneas a tu sitio, el servidor requerirá más recursos para devolver a la página. Como resultado, el tiempo de carga se verá afectado. Además, piensa en qué sucederá si 1000 usuarios simultáneos navegan por su sitio - esto podría desembocar en un uso significativo de recursos, especialmente si estás en un alojamiento de económico.

Pero si cachéas las páginas de tu sitio del lado del servidor entonces podrás avanzar en la prevención para que el servidor no se estrellarse. Pero, ¿por qué?

Cuando cacheas las páginas de tu sitio en el servidor, cada página se compila para una cierta cantidad de tiempo. Ahora, cuando un usuario ve tu sitio, la página no realiza 250 consultas para construirse, sino que al usuario se le envía una versión de la página ya pre-compilada.

También sucede así cuando el almacenamiento en caché se realiza del lado del cliente. En el almacenamiento en caché del lado del cliente, algunos datos son almacenados en el navegador de tu visitante. Por ejemplo, supongamos que tienes el mismo logo en la cabecera. Podrías almacenar la imagen en el navegador del usuario para que sea el navegador, y no el servidor, el que devuelva y muestre la imagen.

Para clarificarlo, vamos a ver una imagen de ejemplo:

1

¿Por qué Utilizar el Plugin W3 Total Cache?

Hay un montón de plugins disponibles para el almacenamiento en caché, pero W3 Total Cache es una sólida elección ya que tiene un montón de opciones, funciona con una amplia gama de configuraciones de servidor, y cuenta con más de 3 millones de descargas. Además, un plugin tan famoso como W3TC es una opción segura en comparación con otros menos conocidos, y de menor calidad menor.

Aunque esto se sale un poco del tema, la mayoría de los servicios de distribución de contenidos que encontrarás con frecuencia (como MaxCDN y New Relic) te pedirá que instales W3TC para sacar el máximo provecho de sus servicios.

Así que ¿por qué no instalar y configurar W3TC previamente?

Yo he optimizado más de 100 webs para mis clientes con W3TC y siempre he obtenido resultados positivos. Las siguientes imágenes ilustran la mejora en los resultados tras el uso de un plugin para la caché.

Ahmad_Awais_W3TC_Results_Scaling_Optimizing_Sites-1
2

Por supuesto, hay una parte de optimización avanzada necesaria para lograr todos los objetivos que muestran los resultados anteriores, pero aún un principiante puede alcanzar resultados significativos con optimizaciones sencillas.

¿Qué ofrece el Plugin W3 Total Cache?

Hay un montón de beneficios paralelos derivados del uso de este plugin, vamos a expresarlo a través de las palabras de un desarrollador. Frederick Townes ha hecho un gran trabajo explicando las características.

Son las siguientes:

W3TC goza de la confianza de:

  • AT&T
  • stevesouders.com
  • mattcutts.com
  • mashable.com
  • smashingmagazine.com
  • makeuseof.com
  • yoast.com
  • kiss925.com
  • pearsonified.com
  • lockergnome.com
  • johnchow.com
  • ilovetypography.com
  • webdesignerdepot.com
  • css-tricks.com
  • .. .y decenas de miles de personas.

Algunos de los Beneficios de W3TC:

  • Al menos mejora x10 el rendimiento global del sitio (Grado A en YSlow o mejoras significativas en Google Page Speed) cuando está totalmente configurado
  • Mejora las tasas de conversión y del "rendimiento del sitio" todo lo cual afecta al posicionamiento de tu sitio web en Google.com
  • "Inmediatas" visitas de páginas siguientes a la visitada: almacenamiento en caché de navegador
  • Interpretación optimizada progresiva: las páginas empiezan a mostrarse con más rapidez
  • Reduce el tiempo de carga de la página: lo que aumenta el tiempo de permanencia del usuario en el sitio; los visitantes ver más páginas
  • Mejora del rendimiento del servidor web; soporta los periodos con picos de tráfico alto
  • Hasta 80% ahorro en ancho de banda mediante el minificado y la compresión HTTP del código HTML, CSS, JavaScript y de los feeds

Sus características incluyen:

  • Compatibilidad con un alojamiento compartido, con servidores virtuales privados / virtuales dedicados y servidores dedicados / clusters
  • Administración de redes (CDN) para la entrega de contenido de forma transparente con Media Library, archivos del tema y WordPress mismo
  • Soporte móvil: almacenamiento en caché de páginas según remitente de su solicitud o los grupos de agentes de usuario que incluye el cambio del tema según los grupos de usuarios o los agentes de usuario
  • Cacheado de páginas y entradas (minificadas y comprimidas) en memoria, en disco o en CDN (solo duplicados)
  • Almacenamiento en caché (minificado y compresión) de CSS y JavaScript en la memoria, en el disco o en CDN
  • Almacenamiento en caché de los feeds (de sitio web, categorías, etiquetas, comentarios y de resultados de búsqueda) en memoria, en disco o en CDN (solo duplicación)
  • Almacenamiento en caché de las páginas de los resultados de búsqueda (es decir, URIs con cadena de variables de consulta) en la memoria o en el disco
  • Almacenamiento en caché de objetos de la base de datos en la memoria o en el disco
  • Almacenamiento en caché de objetos en memoria o en el disco
  • Minificado de entradas, páginas y feeds
  • Minificado de JavaScript incrustrado, vinculado o de terceras partes (con actualizaciones automatizadas)
  • Minificado de CSS en línea, vinculado o de terceras partes (con actualizaciones automatizadas)
  • Cacheado en el navegador usando cache-control, expiración programada de encabezados y etiquetas de entidad (ETag) con "cache-busting"
  • Agrupación de JavaScript según plantilla (página de Inicio, página de entrada, etcétera) con control de ubicación de la incrustración
  •  Incrustación de JavaScript de forma que no bloquee
  • Importación de archivos adjuntos de entradas directamente a la Biblioteca de Medios (y al CDN)
  • Admite la purga de caché a través de WP-CLI, actualización de la cadena de consulta y más

En definitiva, podemos mejorar fácilmente la experiencia del usuario para nuestros lectores sin hacer cambios en WordPress, en tu tema, tus plugins o en nuestro flujo de trabajo.

Cómo Configurar W3 Total Cache

Hasta ahora, hemos definido el almacenamiento en caché, hemos explicado su importante, el por qué vamos a utilizar W3TC, y lo que ofrece el plugin. Además, hemos descubierto los motivos por los cuales la optimización de nuestros sitios con plugins como W3TC es un aspecto crucial.

El objetivo de este artículo era hacer comprensible la importancia de la optimización. Después de todo, es mucho más difícil entender cómo configurarlo si no entendemos el por qué lo estamos configurando.

En la siguiente parte de esta serie, te enseñaré cada uno de los pasos involucrados en la configuración del plugin de W3TC.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.