Optimización de página de LiteSpeed Cache

Minimiza archivos CSS y código CSS integrado.

Combina archivos CSS y código CSS integrado. Cómo solucionar problemas causados por la optimización CSS/JS.

Usar el servicio en línea QUIC.cloud para generar CSS único. Esto eliminará el CSS no utilizado en cada página del archivo combinado. Leer más
La generación automática de CSS único está en segundo plano a través de una cola basada en cron.
API: Disponible el filtro add_filter( "litespeed_ucss_per_pagetype", "__return_true" ); para la generación de UCSS por tipo de página.
Esta opción se omite porque la opción Combinar CSS es OFF.

UCSS integrado para reducir la carga adicional de archivos CSS. Esta opción no será activada automáticamente para las páginas Modo de invitado. Para usarla en las páginas Modo de invitado, por favor, actívala.
Esta opción omitirá automáticamente la opción Cargar CSS asíncronamente.

Incluye CSS externo y CSS integrado en un archivo combinado cuando Combinar CSS también está activado. Esta opción ayuda a mantener las prioridades de CSS, que debería minimizar los errores potenciales causados por la combinación de CSS.

Optimiza la entrega de CSS. Esto puede mejorar tu puntuación de velocidad en servicios como Pingdom, GTmetrix y PageSpeed.
Usa el servicio online de QUIC.cloud para generar el CSS crítico y cargar asíncronamente el CSS restante. Leer más
Genera automáticamente CSS crítico en segundo plano mediante una cola basada en el cron.
Cuando esta opción se cambia a ON, también se cargan de forma asíncrona las fuentes de Google.
API: Se excluirán los elementos con el atributo data-no-async="1" en el código HTML.

Desactiva esta opción para generar CCSS por tipo de contenido en lugar de por página. Esto puede ahorrar una cuota significativa de CCSS, sin embargo, puede resultar en un estilo de CSS incorrecto si tu sitio usa un maquetador de páginas.

Esto integrará la biblioteca CSS asíncrona para evitar el bloqueo de renderizado.

Configura esto para añadir font-display a todas las reglas de @font-face antes de guardar en caché el CSS para especificar cómo deben mostrarse las fuentes mientras se descargan.
Se recomienda Swap.

Minimiza archivos JS y códigos JS integrados.

Combina todos los archivos JS locales en un único archivo. Cómo solucionar problemas causados por la optimización CSS/JS.
🚨 Esta opción puede resultar en un error de JS o un problema de diseño en las páginas de portada con ciertos temas/plugins. El error JS se puede encontrar en la consola de desarrollador del navegador haciendo clic derecho y eligiendo inspeccionar.

Incluye JS externo y JS integrado en un archivo combinado cuando Combinar JS también está activado. Esta opción ayuda a mantener las prioridades de ejecución de JS, que debería minimizar los errores potenciales causados por la combinación de JS.

Aplazar hasta que se analiza la página o retrasar hasta que la interacción pueda ayudar a reducir la contención de recursos y mejorar el rendimiento, lo que provoca un FID más bajo (métrica de Core Web Vitals). Leer más
Esto puede mejorar tu puntuación de velocidad en servicios como Pingdom, GTmetrix y PageSpeed. Leer más
🚨 Esta opción puede resultar en un error de JS o un problema de diseño en las páginas de portada con ciertos temas/plugins.

Minificar contenido HTML.

La precarga DNS puede reducir la latencia para los visitantes. Por ejemplo: //www.example.com Una por línea. Leer más

Activar ampliamente la precarga de DNS para las URLs del documento, incluyendo imágenes, CSS, JavaScript, etc. Esto puede mejorar la velocidad de carga de la página. Leer más

La preconexión acelera las cargas futuras desde un origen determinado. Por ejemplo: https://example.com Una por línea. Leer más

Retraso al mostrar los elementos HTML fuera de la pantalla por su selector. Una por línea. Leer más

Al minimizar HTML no descartes los comentarios que coincidan con un patrón especificado.
Si el comentario a conservar es como: <!-- A comment that needs to be here --> escribe: A comment that needs to be here
Una por línea.

