Hoy continuamos nuestro tutorial sobre W3TC. Probablemente ya sepas que es plugin de caché, que permite, entre otras cosas, acelerar tu blog (mejora su rendimiento).

Este tutorial se divide en varias partes. Desde entonces, comenzamos con la introducción a la caché e hicimos algunos ajustes preliminares. Puedes ver los diferentes capítulos a continuación:

Parte 2: Configuración de minimización

Todavía estamos en la W3TC configuración, pero ahora vamos a hablar de compresión de archivos.

Antes de acceder al menú Minimizar ", Primero debes activar" Minimizar En la configuración general. Si ha habilitado el modo de compresión y funciona correctamente en su sitio, la configuración de " minimización Lo que ve en este menú será una versión simplificada de lo que se muestra en las capturas de pantalla a continuación.

En este tutorial, cubrimos el proceso de compresión ( minifying ) con W3TC. El " minimización Y la combinación de JS y CSS es la esencia de lo que veremos en este tutorial.

Minimizar: general

Configuraciones generales en el menú Minimizar Tiene tres opciones.

Minify general-w3tc-plugin-wordpress

El módulo reescritura de URL "Debería estar habilitado de forma predeterminada y debe dejar esta opción como está, a menos que prefiera ver sus archivos CSS y JS recuperados usando encabezados" http GET "en lugar de la estructura URL normal.

Deshabilitar " minimización Para los usuarios registrados no deben cambiarse. Se recomienda no proporcionar a los usuarios conectados y desconectados diferentes archivos CSS y JS.

Notificación de error " Minimizar Debe estar configurado para notificaciones de administrador. Esto les permitirá ser informados cuando haya un error.

Las siguientes secciones " todo minify ", Combina y mueve la opción" Componentes de la página ". Esto puede romper la presentación de su sitio. Debe activar el modo de vista previa y vigilar su sitio mientras realiza cambios para asegurarse de no dañar el diseño de su sitio.

Minify: HTML y XML

La seccion HTML y XML Desde el menú Minify es simple. Las casillas de verificación están destinadas a permitir " minimización ", del' " en línea CSS y JavaScript, omiten los flujos de minificación y permiten romper nuevas líneas.

minify-html-w3tc

A excepción de la opción " No minificar feeds Que debe permanecer sin marcar, la velocidad de su sitio debería mejorar.

El cuadro de texto de comentarios ignorados vapores Se utiliza para identificar comentarios HTML que no deben eliminarse cuando el HTML está "comprimido". Algunos comentarios vinculados estarán en este dominio de forma predeterminada para garantizar que los comentarios asociados con Google AdWords y los lectores no se eliminen. Si su código HTML contiene comentarios adicionales y desea permanecer en el " miniaturizada De HTML, agregue un término en este cuadro de texto para que no se eliminen los comentarios con esta expresión.

minify JS

Si ha habilitado la compresión JavaScript y CSS En el menu Ajustes generales solo podrás trabajar con todos los Recursos Tanto JavaScript como el menú que ve serán una versión simplificada de la imagen a continuación.

minify-js-w3tc

Si ha seleccionado el método manual, debe desplazarse hasta la parte superior del menú. Minimizar Y seleccione el botón del asistente. Este último enumera los archivos JavaScript y CSS detectados por W3TC. Seleccione marcar todas las casillas para los tipos de archivo JavaScript y CSS y haga clic en " Aplicá Y cerca Esto agregará los archivos JavaScript y CSS en el menú " Minimizar Para que pueda trabajar con estos manualmente.

Mira la casilla llamada " Operación en áreas ". En esta sección puede controlar si el Recursos JavaScript son " miniaturizada Y combinado con la opción Minimizar O si simplemente se combinan. El tipo " Incrustar » ofrece algunas opciones sobre cómo Recursos Se cargan JavaScript. Puedes probar cada una de las opciones de “ sin bloqueo Hasta que encuentre uno que no interrumpa la presentación de su sitio, pero si ninguna de las opciones funciona, deje los valores predeterminados.

Si ha seleccionado el método de compresión manual en la configuración general, puede trabajar con cada archivo individualmente asignándolo a una sola plantilla oa todas las plantillas y moviéndolo a la " encabezamiento », Le« cuerpo "O debajo" cuerpo Para un control granular sobre dónde aparece cada archivo en el documento HTML y cómo se carga. Usted puede también " arrastrar y soltar »Archivos, para reorganizar el orden en que se cargan en caso de que algunos archivos dependan de archivos anteriores para cargarse correctamente.

Minify-js-compresión

La configuración óptima es mover los archivos desde " encabezamiento Y cargarlos una de las opciones de sin bloqueo "(Sin bloqueo). Sin embargo, hay una muy buena posibilidad de que al hacer esto, la apariencia de su sitio se vea afectada.

Realmente no hay forma de evitar esto revisando cada archivo una vez, probándolos en diferentes lugares y asegurándose de que el sitio se cargue correctamente.

minify CSS

Hay cuatro configuraciones para reducir los archivos CSS disponibles:

opciones de minimización en CSS

  • permitir : Permite minfication y la combinación de los archivos CSS.
  • combinar sólo : Combinar archivos CSS, pero no rebajarlos.
  • Conservado la forma en la eliminación : Elimina comentarios de archivos CSS combinados.
  • eliminación de salto de línea: Elimina líneas nuevas en archivos CSS combinados.

Comience seleccionando todas las opciones excepto " Sólo combina ". Si la presentación del sitio es diferente, desmarque " Conservado la forma en la eliminación "Y" eliminación de salto de línea ". Si eso no corrige el sitio, utilice " Sólo combina ".

Para la opción @import, seleccione " Proceso ".

Si seleccionó " Auto Como un método de minimización "Configuración general, solo verá las dos primeras secciones de este menú. Sin embargo, si tienes el minimización Manual, luego verá una sección de administración de archivos CSS.

Si aún no ha agregado archivos CSS que serán administrados, seleccione el asistente "Ayuda" y seleccione todos los archivos CSS para sus temas. Luego, reorganice el orden de los archivos para que los archivos más importantes se carguen primero.

Minify: configuración avanzada

En la mayoría de los casos, la configuración predeterminada en la sección avanzada no necesita mucha edición. Sin embargo, puede usarlos para ajustar la frecuencia con la que se actualizan los archivos JavaScript y CSS, la frecuencia con que los archivos caducados se eliminan de la memoria caché y más.

-tuning de la expiración des-archivos w3tc

La sección avanzada incluye tres campos para excluir páginas específicas, archivos JS y archivos CSS de " minimización ". Si descubre que algunos recursos JS o CSS nunca deben comprimirse, puede aislarlos agregándolos a estos dominios. Si necesita ayuda con la sintaxis correcta, consulte " Uso: general De las preguntas frecuentes para obtener instrucciones.

Eso es todo para las opciones de minificación en W3 Total Cache, continuaremos con el caché de la base de datos.