Una vez que la CDN esté activada, la configuración de la minificación del código estará disponible. La minificación elimina los caracteres innecesarios como los comentarios y los espacios en blanco de tu código.

Estos caracteres son excelentes para los humanos cuando editamos el código, pero los navegadores no los necesitan. Eliminarlos optimiza tu código, reduce el tamaño de la página y el tiempo de carga de la misma.

Activar la Minificación de Código

Haz clic en el botón de Configuración para configurar los ajustes de minificación de código que prefieras.

Ajustes de minificación de código para CDN en MyKinsta.
Ajustes de minificación de código para CDN en MyKinsta.

En el modal pop-up de minificación de código que aparece, elige CSS, JS, o ambos, y haz clic en el botón Cambiar configuración para guardar tus ajustes.

Guardar la configuración de la minificación del código para la CDN.
Guardar la configuración de la minificación del código para la CDN.

Notas Importantes

  • Asegúrate de comprobar tu sitio después de activar la minificación de código. Algunos navegadores pueden tener problemas con los elementos minificados. Si ves algún problema en tu sitio, desactiva la minificación de código.
  • La activación de la minificación de código puede tardar unos minutos en surtir efecto.
  • Si tienes tu propia cuenta de Cloudflare, tendrás que borrar la caché en Cloudflare (ya sea en el panel de Cloudflare o en el plugin de Cloudflare) para que la minificación funcione.
  • Cualquier archivo que termine en .css o .js que se sirva en el dominio alojado en Kinsta se minificará, dependiendo del tipo de archivo para el que habilites la minificación o si la habilitas para ambos. Por ejemplo, si alojas example.com con nosotros y eliges minificar los archivos CSS, tanto example.com/wp-content/themes/yourtheme/style.css como example.com/wp-content/plugins/woocommerce/some-file.css serán minificados, pero los activos vinculados externamente como twitter.com/styles/example-shared.css no pueden ser minificados por esta herramienta.
  • Cualquier archivo que tenga .min en el nombre será omitido. Normalmente, los archivos con .min en el nombre ya se han minificado e intentar minificarlos de nuevo no aporta ninguna ventaja.

Comprobar la Minificación del Código

  1. Visita tu sitio y abre las herramientas para desarrolladores en tu navegador.
  2. En la pestaña Red, haz doble clic en un archivo JS o CSS para abrirlo en una nueva pestaña. Asegúrate de elegir uno que no haya sido minificado previamente por tu tema o por un plugin.
  3. Comprueba si el archivo tiene espacios en blanco o comentarios. Si ves algún archivo JS o CSS que no está minificado, recarga la página un par de veces y vuelve a comprobar los archivos JS o CSS.
  4. Si los archivos no están minificados después de recargar la página un par de veces, abre un nuevo chat con nuestro equipo de soporte e indícales las URL de los archivos que no están minificados.

Ventajas de la Minificación de Código CDN

Esta minificación se realiza en el lado de Cloudflare y se almacena en caché allí también, por lo que tiene algunas ventajas sobre la minificación de código con un plugin:

  • Tu servidor no tiene que utilizar recursos (CPU/memoria/almacenamiento) para minificar los archivos. Cloudflare se encarga de ello.
  • Tu servidor tampoco tiene que servir posteriormente los archivos minificados. Cloudflare los sirve directamente desde el servidor más cercano al visitante que realiza la solicitud.
  • Cloudflare minifica los archivos en segundo plano, por lo que la primera petición a un activo aún no minificado no se retrasa por el proceso de Cloudflare para minificarlo. La siguiente petición a ese activo debería obtener la versión minificada y en caché.