Eliminar cadenas de consulta de recursos estáticos internos.
⚠️ Google reCAPTCHA se omitirá automáticamente.
API: Añade la cadena de consulta &_litespeed_rm_qs=0 a los recursos para evitar esta acción.

Utiliza la biblioteca del cargador de fuentes web para cargar asíncronamente Google Fonts, dejando el resto del CSS intacto. Esto también añadirá una preconexión a Google Fonts para establecer una conexión antes. Leer más

Evita que cargue Google Fonts en todas las páginas.

Deja de cargar los emojis de WordPress.org. En su lugar, se mostrarán los emoji por defecto del navegador. Esto puede mejorar tu puntuación de velocidad en servicios como Pingdom, GTmetrix y PageSpeed.

Esta opción eliminará todas las etiquetas <noscript> del HTML. Leer más

Cargar las imágenes sólo cuando entran en la ventana de visualización. Esto puede mejorar el tiempo de carga de la página reduciendo las peticiones HTTP iniciales.
💡 Añade estilos a tus imágenes de carga diferida

Especifica una imagen base64 que se usará como un sencillo marcador de posición mientras terminan de cargarse las imágenes.
Esto puede ser predefinido en wp-config.php así como usando las constantes LITESPEED_PLACEHOLDER, tomando prioridad con esta configuración.
Por defecto, se utilizará un marcador de posición de imagen gris data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=.
Por ejemplo, los data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 pueden usarse para un marcador de posición transparente.

Los marcadores de posición de imagen pueden ayudar a reducir la recolocación de la estructura cuando se cargan las imágenes. Esto generará el marcador de posición con las mismas dimensiones que la imagen si tiene los atributos de ancho y alto.

Especifica un SVG que se utilizará como marcador de posición al generar localmente. Se convertirá en un marcador de posición SVG base64 sobre la marcha.
Las variables {width} {height} serán reemplazadas por las correspondientes propiedades de la imagen.
Las variables {color} serán reemplazadas por el color de fondo configurado.
Valor por defecto: <svg xmlns="http://www.w3.org/2000/svg" width="{width}" height="{height}" viewBox="0 0 {width} {height}"><rect width="100%" height="100%" style="fill:{color};fill-opacity: 0.1;"/></svg>

Especifica el color del marcador de posición SVG adaptable. Valor por defecto: #cfd4db

Usa el servicio generador de marcadores de posición de imágenes de baja calidad (LQIP) de QUIC.cloud para obtener vistas previas de la imagen mientras se carga.
Mantén esto apagado para usar marcadores de posición de color. Leer más

Especifica la calidad al generar el LQIP.
Los números más grandes generarán un marcador de posición de mayor calidad de resolución, pero resultarán en archivos más grandes que aumentarán el tamaño de la página y consumirán más puntos. Valor por defecto: 4
Rango de valores: 1 - 20
💡 Los cambios en este ajuste no se aplican a los LQIP ya generados. Para regenerar los LQIP existentes, por favor, primero Purgar todo - Caché de LQIP desde el menú de la barra de administración.

No se enviarán peticiones de LQIP para imágenes en las que tanto el ancho como la altura sean menores que estas dimensiones. Valor por defecto: 150
Rango de valores: 10 - 800
Rango de valores: 10 - 800

Genera automáticamente LQIP en segundo plano mediante una cola basada en el programador de tareas. Si se establece a ON, antes de localizar el marcador de posición, se usará la configuración Marcador de posición SVG adaptable. Si se configura a OFF esto se hace en segundo plano, lo que puede ralentizar la carga de la página. Leer más

Cargar iframes sólo cuando entran en la ventana de visualización. Esto puede mejorar el tiempo de carga de la página reduciendo las peticiones HTTP iniciales.

