Primeros pasos con el optimizador de SiteSkyline
¡Bienvenido al Optimizador de SiteSkyline! Esta guía lo ayudará a instalar el complemento, configurar sus ajustes iniciales y comenzar a acelerar su sitio de WordPress o WooCommerce en solo unos minutos.
Antes de comenzar
Antes de instalar SiteSkyline Optimizer, asegúrese de que su sitio web cumpla con los siguientes requisitos:
- Un sitio web de WordPress autohospedado.
- Alojamiento compatible con una versión compatible de PHP.
Instalación
Siga estos sencillos pasos para instalar el complemento en su sitio web:
- Inicie sesión en su panel de WordPress.
- Navegue hasta el menú Complementos y haga clic Agregar nuevo.
- Buscar Optimizador de SiteSkyline.
- Hacer clic Instalar ahora y luego haga clic Activar una vez completada la instalación.
Configuración por primera vez
Una vez activado, puede acceder a todas las funciones a través del menú de configuración recién agregado.
- Vaya al menú Configuración en su panel de WordPress y busque las opciones del complemento.
- comenzar en el General pestaña para configurar los ajustes de velocidad principales.
- Revise las funciones disponibles para eliminar la hinchazón innecesaria del sitio, limpiar la salida de su cabeza y recortar funciones adicionales.
- Hacer clic Guardar cambios en la parte inferior de la página para aplicar su nueva configuración.
Tus primeros pasos
Ahora que su complemento está activo, intente explorar estas dos características clave para ver un aumento inmediato del rendimiento:
1. Acelere la entrega de páginas
- Navegue hasta el menú Configuración y seleccione el Caché de página pestaña.
- Alternar el Habilitar caché de página cambie para activar el almacenamiento en caché de páginas HTML estáticas.
- Configure sus preferencias de vencimiento y reglas de exclusión, luego haga clic en Guardar cambios.
2. Optimice sus imágenes
- Navegue hasta el menú Configuración y seleccione el WebP pestaña.
- Palanca Habilitar la conversión WebP para comenzar a convertir cargas pesadas de imágenes en formatos más ligeros y rápidos.
- Seleccione su método de conversión preferido y haga clic Conversión masiva para optimizar su biblioteca de imágenes existente.
Optimizar el panel
Qué hace
El Panel de Optimize le brinda una descripción general rápida del estado de rendimiento y del estado de la caché de su sitio. También proporciona activadores de optimización rápidos para que pueda mantener su sitio funcionando sin problemas.
Cómo usarlo
- Vaya a la sección Optimizar y seleccione la pestaña Optimizar.
- Vea el estado de rendimiento actual de su sitio.
- Haga clic en cualquiera de las acciones de optimización rápida para mejorar su sitio.
Settings & Options
| Configuración | Qué controla |
|---|---|
| No hay ajustes configurables disponibles | Este panel está diseñado para una visualización y activación rápidas de acciones de rendimiento en lugar de una configuración manual. |
Tips & Best Practices
- Consulte el Panel de Optimize con regularidad para mantenerse informado sobre el estado actual del rendimiento de su sitio.
- Utilice los activadores de optimización rápida siempre que desee realizar ajustes rápidos del rendimiento.
- Combine las revisiones de su panel con las funciones de administración de caché y administrador de activos para una rutina completa de velocidad del sitio.
Analizador de activos
Qué hace
El Analizador de activos le ayuda a examinar los scripts y estilos cargados en su sitio web. Al revisar los activos de estas páginas, puede identificar fácilmente nuevas oportunidades de optimización para su sitio.
Cómo usarlo
- Vaya a la sección Administrador de activos.
- Seleccione la pestaña Analizador.
- Ejecute el análisis de activos.
- Vea los archivos CSS y JavaScript cargados para cada página.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Ninguno | No hay ajustes configurables para esta función. |
Tips & Best Practices
- Ejecute escaneos periódicamente para realizar un seguimiento de los nuevos scripts y estilos agregados a sus páginas.
- Utilice los conocimientos obtenidos del análisis para detectar oportunidades de optimización.
- Revise sus archivos CSS y JavaScript cargados por página para comprender mejor el rendimiento de su sitio.
Reglas de activos
Qué hace
Configure reglas de carga condicional para scripts y estilos para quitar de la cola o deshabilitar recursos en páginas específicas o globalmente. Esto le ayuda a eliminar scripts y estilos no deseados de páginas específicas para reducir el peso de la página.
Cómo usarlo
- Vaya a la sección Administrador de activos y abra la pestaña Reglas.
- Agregue una nueva regla de activos.
- Seleccione los identificadores que desea desactivar.
- Guarde sus reglas de activos.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Reglas de retirada de activos | Especifique identificadores CSS o JS para deshabilitarlos globalmente o en URL/tipos de publicaciones específicos. |
Tips & Best Practices
- Utilice reglas de carga condicional para eliminar scripts y estilos no deseados de páginas específicas.
- Apunte a los activos que se deshabilitarán globalmente o en URL y tipos de publicaciones específicos para ayudar a reducir el peso de la página.
- Mantenga sus páginas funcionando de manera eficiente eliminando código innecesario donde no es necesario.
Media & Image Optimizer
Qué hace
The Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.
Cómo usarlo
- Vaya a la sección Medios y haga clic en la pestaña Imágenes.
- Cambie la configuración de carga diferida y configure los parámetros de optimización de su imagen.
- Haga clic en el botón Guardar para guardar la configuración de medios.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Carga diferida | Alterna la carga diferida nativa o basada en scripts para imágenes. |
| Precarga/prioridad de imagen LCP | Controle la prioridad de recuperación y la precarga de imágenes LCP en la mitad superior de la página. |
Tips & Best Practices
- Ajuste la configuración de carga y representación de imágenes para mejorar su pintura con contenido más grande (LCP).
- Utilice la configuración de carga diferida para elegir entre carga diferida nativa o basada en secuencias de comandos para sus imágenes.
- Configure la prioridad de recuperación y la precarga específicamente para sus imágenes de la mitad superior de la página.
Conversión de imágenes WebP
Qué hace
Convierta imágenes JPEG y PNG cargadas al moderno formato WebP para una entrega de imágenes más rápida. Esto ayuda a que su sitio web se cargue más rápido y brinda una experiencia más fluida a sus visitantes.
Cómo usarlo
- Vaya a la sección Medios y seleccione la pestaña WebP.
- Active la conversión automática para que las nuevas cargas se gestionen automáticamente o elija su modo de generación WebP preferido.
- Ejecute una conversión masiva para actualizar su biblioteca de imágenes existente.
- Haga clic en el botón Guardar para conservar su configuración WebP.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Modo de generación WebP | Elija su método de conversión, como GD, Imagick o reglas basadas en la nube/servidor. |
| Subidas de conversión automática | Genere automáticamente versiones WebP cada vez que se carguen nuevos medios en su sitio. |
Tips & Best Practices
- Habilite la conversión automática para ahorrar tiempo y no tener que convertir manualmente cada imagen nueva que cargue.
- Ejecute la herramienta de conversión masiva para actualizar rápidamente toda su biblioteca de imágenes existente de una sola vez.
- Experimente con los modos de generación disponibles para encontrar la opción que mejor se adapte a su entorno de servidor.
- Combine esta función con el optimizador de medios para garantizar que sus imágenes sean lo más rápidas y eficientes posible.
Generación de CSS crítico
Qué hace
La generación de CSS crítico ayuda a que sus páginas se carguen instantáneamente generando e incorporando CSS crítico en la mitad superior de la página. Este proceso elimina las hojas de estilo que bloquean el procesamiento para que los visitantes puedan ver su contenido de inmediato sin tener que esperar a que se descarguen las hojas de estilo completas.
Cómo usarlo
- Vaya a la sección Estilo y seleccione la pestaña CSS crítico.
- Elija su modo de generación preferido y configure si desea inyectar el CSS crítico directamente en sus páginas.
- Edite las reglas CSS críticas de respaldo si es necesario.
- Haga clic en el botón Guardar configuración de estilo para aplicar los cambios.
- Haga clic en el botón Generar CSS crítico para crear sus estilos críticos en la mitad superior de la página.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Modo de generación de CSS crítico | Configure la generación automática o la entrada CSS en línea manual por plantilla. |
| CSS crítico en línea | Alterna si CSS crítico se inyecta directamente en el encabezado HTML. |
Tips & Best Practices
- Configure sus reglas CSS críticas con cuidado para que las páginas se muestren instantáneamente para los visitantes sin demora.
- Utilice el modo de generación para cambiar entre la creación automatizada y la entrada manual según las necesidades de su plantilla.
- Recuerde guardar su configuración de estilo después de realizar cualquier ajuste en sus reglas o preferencias.
Anfitrión local de fuentes de Google
Qué hace
Descargue Google Fonts localmente y sírvalas desde su propio servidor para mejorar la privacidad y la velocidad. Esta función elimina las búsquedas de DNS externas en Google Fonts.
Cómo usarlo
- Vaya a la sección Estilo y abra la pestaña Fuentes.
- Activa o desactiva el alojamiento de fuentes locales de Google.
- Borre su caché de fuentes cuando sea necesario.
- Haga clic para guardar la configuración de fuente.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Fuentes de Google autohospedadas | Intercepte automáticamente las solicitudes de fuentes de Google, descargue archivos de fuentes localmente y reescriba CSS. |
| Precargar fuentes locales | Agregue encabezados de enlaces de precarga para archivos de fuentes alojados localmente. |
Tips & Best Practices
- Habilite el alojamiento de fuentes local para mejorar tanto la privacidad como la velocidad de carga de su sitio web.
- Utilice la opción de autohospedaje para interceptar automáticamente las solicitudes de fuentes de Google y descargar los archivos a su propio servidor.
- Active la precarga de fuentes para agregar encabezados de enlaces útiles para sus archivos de fuentes alojados localmente.
- Recuerde borrar su caché de fuentes después de realizar actualizaciones en la configuración de fuentes.
JavaScript Defer & Optimization
Qué hace
Posponga la ejecución de JavaScript, combine o retrase scripts y elimine jQuery Migrate. Esto ayuda a evitar que JavaScript bloquee la representación de la página y mejora el rendimiento de su sitio.
Cómo usarlo
- Ir al Sección de JavaScript y abre el pestaña JS.
- Cambie sus opciones de aplazamiento de JavaScript preferidas.
- Excluya del aplazamiento cualquier identificador de script específico si es necesario.
- Guarde su configuración de JavaScript.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Aplazar la ejecución de JS | Agrega atributos diferidos o asíncronos a etiquetas de script no críticas. |
| Eliminar jQuery Migrar | Elimina el script jquery-migrate innecesario. |
Tips & Best Practices
- Utilice el aplazamiento de secuencias de comandos para evitar que JavaScript bloquee la carga fluida del contenido de su página.
- Aproveche las exclusiones manteniendo identificadores de secuencias de comandos específicos fuera del proceso de aplazamiento si una secuencia de comandos requiere ejecución inmediata.
- Combine esta función con reglas de activos para obtener aún más control sobre cómo se cargan los scripts de su sitio.
Cache Management & Page Cache
Qué hace
Configure el almacenamiento en caché de páginas, la precarga de caché, las reglas de caducidad de caché y los patrones de exclusión. Esta función le permite ofrecer instantáneas HTML estáticas al instante a los visitantes.
Cómo usarlo
- Vaya a la sección Caché y seleccione la pestaña Caché.
- Cambie la configuración de caché de su página para habilitar el almacenamiento en caché de disco o de página avanzado.
- Establezca la duración de caducidad de su caché y defina los patrones de exclusión según sea necesario.
- Utilice las acciones disponibles para precargar el caché o purgarlo siempre que necesite actualizar su contenido.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Habilitar caché de página | Alternar el backend de almacenamiento en caché de disco o página avanzada. |
| Caducidad de caché / TTL | Establezca la duración del tiempo de vida de las páginas almacenadas en caché. |
| URL/cookies excluidas | Defina cadenas de consulta, cookies o rutas para omitir el caché. |
Tips & Best Practices
- Habilite el almacenamiento en caché de páginas para garantizar que sus visitantes reciban instantáneas HTML estáticas al instante para una experiencia de navegación más rápida.
- Limpie periódicamente su caché después de realizar actualizaciones importantes en su sitio para que los visitantes vean sus últimos cambios de inmediato.
- Utilice la precarga de caché para generar de forma proactiva páginas almacenadas en caché antes de que los visitantes las soliciten.
- Configure URL y cookies excluidas para páginas dinámicas o áreas de su sitio que nunca deberían mostrarse desde una instantánea almacenada en caché.
Reglas de almacenamiento en caché del navegador
Qué hace
Las reglas de almacenamiento en caché del navegador le permiten configurar encabezados de vencimiento, como Expires y Cache-Control, para sus activos estáticos. Esto ayuda a los visitantes que regresan a cargar su sitio web más rápido al extraer archivos estáticos directamente desde la memoria caché de su navegador local.
Cómo usarlo
- Ir al Cache sección y haga clic en el Caché del navegador pestaña.
- Configure los encabezados de almacenamiento en caché de su navegador y las reglas de caducidad para sus activos estáticos.
- Haga clic en el botón para generar y actualizar las reglas de caché de su navegador.
- Guarde la configuración de caché de su navegador para aplicar los cambios.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Encabezados de almacenamiento en caché del navegador | Agregue reglas de caducidad para CSS, JS, imágenes y fuentes en la configuración de su servidor. |
Tips & Best Practices
- Habilite las reglas de almacenamiento en caché del navegador para ayudar a los visitantes que regresan a cargar activos estáticos más rápido desde el caché de su navegador local.
- Utilice estas reglas para configurar correctamente los encabezados de caducidad como Expires y Cache-Control para sus archivos.
- Guarde y actualice periódicamente la configuración de almacenamiento en caché de su navegador cada vez que ajuste sus reglas de almacenamiento en caché.
Gestión de OPcache
Qué hace
Supervise y administre el estado de PHP OPcache y el restablecimiento de la caché. Vea métricas de rendimiento y mantenga su sitio funcionando sin problemas.
Cómo usarlo
- Vaya a la sección Caché y seleccione la pestaña OPcache.
- Revise su consumo de memoria actual, tasa de aciertos y recuento de scripts en caché.
- Haga clic en el botón para actualizar sus estadísticas de estado cada vez que necesite información actualizada.
- Haga clic en el botón para restablecer su OPcache cuando sea necesario.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Vista de configuración de OPcache | Vea el consumo de memoria, la tasa de aciertos y el recuento de scripts en caché. |
Tips & Best Practices
- Verifique periódicamente las métricas de rendimiento de su caché para asegurarse de que su sitio esté funcionando de manera eficiente.
- Actualice sus estadísticas de estado para ver la información de rendimiento más actualizada.
- Restablezca su OPcache siempre que necesite borrar los scripts almacenados y aplicar actualizaciones.
Administrador de funciones principales de WordPress
Qué hace
El Administrador de funciones principales de WordPress lo ayuda a desactivar las funciones principales, la hinchazón y la telemetría no deseadas de WordPress. Le permite limpiar el encabezado de su sitio y reducir la superficie de ataque de su sitio desactivando funciones integradas innecesarias.
Cómo usarlo
- Navegue a la sección Administrador de funciones y seleccione la pestaña WordPress.
- Active los interruptores de funciones principales para los elementos que desea desactivar.
- Guarde la configuración principal de WordPress para aplicar los cambios.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Desactivar emojis | Elimine los scripts y estilos de emoji de WordPress del encabezado. |
| Deshabilitar incrustaciones | Deshabilite los enlaces de descubrimiento de oEmbed y los puntos finales de inserción de API REST. |
| Deshabilitar XML-RPC | Cierre las solicitudes del protocolo XML-RPC. |
| Deshabilitar fuentes RSS | Elimine los enlaces de fuentes y deshabilite la generación de fuentes. |
Tips & Best Practices
- Revise los requisitos de su sitio antes de deshabilitar funciones para asegurarse de no desactivar la funcionalidad de la que dependen sus visitantes o integraciones.
- Deshabilitar funciones no utilizadas como XML-RPC e incrustaciones es una excelente manera de ayudar a reducir la superficie de ataque de su sitio.
- Desactivar scripts innecesarios como emojis ayuda a limpiar el encabezado de su sitio para una configuración más ágil.
WooCommerce Store Modes & Cleanup
Qué hace
Optimice WooCommerce deshabilitando las funciones, los scripts y la hinchazón de la tienda que no se utilizan. Esta función ayuda a evitar que se carguen elementos innecesarios en páginas donde no son necesarios.
Cómo usarlo
- Vaya a la sección Administrador de funciones.
- Seleccione WooCommerce, luego abra la pestaña Modos.
- Cambie los interruptores de funciones de WooCommerce como desee.
- Guarde la configuración del modo WooCommerce.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Deshabilitar fragmentos de carrito | Deshabilite las solicitudes AJAX de wc-cart-fragments en páginas que no sean de tienda. |
| Disable WooCommerce Styles & Scripts | Descargue CSS/JS de la interfaz de WooCommerce en páginas que no sean de tienda. |
| Deshabilitar las marcas de WooCommerce | Elimine el paquete/extensión de WooCommerce Brands. |
Tips & Best Practices
- Alterne las optimizaciones de WooCommerce en toda la tienda para evitar que se carguen fragmentos del carrito en publicaciones de blog o páginas estáticas.
- Evite que los scripts de la tienda se carguen en páginas que no los necesitan para mantener su sitio funcionando sin problemas.
- Revise su configuración después de realizar cambios para asegurarse de que las páginas de su tienda se muestren correctamente.
Administrador de activos de WooCommerce
Qué hace
WooCommerce Asset Manager le permite controlar la carga de scripts y hojas de estilo específicos de WooCommerce en las páginas de su tienda. Puede ajustar qué activos de WooCommerce se cargan en páginas específicas para ayudar a optimizar su tienda.
Cómo usarlo
- Vaya a la sección Administrador de funciones.
- Seleccione la opción WooCommerce y haga clic en la pestaña Activos.
- Configure sus reglas de carga de activos de WooCommerce.
- Haga clic en el botón Guardar para almacenar sus reglas de activos.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Reglas de activos de WooCommerce | Deshabilita condicionalmente scripts y controladores de estilo específicos de WooCommerce. |
Tips & Best Practices
- Revise las páginas de su tienda después de actualizar las reglas de sus activos para asegurarse de que todo se muestre y funcione correctamente.
- Desactive únicamente los scripts y las hojas de estilo que esté seguro de que no son necesarios en páginas específicas.
- Tómese su tiempo al configurar reglas para que su tienda funcione sin problemas.
Tareas programadas de WooCommerce (Cron)
Qué hace
Administre y optimice las tareas programadas en segundo plano y las colas del programador de acciones de WooCommerce. Revise las colas de tareas en segundo plano de WooCommerce y limpie los registros antiguos del programador de acciones para que su tienda funcione sin problemas.
Cómo usarlo
- Vaya a la sección Administrador de funciones, seleccione WooCommercey abre el Tareas programadas pestaña.
- Revise sus colas de tareas en segundo plano y configure sus preferencias.
- Ejecute acciones pendientes manualmente o elimine registros de acciones completadas según sea necesario.
- Haga clic en Guardar configuración cron para aplicar los cambios.
Settings & Options
| Configuración | Qué controla |
|---|---|
| Ajuste del programador de acciones | Configure el tamaño del lote y el período de retención para acciones completadas/fallidas. |
Tips & Best Practices
- Limpie periódicamente los registros antiguos del programador de acciones eliminando los registros de acciones completados para mantener su sistema organizado.
- Utilice ejecuciones manuales para acciones pendientes cuando necesite procesar tareas en segundo plano de inmediato.
- Ajuste la configuración de Ajuste del Programador de acciones para optimizar cómo se manejan los tamaños de lote y los períodos de retención en su tienda.
Control de hinchazón del administrador de WooCommerce
Deshabilite los widgets del panel de administración, los informes analíticos y las notificaciones de marketing de WooCommerce.
Optimizador de correo electrónico de WooCommerce
Optimice los correos electrónicos transaccionales de WooCommerce y desactive los activadores de correo electrónico innecesarios.