Advertisement
  1. Code
  2. WordPress Plugins

Cómo Configurar W3 Total Cache: Ajustes Avanzados de Minificado

by
Length:ShortLanguages:
This post is part of a series called Configuring W3 Total Cache.
Configuring W3 Total Cache: Advanced Page Cache II
Configuring W3 Total Cache: Advance Database Cache

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

En el artículo anterior, completamos la configuración de los Ajustes de Caché de Página. En este artículo, continuamos con la configuración de W3 Total Cache revisando los ajuste General, HTML y XML, JS, CSS y los Ajustes Avanzados que se encuentran en el menú General.

Veamos lo que W3TC nos ofrece.

Minify

La minificación de código consiste en la eliminación de caracteres innecesarios del código fuente. Mini, cuando se usa como prefijo, significa pequeño. De modo que, el minificado pretende reducir el código fuente para mejorar el rendimiento.

En primer lugar, haz clic en Minify dentro del elemento de menú Performance (Rendimiento) ubicado en el menú del Escritorio:

General

Echemos un vistazo a cada uno de los ajustes ofrecidos en el menú General.

1. Re-escribir la Estructura de URL

Es una buena práctica volver a escribir la estructura de las URLs para incrustar CSS y JavaScript. Usar variables en las cadenas de consulta de recursos como éste tienden a reutilizar aumentando los tiempos de carga de las páginas, así que habilita esta opción.

2. Deshabilita el Minificado para los Usuarios que tengan Sesión Iniciada 

Tal y como indica la opción, si habilitas este ajuste, los usuarios autenticados no recibirán páginas minificadas. Normalmente recomiendo no activar esta opción. El comportamiento debería ser el mismo para los usuarios que han iniciado sesión en la web que para aquellos que la han cerrado.

3. Notificación de Errores en el Minificado

Puedes usar esta opción para recibir notificaciones por correo electrónico cada vez que se produzca un error en el proceso de minificacion.

Ahora, guarda la configuración.

HTML & XML

Los ajustes del menú HTML y XML son los siguientes:

1. Ajustes de Minificado de HTML 

En esta parte del plugin, necesitamos activar el minificado del código HTML, CSS y JavaScript. No te preocupes del minificado de los feeds, así que marca la opción para que no sean minificados, y tampoco actives la opción para eliminar los saltos de línea.

Si empiezas a experimentar problemas con el estilo o el comportamiento de tu página, puedes iniciar una depuración desactivando las opciones de JavaScript y de CSS.

2. Ignorar Comentarios Principales

El proceso de minificado elimina todo el código de los comentarios con el objetivo de reducir el peso de la página. Al mismo tiempo, no quieres hacer lo mismo con cosas como Google AdSense Comentarios. De forma predeterminada, W3TC ofrece estos prefijos para nosotros para que nunca se quitan desde el código. Puede mantener la sección de como-se o incluir comentarios adicionales.

Una vez más, guardar la configuración.

JavaScript

Pasemos al menú para JavaScript.

1. Ajustes de  Minificado para JavaScript

JavaScript Minification Settings

Asegúrate de que estos valores están actualizados realizando una gran cantidad de pruebas. Cuando minified, JavaScript puede resultar en comportamiento extraño cuando es minified.

  • Configuración Óptima: Basándome en mi propia experiencia con diferentes servidores y clientes, te recomiendo que uses lo que ves en la imagen superior: Activa la Minificación de JavaScript, habilita la opción Sólo combinar y mantén el comportamiento establecido como Por Defecto (bloquear). Si todavía experimenta problemas con el comportamiento del sitio, puede deshabilitar a esta configuración.
  • Ajustes Extremos: Al usar Minificar en lugar de Sólo combinar minificará el JavaScript, lo que a su vez, podría provocar un comportamiento errático. Esto también es el caso, al elegir cualquier método de JavaScript no bloqueo del elemento select. También podrías optar por activar estos ajustes sólo para un determinado segmento de usuarios (es decir, realizar un test A/B) para determinar lo que funciona mejor.

De nuevo, guarda la configuración.

CSS

Ahora echemos un vistazo a la configuración de nuestras hojas de estilo.

Ajustes de Minificado de CSS y Gestión de @import

Primero, activa el minificado del CSS. A continuación, habilitar la opción para eliminar los saltos de línea, a diferencia de lo que hemos indicado para JavaScript, ya que no es tan probable que el CSS se vea afectado por la eliminación de los espacios en blanco. En segundo lugar, elige Procesar para gestionar @import.

Si conoces un poco sobre CSS, sabrás que @import se utiliza para importar un archivo CSS dentro de otro. Este método tiende a ralentizar la velocidad carga de la página. Para mejorar la eficiencia, W3TC procesa y gestiona la regla @import y creando un único archivo CSS a partir de todos los archivos CSS (el principal y los importados).

Una vez más, guardar los ajustes.

Avanzado

Por último, echaremos un vistazo a los ajustes Avanzados.

Prueba para la Longitud del Nombre de Archivo y Longitud del Nombre Archivo

Te recomiendo que desactives esta opción. Cuando el proceso minification en W3TC combina varios archivos en un solo archivo, utiliza esta área para definir la longitud de nombre de archivo. No cambiar nada aquí, hasta que a menos que sepa lo que está haciendo.

Actualización de Archivos Externos

En este escenario, especificar el intervalo entre la descarga y actualización de los archivos en la en la caché de apocamiento. Recomiendo usar la opción de 24 horas por defecto (que es de 86400 segundos).

Intervalo de colección de basura

Si eres almacenamiento en caché de datos en el disco, este es donde especificar caché con qué frecuencia caducado se eliminan datos. Para sitios ocupados, un valor más bajo es mejor. Si usted no tiene un valor predeterminado, 864000 es una buena configuración.

Otros Ajustes Avanzados

Ya que hemos creado a modo auto-minification, esta zona nos ayuda a controlar ciertas páginas, agentes de usuario y archivos que queremos extraer minification.

  • Nunca minifiques las siguientes páginas: las páginas especificadas aquí no se pueden minificar.
  • Nunca minifiques los siguientes archivos JS: los archivos de JavaScript especificados no se minifcan.
  • Nunca minifiques los siguientes archivos CSS: los ficheros CSS especificados no ser minifican.
  • Agentes de usuario rechazados: especifica los agentes de usuario que no deben recibir el contenido normal, el que no está minificado
  • Incluir archivos externos/librerías: todos los archivos externos que deben ser minificados se especifican aquí.

Guarda los ajustes otra vez.

Conclusión

Es para la configuración avanzada. Si has seleccionado el modo auto para la minificación, entonces la configuración minificación de W3TC termina aquí.

Si tienes cualquier duda, avísame a través del siguiente formulario.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.