Establece un ancho y alto explícitos en los elementos de la imagen para reducir los cambios de diseño y mejorar CLS (una métrica de Core Web Vitals). Leer más
⚠️ Nota: Retrasar la carga de imágenes debe estar activo para que este ajuste funcione.
API: Utiliza add_filter( "litespeed_media_ignore_remote_missing_sizes", "__return_true" ); para saltarte la comprobación de dimensión en imágenes remotas cuando la Añadir tamaños que faltan esté ACTIVA.

El ajuste de calidad de compresión de imágenes de WordPress, de 0 a 100. Valor por defecto: 82
Rango de valores: Más pequeño que 100

Reemplaza automáticamente imágenes grandes con versiones escaladas. Umbral de tamaño escalado: 2560px
API: Filtro big_image_size_threshold disponible para cambiar el umbral. Leer más
🚨 Esto es irreversible.

Cuando usas la carga diferida, se retrasa la carga de todas las imágenes de la página.
El servicio de viewport de imágenes detecta qué imágenes aparecen antes de hacer scroll y las excluye de la carga diferida.
Esto permite que la pantalla inicial de imágenes de la página se muestre completamente sin demora.

Activar el cron de generación automática del viewport de imágenes.

Las imágenes listadas no se cargarán de forma retrasada. Pueden utilizarse tanto URLs completas como cadenas parciales. Una por línea.
Útil para imágenes de la mitad superior de la página que causan CLS (una métrica de Core Web Vitals).
API: El filtro litespeed_media_lazy_img_excludes es compatible. Se excluirán los elementos con el atributo data-no-lazy="1" en código html.

Las imágenes que contengan estos nombres de clases no tendrán carga diferida. Se pueden usa cadenas parciales y completas. Una por línea.

Las imágenes que tengan estos nombres de clase de los padres no serán cargadas de forma diferida. Una por línea.

Los marcos que contengan estos nombres de clase no serán cargados de forma diferida. Se pueden usa cadenas parciales y completas. Una por línea.

Los iframes con estos nombres de clase padres no se cargarán de forma diferida. Una por línea.

Evita cualquier carga diferida de las páginas de la lista. Las URLs serán comparadas con la variable REQUEST_URI del servidor. Por ejemplo, para /mypath/mypage?aa=bb, se puede utilizar mypage?aa= aquí.
Para que coincida con el principio, añade ^ al comienzo del artículo. Para coincidencias exactas, añadir $ al final de la URL. Una por línea.

Estas imágenes no generarán LQIP. Pueden utilizarse tanto URLs completas como cadenas parciales.

Almacenar los gravatares localmente. Acelera la velocidad al almacenar en caché los gravatares (avatares reconocidos mundialmente).

Refrescar la caché de Gravatar por cron.

Especifica durante cuánto tiempo, en segundos, se almacenan en la caché los archivos de Gravatar. Valor por defecto: 604800
Rango de valores: Mayor que 3600

Localizar recursos externos. Leer más
🚨 Por favor, prueba a fondo todos los elementos en Archivos de idiomas para asegurar que funcionan como se espera.

Los recursos listados aquí se copiarán y reemplazarán con URL locales. Solo orígenes HTTPS. Una por línea.
Se admiten comentarios. Empieza una línea con un # para convertirla en una línea de comentario.
Ejemplo: https://www.example.com/one.js Leer más
🚨 Por favor, prueba a fondo cada archivo JS que añadas para asegurar que funcionan como se espera.

Los archivos JS listados o el código JS en línea se retrasarán. Pueden utilizarse tanto URLs completas como cadenas parciales. Una por línea.
API: El filtro litespeed_optm_js_delay_inc es compatible.

Los archivos JS de la lista o el código JS integrado no se minimizarán o combinarán. Pueden utilizarse tanto URLs completas como cadenas parciales. Una por línea.
API: El filtro litespeed_optimize_js_excludes es compatible. Se excluirán los elementos con el atributo data-no-optimize="1" en código html.
La lista predefinida también se combinará con los ajustes anteriores.: https://github.com/litespeedtech/lscache_wp/blob/dev/data/js_excludes.txt

