Configurar W3 Total Cache para WordPress

Desde hace unos dias este blog ha estado con problemas de velocidad, en realidad quizas mucho se deba al sistema de hosting que tengo contratado, pero aproveche el proceso de revision para conocer el performance de mi sitio, y haciendo una prueba en http://tools.pingdom.com/, me he topado con una maravillosa calificación de 57, principalmente por no tener optimizado mi codigo, activado el cache del sitio y mas importante aun, por no tener minimizados los archvios .js y .css, por lo que después de unas modificaciones y el uso de un plugin llamado W3 Total Cache, y ayuda de muchos tutoriales les comparto esta guia de como configurarlo y mejorar el performance a 81.

Antes que nada deben saber que es un caché plugin para wordpress, W3 Total Cache es un plugin para WordPress que puede hacer que tu web o blog cargue mucho más rápido, esto es muy importante ya que dentro de todas las observaciones que hacen los buscadores para indexar las paginas web consideran la velocidad de carga de un sitio, y estos son algunos tips de como tener un cache web y otros elementos configurados.

Se llama caché web a la caché que almacena documentos web (es decir, páginas, imágenes, etcétera) para reducir el ancho de banda consumido, la carga de los servidores y el retardo en la descarga. Un caché web almacena copias de los documentos que pasan por él, de forma que subsiguientes peticiones pueden ser respondidas por el propio caché, si se cumplen ciertas condiciones.

Compresión GZIP de los contenidos.

La compresión por GZIP es una de las posibilidades más importantes para optimizar un sitio web, para buscar un mejor desempeño en la carga de las páginas. Consiste en enviar los códigos del sitio en formato comprimido, para que ocupen mucho menos espacio y por tanto se transfieran por la Red de una manera más rápida y llegando al navegar se descompriman y se visualicen.

Tiene las siguientes Ventajas:

  1. Ahorro de ancho de banda / transferencia: nuestro sitio web enviará archivos comprimidos y por tanto, la transferencia que utilizará para enviar una misma página, será mucho mejor que si no estuviera comprimida. Al cabo del mes, sobre todo en sitios web con bastante tráfico, se obtendrá un ahorro considerable en transferencia.

  2. Velocidad del sitio: los archivos comprimidos tardarán menos en llegar a sus destinatarios, por tanto el sitio cargará con mayor rapidez. Si estamos optimizando el sitio en busca de mejorar el tiempo de carga, la compresión con GZIP será una de las más importantes opciones que tendremos a nuestra disposición y podremos configurarla en pocos minutos.

  3. Soporte en todos los navegadores actuales: hoy en día podemos estar tranquilos con la compatibilidad de la compresión con GZIP, puesto que todos los navegadores actuales la implementan.

Minificar

Esto se refiere a ** «minimizar»** el tamaño de la descarga del contenido. Es un proceso que elimina espacios en blanco, comentarios y otros caracteres innecesarios tanto para las CSS’s como para JavaScript. El resultado son archivos más pequeños, que se descargarán y cargarán en el navegador más rápido. en promedio hemos conseguido un 40% de mejora en el rendimiento y la mejora es significante.

Configuración Básica de W3 Total Cache para WordPress.

GENERAL SETTINGS:

General: Déjalo tal cual. Page Cache: Activado Page Cache Method: Disk Enhanced Minify: Activado (déjalo desactivado si usas CloudFlare), aplica la siguiente configuración y si tu web no se muestra correctamente desactiva esta casilla. Minify mode: Auto Minify cache method: Disk HTML minifier: Default JS minifier: JSmin (Default) CSS minifier: Default Database Cache: Activado (déjalo desactivado si usas un CDN) Activarlo puede causar tiempos de carga lentos según el servidor donde se encuentre tu web, haz distintas pruebas y decide por tí mismo/a Database Cache Method: Disk Object Cache: Activado Object Cache Method: Disk Browser Cache: Activado CDN : Actívalo si usas algún servicio CDN, si no es así dejalo tal cual. Miscellaneous Optimize disk enhanced page and minify disk caching for NFS: activado PAGE CACHE

GENERAL

Cache Posts Page: Activado Cache feeds: site, categories, tags, comments: Activado Cache SSL (HTTPS) requests: Si no usas SSL desactívalo. Cache URIs with query string variables: Desactivado Cache 404 (not found) pages: Desactivado Cache requests only for (tu web) site address: Activado Don’t cache pages for logged in users: Activado (y recomendado) Don’t cache pages for following user roles: Configura estos según tus preferencias. Cache Preload, Purge Policy: Page Cache y Advanced: Sin cambios

MINIFY SETTINGS

GENERAL

Rewrite URL structure: Activado HTML & XML

HTML minify settings:

Enable: activado Inline CSS minification: activado Inline JS minification: activado Don’t minify feeds: activado Line break removal: desactivado JS

JS minify settings:

Enable: activado CSS

Enable: activado Combine only: desactivado Preserved comment removal: desactivado Line break removal: activado

DATABASE CACHE

No le muevas, deja las opciones por default.

OBJECT CACHE

No le muevas, deja las opciones por default.

BROWSER CACHE

GENERAL

Set Last-Modified header: Activado Set expires header: Activado Set cache control header: Activado Set entity tag (eTag): Activado Set W3 Total Cache header: Activado Enable HTTP (gzip) compression: Activado Prevent caching of objects after settings change: Activado Don’t set cookies for static files – Desactivado Do not process 404 errors for static objects with WordPress – Desactivado CSS & JS

Set Last-Modified header: Activado Set expires header: Activado Expires header lifetime: 31536000 segundos Set cache control header: Activado Cache Control Policy: cache with max-age Set entity tag (eTag): Activado Set W3 Total Cache header: Activado Enable HTTP (gzip) compression: Activado Prevent caching of objects after settings change – Desactivado Disable cookies for static files: Desactivado HTML & XML

Set Last-Modified header: Activado Set expires header: Activado Expires header lifetime : 3600 segundos Set cache control header: Activado Cache Control Policy: cache with max-age Set entity tag (eTag): Activado Set W3 Total Cache header: Activado Enable HTTP (gzip) compression: Activado MEDIA & OTHER FILES

Set Last-Modified header: Activado Set expires header: Activado Expires header lifetime: 31536000 segundos Set cache control header: Activado Cache Control Policy: cache with max-age Set the entity tag (eTag): Activado Set W3 Total Cache header: Activado Enable HTTP (gzip) compression: Activado Prevent caching of objects after settings change: Desactivado Disable cookies for static files: Desactivado

fuentes:http://juanmartos.net/como-configurar-w3-total-cache/, http://www.desarrolloweb.com/articulos/intro-compresion-gzip.html

← Volver al blog