Diccionario de WordPress

Recomendaciones principales que se deben marcar:

• Optimizar código JavaScript
  • Optimizar el código JavaScript
  • Unificar archivos JS
  • Incluir JS incrustados
• Optimizar el código HTML
• Optimizar CSS
  • Unificar archivos CSS
  • Incluir CSS incrustados
  • Guardar los scripts y el CSS unificados como ficheros estáticos
• Extra
  • Google Fonts>Combinar y cargar las fuentes asíncronamente con webfont.js
  • Quitar emojis

Este plugin es compatible y complementario de WP Super Cache.

Los plugins de caché más conocidos y usados de WordPress son:

• WP Super Cache. Creado por lo propios autores de WP. La instalación es sencilla e intuitiva.
• WP-Optimize – Clean, Compress, Cache. De los autores de Updraft Plus un plugin muy completo. Además del caché ofrece: Optimizaciones de base de datos y de imágenes.
• W3 Total Cache. Muy potente y de código abierto pero complejo de configurar
• WP Fastest Cache. La versión gratuita es suficiente y completa. Sencillo de configurar.
• Hyper Cache. Uno de los más reciente. Open source por lo que es gratuito. Sencillo y potente a la vez.
• LiteSpeed Cache. Plugin de aceleración todo en uno. Si el servidor incopora Lite Speed se activan más opciones.

Si queréis realizar comparativas os recomendamos acudir a Google porque sus prestaciones cambian continuamente y por ello es recomendable revisar la más reciente.

Antes de empezar con el plugin te sugiero hacer pruebas de velocidad de la página con Google pagespeed o alguna herramienta similar para comprobar la ganancia de tiempo.

Asistente

Al instalar y activar nos aparece en el menú del escritorio. Al hacer clic en la opción se activa un asistente de instalación con los siguientes pasos:

1. Optimizar las imágenes al subir. Comprime las imágenes al subir sin pérdida de calidad.
2. Eliminar los metadatos de la imagen. Es la información que suelen insertar las cámaras digitales y que ocupa un espacio innecesario en la mayoría de las imágenes.
3. Activar la carga diferida. El conocido Lazy Load que permite acelerar la carga de las páginas.
4. Permitir que el plugin haga un seguimiento de la compresión. Es opcional y lo usan para mejorar y optimizar el código del plugin.

Una vez finalizado el asistente se realiza una revisión de las imágenes existentes en la página Web.

Primero pasos

Una vez tenemos instalado el plugin la recomendación es ir al Escritorio del plugin y activar la opción de redimensionar el máximo de imágenes. Suelo poner 1.280 x 1.280 px para mantener las imágenes de los slides habituales de algunas plantillas pero ajustar aquellas que se subieron diréctamente de la cámara y que suelen pesar varios megas y tener tamaños de más de 4.000 px.

La función Bulk images permite comprimir las imágenes grandes detectadas y con la versión Pro del plugin se pueden descomprimir todas con un click.

Ajustes

Desde el escritorio podemos acceder a varias secciones de configuración del plugin pero en principio con los temas comentados suele ser suficiente.

Pruebas de velocidad

Una vez instalado el plugin si volvemos a realizar pruebas de velocidad comprobamos que hay cambios significativos respecto a los valores anteriores.

1. PageSpeed Insights de Google. Uno de los clásicos y que debe ser una referencia ya que en función del resultado es como Google puntúa una Web para que esté mejor o peor posicionada además de muchos otros factores.
2. WP Doctor. Excelente herramienta de Webempresa que ofrece muchos consejos sobre optimización.
3. GTmetrix. Completa opción para analizar página Web dónde se puede elegir el continente desde donde se hace la simulación.

WP Super Cache, este plugin genera páginas estáticas en html a partir de las páginas dinámicas que genera WordPress, estas páginas dinámicas generadas son guardadas en tu servidor para disminuir hasta en un 80% la carga del servidor, esto debido a que en lugar de generar una página dinámica por cada petición de página al servidor se muestra la página HTML estática.

Está indicado especialmente para páginas Web alojadas en Servidores compartidos con pocos recursos.

No todo va a ser estático  las páginas estáticas html sólo van a ser mostradas a:

1. Usuarios que no tengan una sesión iniciada.
2. Usuarios que nunca hayan dejado un comentario en el blog.
3. Usuarios que no han visto posts protegidos por contraseña.

Sabiendo que el 99% de los visitantes no hacen nada de lo mencionado anteriormente, estos usuarios verán las páginas cacheadas en el servidor, este plugin es muy útil cuando nuestras Webs son mencionados en sitios cómo digg.com  o meneame.net  que dirigen miles de visitantes a nuestros sitios, así se evitan caídas del servidor.

COMO FUNCIONA WP SUPER CACHE

WP Super Cache crea una carpeta llamada Cache dentro de la carpeta Uploads. Conforme se van visitando las páginas el Plugin va creando los html correspondientes y los guarda en la carpeta Cache.

INSTALACIÓN RÁPIDA DEL PLUGIN WP SUPER CACHE

• Comprobar que están activados los Permalinks
• Easy>Marcar Catching On y guardar.
• Avanzado>Marcar Use mod_rewrite to serve cache files. (Recommended)  y guardar.
• Avanzado>Reglas Mod Rewrite, hacer clic en Actualizar reglas Mod_Rewrite  y guardar.
• Verificar que WP Super Cache está activo haciendo clic en Easy>Test Cache
• Para comprobar que se generan las páginas entrando en una cualquiera, haciendo ver Código Fuente y comprobar que al final está el texto de generación de WP Super Cache.

INSTALACIÓN DETALLADA DEL PLUGIN WP SUPER CACHE

1. HABILITAR WP SUPER CACHE

Una vez instalado el plugin aparecerá notificándote que es necesario habilitar y configurar el plugin. Para hacerlo puedes dar clic en el link del mensaje o a través de Ajustes >> WP Super Cache.

2. ELEGIR EL MÉTODO PARA CREAR EL CACHE

Después de habilitar el plugin como se muestra en el paso 3, debemos elegir el método crear el cache. Seleccionar rewrite rules como se muestra a continuación:

3. ACTUALIZAR LAS REGLAS .HTACCESS

Luego de habilitar el método para crear el cache en el paso 4, deberás bajar por esa misma ventana (opción Avanzado) hasta Reglas Mod Rewrite, aparecerá algo como lo siguiente:

Baja un poco más y hacer clic en Actualizar reglas Mod_Rewrite

Si los permisos sobre el archivo son correctos,  las nuevas reglas serán ingresadas al .htacces y verás lo siguiente a modo de confirmación:

4. VERIFICAR QUE WP SUPER CACHE ESTÁ ACTIVO

Para comprobar que el plugin está realizando su trabajo, ingresa a la opción Easy y da clic en Test Cache.

Los resultados obtenidos deben ser los siguientes:

Otra forma, es ingresar a tu sitio web desde otro navegador (y sin estar autenticado), clic derecho en cualquier área de la página y dar clic en “Ver Código fuente de la página”. Ir al final de la página y debe aparecer lo siguiente:

7. OPCIONES RECOMENDADAS

Con el  WP Super Cache instalado, configurado y funcionando, podemos  habilitar la compresión.

Y siguiendo el paso 6, apartado “Ver Código fuente de la página”, esta vez debe mostrar: