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:
- 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.
- 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.
- 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
