Uno de varios de los parámetros que considera Google en su algoritmo es la velocidad que tarda el servidor en responder, que a su vez la demora o rapidez en responder es producto de varias razones, dependiendo de si es tu propio servidor o uno compartido podrás mejorar más o menos parámetros.

En el caso de utilizar WordPress, lo tenemos medianamente fácil el optimizar el sitio web; ya que, es posible a través de la activación de algunos plugins de Cache, como WP Super-Cache o W3 Total Cache, el primero mucho más facil de configurar que el segundo, pero con menos opciones.

En este artículo veremos la configuración del segundo, W3 Total Cache en servidores compartidos, pero antes una captura de pantalla del puntaje obtenido antes de instalar el plugin.

PageSpeed antes de W3 Total Cache

Una de las herramientas para medir qué tan bien tenemos optimizado nuestro sitio web es PageSpeed de Google, puedes acceder a ella a traves de Google Console Search o vía este enlace: PageSpeed Insights

PageSpeed antes de instalar W3 Total Cache

Configuración de W3 Total Cache

La instalación es como la de cualquier plugin, te diriges a Plugins -> Añadir Nuevo y buscas “w3 total cache” y le das al boton instalar, luego activas el plugins y te diriges a la página de configuración.

General Setting

El lugar donde activares las caches necesarias para un mejor funcionamiento del sitio.

  1. General: Aquí no tocamos nada, a no ser que de plano queramos activar todos los cahes, o en su defecto desactivarlos todos.
  2. Page Cache: Lo activas y eliges Disk: Enhanced como método.
  3. Minify: Lo activamos, en modo elegir Automático, si se elige Manual habría que configurar la carga de cada js o css, pero se obtendrían mejores resultados, en método Disk y las otras tres opciones en Default.
  4. Database Cache: Lo activamos y elegimos Disk como metodo.
  5. Object Cacche: En esta ocasión lo dejamos sin activar, yo lo he activado en servidores virtuales donde puedo utilizar como metodo eAccelerator o APC.
  6. Browser Cache: Activar esta opción también.
  7. CDN: Esto lo dejas sin activar.
  8. Reverse Proxy: Igual que el anterior tampoco lo activamos.
  9. Monitoring: Si no posees una cuenta en New Relic, tambien esta opción la dejas desactivada.
  10. Licensing: A no ser que compres la opción pro del plugin esto quedara en blanco.
  11. Miscellaneous: solo dejar activo Verify rewrite rules.

Page Cache

  1. General: Aqui activamos Cache Front Page, Cache feed, Cache SSL (https) requests si es que utilizamos SSL, sea a través de Cloudflare o directo y Don’t cache pages for logged in users.Page Cache - General
  2. Cache Preload: aquí activas Automatically prime the page cache y en Sitemap URL escribes la dirección completa de tu sitemap, por defecto WordPress no genera un sitemap, para esto puedes utilizar WordPress SEO o XML Sitemap & Google News feeds.Page Cache - Cache Preload
  3. Purge Policy: Page Cache: Dejar activo solo Front page, Post page, Blog feed y rss2Page Cache - Purge Policy
  4. Advanced: aqui deja todo tal cual.

Minify

  1. General: Activas las dos opciones.Minify - General
  2. HTML & XML: Solo no has de marcar Don’t minify feeds. Si utilizas Sumome no actives Inline JS minification.Minify - HTML & XML
  3. JS: Aquí has de activarlo con Enable y en Operations in areas, seleccionar Minify y Non-blocking using JS (Embed type).Minify - JS
  4. CSS: Activas el minify y solo dejas activado Line break removal. En @import handing seleccionas Process.Minify - CSS
  5. Advandced: En este apartado lo dejas tal cual.

Database Cache.

  1. General: Activa la unica opción existente Don’t cache queries for logged in users.
  2. Advanced: Deja todo tal cual.

Browser Cache

  1. General: Solo no actives Do not process 404 errors for static objectsBrowser Cache - General
  2. CSS & JS: Deja todo activado tal como lo muestra la imagen.Browser Cache - CSS & JS
  3. HTML & XML: Todo activado, tal como la imagen.Browser Cache - HTML & XML
  4. Media & Other Files: al igual que la anterior activa todo.Browser Cache - Media & Other Files

PageSpeed con de W3 Total Cache

Con todas estas opciones configuradas como he señalado el tiempo de respuesta ha pasado de 3,6 segundos a 0,60 segundos, con lo que el puntaje que otorga Google PageSpeed Insights ha pasado de 49 a 68, aun se puede seguir optimizando, para que tanto el tiempo de respuesta disminuya y el puntaje aumente.

PageSpeed despues de instalar y configurar W3 Total Cache

Para seguir disminuyendo el tiempo de respuesta se puede optimizar las imágenes del sitio a través del plugin WP Smush.it, que lamentablemente en su versión gratuita no soporta sitios HTTPS, o Compress JPEG & PNG images, que utiliza tinypng.com con una versión gratuita para 500 imágenes mensuales