Los archivos JS listados o el código JS integrado no serán aplazados ni diferidos. Pueden utilizarse tanto URLs completas como cadenas parciales. Una por línea.
API: El filtro litespeed_optm_js_defer_exc es compatible. Se excluirán los elementos con el atributo data-no-defer="1" en código html.
La lista predefinida también se combinará con los ajustes anteriores.: https://github.com/litespeedtech/lscache_wp/blob/dev/data/js_defer_excludes.txt

Los archivos JS listados o el código JS integrado no serán optimizados por Modo de invitado. Pueden utilizarse tanto URLs completas como cadenas parciales. Una por línea.
API: El filtro litespeed_optm_gm_js_exc es compatible. Se excluirán los elementos con el atributo data-no-defer="1" en código html.

Evitar cualquier optimización de las páginas listadas. Las URLs serán comparadas con la variable REQUEST_URI del servidor. Por ejemplo, para /mypath/mypage?aa=bb, se puede utilizar mypage?aa= aquí.
Para que coincida con el principio, añade ^ al comienzo del artículo. Para coincidencias exactas, añadir $ al final de la URL. Una por línea.
API: El filtro litespeed_optm_uri_exc es compatible.

Optimiza solo las páginas para visitantes invitados (no conectados). Si se desactiva, se duplicarán los archivos CSS/JS/CCSS por cada grupo de usuarios.

Los perfiles seleccionados serán excluidos de todas las optimizaciones.

Los archivos CSS de la lista o el código CSS integrado no se minimizarán o combinarán. Pueden utilizarse tanto URLs completas como cadenas parciales. Una por línea.
API: El filtro litespeed_optimize_css_excludes es compatible. Se excluirán los elementos con el atributo data-no-optimize="1" en código html.
La lista predefinida también se combinará con los ajustes anteriores: https://github.com/litespeedtech/lscache_wp/blob/dev/data/css_excludes.txt

Los archivos CSS listados se excluirán del CSS sin uso y guardados para que se incrusten. Pueden utilizarse tanto URLs completas como cadenas parciales. Una por línea.

Lista los selectores CSS cuyos estilos siempre deben incluirse en UCSS. Una por línea. Aprender más.
Compatibilidad con el comodín *. La lista predefinida también se combinará con los ajustes anteriores: https://github.com/litespeedtech/lscache_wp/blob/dev/data/ucss_whitelist.txt

Las URI listadas no generarán UCSS. Pueden utilizarse tanto URLs completas como cadenas parciales. Una por línea.
API: El filtro litespeed_ucss_exc es compatible.
API: Usa add_filter( 'litespeed_ucss_per_pagetype', function(){return get_post_type() == 'page';} ); para generar un único UCSS para las páginas cuyo tipo de página es page, mientras que los otros tipos de páginas se mantienen por URL.
API: Usa add_action( 'litespeed_optm', function(){get_post_type() == 'page' && do_action( 'litespeed_conf_force', 'optm-ucss', false );}); para omitir UCSS para las páginas cuyo tipo de página es page.

Lista tipos de contenido en los que cada elemento de ese tipo debería generar su propio CCSS. Por ejemplo, si todas las páginas del sitio tienen formato diferente introduce page en la caja. Los archivos CSS críticos distintos de cada página del sitio se almacenarán. Leer más

Separa archivos CSS críticos al generar las rutas que contengan estas cadenas. Las URLs serán comparadas con la variable REQUEST_URI del servidor. Por ejemplo, para /mypath/mypage?aa=bb, se puede utilizar mypage?aa= aquí.
Para que coincida con el principio, añade ^ al comienzo del artículo. Para coincidencias exactas, añadir $ al final de la URL. Una por línea.

Lista los selectores CSS cuyos estilos siempre deben incluirse en CCSS. Una por línea. Aprender más.
Compatibilidad con el comodín *. La lista predefinida también se combinará con los ajustes anteriores: https://github.com/litespeedtech/lscache_wp/blob/dev/data/ccss_whitelist.txt

Especifica reglas CSS críticas para contenido de la mitad superior de la página al activar Cargar CSS asíncronamente.