Fuente Squirrel (Gratis)
https://www.fontsquirrel.com/tools/webfont-generator
Generador de fuentes web optimizado para un rendimiento granular. Esto puede reducir significativamente el tamaño de tus fuentes alojadas localmente. Lo recomiendo ampliamente.
Font Squirrel se puede usar con cualquier fuente alojada localmente y complementa los demás plugins mencionados aquí. Puedes usarlos juntos.
Muy similar al subconjunto. Recomiendo usar ambos.
Visualización de fuentes (gratis)
Cómo funcionan las propiedades de visualización de fuentes
Cargador WP FOFT (gratis)
Este complemento implementa y automatiza “FOFT crítico con precarga, con un respaldo de polyfill que emula font-display: opcional” de Zach Leatherman para optimizar y acelerar la carga de fuentes web y mejorar la experiencia del usuario al minimizar el destello de texto invisible, el destello de texto sin estilo y el reflujo del DOM.
Artículo
Limpieza de activos (gratis)
Se pueden aplicar propiedades de visualización de fuentes tanto a fuentes alojadas localmente como a fuentes de Google.
OMGF (Gratis y Pro)
Buscador de estilos de fuente (gratis)
https://meowni.ca/font-style-matcher
Si usas una fuente web, es probable que veas un destello de texto sin estilo (o FOUC) entre la representación inicial de tu fuente web segura y la fuente web que elegiste. Esto suele provocar un cambio brusco en el diseño debido a las diferencias de tamaño entre ambas fuentes. Para minimizar esta discrepancia, puedes intentar que la altura y el ancho de la x de la fuente de respaldo coincidan con los de la fuente web deseada. Esta herramienta te ayuda a lograr precisamente eso.
Artículo
https://blog.hubspot.com/website/web-safe-html-css-fonts
FontForge (Gratis)
Eliminar glifos innecesarios para disminuir el peso de la fuente (gratis)
FontForge es un software gratuito y de código abierto que te permite explorar archivos de fuentes. Al eliminar glifos innecesarios, podemos reducir el tamaño de nuestras fuentes entre un 80 % y un 90 %.
Optimizar glifos de fuentes (gratis)
Simplificar el diseño de los glifos en la fuente también puede reducir el tamaño del archivo. Esto implica eliminar puntos innecesarios en los contornos de los glifos sin comprometer el diseño.
Eliminar características de fuente para reducir el tamaño del archivo
Ajustar las configuraciones de fuentes como el ajuste de indirectas, pares de kerning y ligaduras puede ser una forma de optimizar el tamaño de archivo de sus fuentes, pero estos ajustes a menudo implican compensaciones en términos de apariencia y funcionalidad del texto.
Eliminar sugerencias de fuentes (gratis)
El hilado es una técnica que se utiliza para mejorar la legibilidad de fuentes pequeñas en pantallas digitales. Ajusta el contorno de la fuente para alinearse mejor con la cuadrícula de píxeles.
Impacto de la eliminación : eliminar las sugerencias puede reducir el tamaño del archivo, pero puede hacer que la fuente se vea peor en pantallas de baja resolución donde la representación de la fuente depende de las sugerencias para lograr claridad.
Pares de kerning (gratis)
El kerning implica ajustar el espaciado entre pares específicos de caracteres para que parezca más uniforme. Esto es especialmente importante para ciertas combinaciones de caracteres donde el espaciado predeterminado resulta extraño.
Impacto de la eliminación : eliminar o reducir la cantidad de pares de kerning puede disminuir el tamaño del archivo de fuente, pero puede generar un espaciado desigual de los caracteres que puede afectar la legibilidad y la estética.
Ligaduras (Gratis)
Las ligaduras son glifos individuales que representan una combinación de dos o más caracteres, comúnmente utilizados para pares de caracteres como ‘fi’, ‘fl’, etc.
Impacto de la eliminación : omitir ligaduras puede reducir el tamaño del archivo y simplificar la fuente, pero puede degradar la calidad tipográfica del texto, especialmente en impresiones o pantallas de alta resolución.
Optimización de bases de datos
Realice siempre copias de seguridad antes de implementar cualquier optimización de la base de datos.
Deshabilitar opciones innecesarias de base de datos de carga automática
Deshabilitar las opciones innecesarias de la base de datos autocargada es una excelente manera de mejorar el rendimiento al eliminar la sobrecarga y el peso muerto. Muchas opciones de plugins no necesitan autocargarse y se pueden configurar de forma segura para que no se autocarguen.
SIN EMBARGO, desactivar ciertas opciones de carga automática en muchos plugins puede dañar tu sitio. Realiza siempre una copia de seguridad de la base de datos antes de cambiar estas configuraciones. Generalmente, deberías poder restablecer la opción de carga automática si alguna función falla, pero como práctica recomendada, siempre se recomienda realizar una copia de seguridad de la base de datos antes de cambiar nada, por si acaso. En raras ocasiones, es posible que se bloquee por completo el acceso al backend de WP-Admin debido a un error crítico causado por desactivar una opción de carga automática.
SweepPress (Gratis)
Administrador de opciones de carga automática y limpiador de bases de datos con 43 elementos limpios. Muy útil.
Optimizador de opciones AAA (gratis)
Este complemento rastrea las opciones de carga automática que se utilizan en una página y almacena esos datos al final de la visualización. Mantiene un conjunto de opciones que ha detectado como utilizadas. En la página de administración, compara todas las opciones de carga automática con el conjunto de opciones almacenadas y muestra las opciones de carga automática que no se han utilizado mientras navegaba por el sitio.
Si ha visitado todas las páginas de su sitio o ha mantenido el complemento durante una semana aproximadamente, esto significa que probablemente no sea necesario cargar automáticamente esas opciones.
Comprobador de carga automática (gratis)
El Comprobador de Carga Automática te ayuda a monitorear el tamaño total de los datos cargados automáticamente en la tabla wp_options de tu base de datos. Los datos cargados automáticamente se cargan con cada carga de página, independientemente de si son necesarios o no. Esto puede afectar el rendimiento y la velocidad de tu sitio, especialmente si tienes muchos plugins instalados.
El Verificador de Carga Automática no elimina los datos de carga automática de tu base de datos; solo verifica el estado y lo muestra en tu panel de WordPress. Puedes ver el tamaño total de los datos de carga automática, así como las entradas más importantes ordenadas por tamaño. Esto te ayuda a identificar qué plugins o temas añaden más datos de carga automática a tu base de datos y a decidir si necesitas optimizarlos.
Limpiador de bases de datos (gratis)
Otra opción gratuita para administrar el estado de carga automática de las opciones de la base de datos.
Limpiador de bases de datos avanzado (freemium)
Complemento de gestión de bases de datos interesante.
Limpiadores de bases de datos
SweepPress (Gratis)
Limpiador de bases de datos con 43 elementos separados limpiados. Muy útil.
WP-Sweep (Gratis)
Limpiador de bases de datos avanzado (freemium)
Versión gratuita:
Versión Pro de pago
https://sigmaplugin.com/downloads/wordpress-advanced-database-cleaner/ .
Es importante revisar y eliminar todas las opciones innecesarias que puedas. Estas opciones de base de datos se acumulan con el tiempo al eliminar plugins y al cambiar de tema, lo que puede ralentizar tu sitio web sin que te des cuenta. Si instalas un plugin y luego lo desinstalas, elimina siempre las tablas y opciones restantes con Advanced Database Cleaner Pro u otro plugin de limpieza de bases de datos.
Algunos plugins crean muchísimas tablas y opciones de base de datos; deberías evitarlos (por ejemplo, los plugins de Sumo). Busca el menor impacto posible en la base de datos, por lo que es mejor realizar menos consultas. Esto es importante para el rendimiento del almacenamiento en caché de objetos (Redis, Docket Cache, Memcached, etc.).
Los complementos mejor optimizados realizarán menos llamadas a la base de datos. Además, configure cualquier elemento que no deba cargarse automáticamente como «no cargar automáticamente» mediante el limpiador avanzado de la base de datos u otro complemento.
Muchos plugins cargan automáticamente datos innecesarios al cargar cada página, por lo que deshabilitar la carga automática debería mejorar la velocidad de tu sitio. Solo asegúrate de realizar pruebas de errores en tu sitio para asegurarte de que las entradas que has deshabilitado no causen problemas con las funciones del plugin.
Análisis y diagnóstico de consultas de bases de datos
Monitor de consultas (gratis)
Utilice Query Monitor para depurar e identificar complementos que tienen consultas de base de datos lentas.
Es una de las mejores herramientas para diagnosticar problemas de rendimiento. Una vez identificados los plugins con consultas lentas, puedes buscar plugins alternativos con la misma funcionalidad, pero más eficientes y rápidos.
Complementos (gratis)
https://querymonitor.com/help/add-on-plugins
Colección de complementos de Query Monitor para ampliar la funcionalidad de Query Monitor.
Registrador de consultas fluido (gratuito)
Registrador de consultas con funcionalidad de registro selectivo.
Indexación de bases de datos
No deberías usar Index MySQL for Speed y Scalability Pro juntos. Elige uno u otro.
Índice WP MySQL para velocidad (gratis)
(Innecesario si utiliza Scalability Pro)
Índice de usuarios de WP para mayor velocidad (gratis)
Este complemento acelera la gestión de sus usuarios registrados de WordPress, especialmente cuando su sitio tiene miles de ellos.
Este complemento crea índices separados que Index MySQL for Speed no indexa. No recomiendo usar este complemento junto con Scalability Pro. Si adquiere Scalability Pro, no use ninguno de los otros complementos de indexación de bases de datos mencionados.
No deje activo «Index WP Users For Speed» después de agregar los índices, ya que genera muchas llamadas innecesarias a la base de datos cada vez que se carga una página, lo que probablemente afectará negativamente la velocidad de su sitio. Una vez agregados los índices, puede desactivar el plugin sin problemas.
Escalabilidad Pro (Pago)
https://www.wpintense.com/product/scalability-pro
Útil en prácticamente cualquier sitio, pero especialmente para tiendas WooCommerce. Si tu sitio usa WooCommerce, te recomiendo encarecidamente que elijas Scalability Pro en lugar de Index MySQL For Speed si te lo puedes permitir, ya que añade índices a las tablas de WooCommerce (lamentablemente, Index MySQL For Speed no lo hace).
———————————
Meta Optimizer (gratis)
Este plugin optimiza el almacenamiento de metadatos de WordPress guardando todos los metadatos de cada publicación, comentario, usuario o término en una sola fila con columnas separadas para cada metaclave. Esto reduce el número de filas y mejora el rendimiento de las consultas y la exportación de datos.Convierte tablas myISAM a InnoDB.
Optimizador de Templ (gratis)
Convierte automáticamente tablas myISAM a tablas InnoDB, que ofrecen un mayor rendimiento. La gran mayoría de los sitios de WordPress ya utilizan tablas InnoDB, pero este plugin es útil para sitios antiguos que aún utilizan myISAM.
Administrador de transitorios (gratis)
Administrar los transitorios de WordPress almacenados en la base de datos.
Eliminar transitorios caducados (gratis)
Elimine los transitorios antiguos y vencidos de la tabla de opciones de WordPress (wp_options) para evitar que inflen su base de datos y ralenticen su sitio web.
Deshabilitar la API WP Rest (gratis)
Desactiva la API Rest.
Analítica
Retrasar el análisis de Javascript afectará sus métricas
Recomiendo retrasar todos los scripts de análisis para mitigar su impacto en el rendimiento. Las plataformas de análisis funcionan con JavaScript, que consume mucho rendimiento y reduce considerablemente la velocidad de la página. Aplazar la ejecución de JavaScript solo lo mitiga ligeramente; para eliminar por completo el impacto en el rendimiento, es necesario retrasar la descarga de JavaScript hasta la interacción del usuario.
Retrasar el análisis de JavaScript distorsionará sus datos. Una compensación por mantener el rendimiento. Los datos recopilados no serán 100 % precisos si el JavaScript se retrasa, y el tráfico podría ser mayor que el que indican los datos recopilados. Lo importante son las conversiones, no las estadísticas. Un aumento en las conversiones con datos más difusos es obvio.
Análisis local autoalojado
Análisis de Matomo (Freemium)
Matomo es un excelente plugin de análisis de código abierto y gratuito. Sin necesidad de complementos, ofrece funcionalidades equivalentes a las de Google Analytics. Permite alojar localmente los análisis de Matomo sin necesidad de compartirlos con un servicio de terceros, lo cual es fundamental para el RGPD. Además, los análisis serán más precisos que los de Google Analytics.
Recomiendo elegir Matomo en lugar de Google Analytics, aunque puedes usar ambos simultáneamente si lo deseas.
Mejoramiento
Retrasa Matomo.js en tu complemento de retraso de JavaScript para mitigar su impacto en el rendimiento
Koko Analytics (gratis)
Análisis ligeros alojados localmente. Estadísticas muy básicas. Recomiendo Matomo en lugar de Koko Analytics para obtener datos más detallados, pero ambas son buenas soluciones alojadas localmente.
Análisis de carga diferida
Análisis verdaderamente perezoso (gratis)
Este complemento permite la carga diferida para Google Analytics, Facebook Pixel, Hotjar, Yandex Metrica (Yandex Metrika) y el contador Liveinternet.
Claridad de carga diferida (gratis)
Carga diferida del script de seguimiento de Microsoft Clarity
Mapas de calor y mapas de clics
Microsoft Clarity (gratis)
Microsoft Clarity es un reemplazo directo de Hotjar para recopilar análisis de clics y desplazamientos (mapas de calor, mapas de desplazamiento, mapas de clics, clics de ira, etc.), así como grabación de sesiones y algunas otras funciones interesantes, ¡ completamente gratis !
Microsoft Clarity es mejor y tiene más funciones que Aurora Heatmaps, pero necesitas crear una cuenta (gratuita). Sin compromiso, es totalmente gratis.
Carga diferida de Microsoft Clarity (gratis)
El complemento Lazy Load Clarity es un complemento simple que le permite cargar su script de Microsoft Clarity sin afectar la velocidad de la página de su sitio web.
El script se cargará solo después de una interacción inicial por parte del usuario, reduciendo así el impacto en la velocidad de la página de Clarity a cero.
Mapa de calor de la aurora (gratis)
Pequeño y ordenado complemento gratuito, mapas de calor y mapas de clics, todos recopilados y almacenados localmente en su servidor web.
Grabación de sesión
Microsoft Clarity (gratis)
Pruebas A/B
Mojito (Gratis)
https://github.com/mint-metrics/mojito
https://github.com/mint-metrics/mojito-js-delivery
Mojito es un kit de herramientas de código abierto increíblemente potente para pruebas A/B con un peso de archivo JS de tan solo 5 KB. Es la forma más rápida y eficaz de ejecutar pruebas A/B basadas en JavaScript. Incluso se puede integrar con Google Optimize para ver los datos en la interfaz web de Google.
NOTA
A primera vista, Mojito puede parecer muerto debido a la inactividad en el repositorio de nivel superior, pero sus repositorios de dependencia (y, por lo tanto, el proyecto) aún están en desarrollo activo.
No demore el archivo JS de Mojito
Nota: No retrases la carga del archivo JS de Mojito. Debe cargarse sin demora para determinar correctamente qué variante de página mostrar.
Google Analytics
Cómo mitigar el impacto en el rendimiento de Google Analytics
Análisis de retrasos en Javascript
Lista de archivos Javascript para retrasar (puede copiar y pegar esta lista):
gtag.js
gtag.min.js
análisis.min.js
google-analytics.com
Georgia
/gtag/js
etiqueta g(
/gtm.js
/gtm-
gtm.js
etiqueta gtag
googletagmanager.com
Hospedar localmente Google Analytics
Además de retrasar los archivos JavaScript de análisis, también deberías alojarlos localmente. A continuación, se muestran un par de complementos que permiten alojar localmente los archivos de análisis, aunque muchos otros también ofrecen esta función.
Análisis autoalojado de Rankmath (de pago)
Rankmath ofrece seguimiento sin cookies y alojamiento local de Google Analytics como opciones en la versión pro. Siempre debe alojar el archivo de análisis localmente.
Su opción de seguimiento sin cookies significa que puede eliminar por completo o ignorar cualquier complemento de cumplimiento de GDPR relacionado con las cookies, ¡ya que ya no está rastreando a los usuarios con cookies!
CAOS (Gratis)
Si utiliza algún análisis de seguimiento o alguna etiqueta (¡debería hacerlo!), utilice el análisis CAOS para alojar gtag.js localmente y así anular el impacto que tienen en el rendimiento de su sitio.
El valor de la cookie dependerá exclusivamente de las leyes de las áreas en las que se encuentran sus clientes, por lo que debe tener en cuenta las leyes de privacidad locales.
Administrador de etiquetas de Google
https://tagmanager.google.com/#/home
Usa Google Tag Manager para añadir etiquetas de seguimiento de terceros. Nunca uses plugins de seguimiento adicionales. Una vez que hayas configurado todas tus etiquetas con Tag Manager, usa CAOS para descargar gtag.js. Todas tus etiquetas de seguimiento deberían funcionar mediante ese único archivo, lo que reducirá las solicitudes y acelerará los tiempos de carga. Muchos sitios web presentan mucha latencia debido a implementaciones deficientes de las etiquetas de seguimiento.
GTM del lado del servidor (gratis)
Google Tag Manager se puede implementar del lado del servidor, lo que elimina su biblioteca js y mejora el rendimiento.
Artículo de Stape
https://stape.io/blog/what-is-google-tag-manager-server-side-tracking
Kit GTM (gratis)
Complemento gratuito de alojamiento local de Google Tag Manager, capaz de cargar scripts de Tag Manager con un retraso para eliminar el impacto en el rendimiento de Tag Manager.
Mejoramiento
Consulta la sección anterior para optimizar Google Analytics. Puedes retrasar los mismos archivos JS. Simplemente copia y pega la lista en la lista de scripts de tu plugin de retraso de JavaScript.
Klaviyo (Pagado)
Retraso de Klaviyo Javascript
Klaviyo no tiene una solución de carga diferida, sin embargo, los archivos Javascript de Klaviyo se pueden retrasar utilizando cualquier complemento con una función de retraso de JS, incluidos los que se enumeran a continuación.
Otras plataformas de análisis
El impacto en el rendimiento de otros proveedores/plataformas de análisis se puede contrarrestar simplemente retrasando sus archivos javascript con la función Delay JS de cualquier complemento de optimización.
Retrasar Javascript
Lo mismo ocurre con todos los complementos de análisis: todos usan JavaScript para calcular los análisis. Retrasa los archivos o dominios de análisis para evitar que se carguen hasta la interacción del usuario y así mitigar su impacto en el rendimiento.
Inserción de servidor HTTP
Artículo de la revista Smashing
https://www.smashingmagazine.com/2017/04/guide-http2-server-push
Contenido HTTP Push (Gratis)
- Empujar/precargar todos los archivos JS en el sitio con una opción simple
- Empujar/Precargar todos los archivos CSS en su sitio web
- Empujar/precargar otros recursos en todo el sitio o en función de los tipos de página
- Cargar CSS de forma asincrónica o eliminar cualquier archivo CSS en todo el sitio, o hay un selector condicional que puede aplicar
- Async / Defer / Eliminar cualquier archivo JS en todo el sitio o según el tipo de página de WordPress
- Puede crear una regla específica del dispositivo móvil para enviar, precargar, eliminar, asincrónico js o css, esto funciona según la detección del agente de usuario del dispositivo.
- Puede crear una regla específica del dispositivo de escritorio para enviar, precargar, eliminar, async js o css, esto funciona según la detección del agente de usuario del dispositivo.
- Elimine condicionalmente JS y CSS de varias páginas de WooCommerce, como la página de pago, la página del carrito, la página del producto y la página de categoría del producto.
- Puede enviar recursos de precarga específicos a algunas páginas mediante su ID
- Eliminar CSS, JS específicos de la página o publicación por su ID
Eliminar CSS y JS en línea mediante el ID de recurso HTTP
¡Optimiza más! (Gratis)
Tiene la capacidad de eliminar estilos CSS en línea y archivos JavaScript en línea de forma selectiva por página.
Sugerencias de recursos
Consejos para el navegador antes de la fiesta (gratis)
Este complemento permite a los usuarios incorporar de forma automática y sencilla sugerencias de recursos para mejorar el tiempo de carga de la página.
Sugerencias de recursos incluidas: se admiten funciones de precarga, preprocesamiento, preconexión, precarga y precarga de DNS.
Limpiar tipos de publicaciones personalizadas no utilizadas
Limpieza de tipos de publicaciones personalizadas (gratis)
Limpie los tipos de publicaciones personalizados no utilizados para mejorar el rendimiento de la base de datos.
Reducir las solicitudes HTTP
Inspeccionar solicitudes HTTP (gratis)
Monitorea todas las solicitudes HTTP realizadas mediante los métodos HTTP de WP (wp_remote_get y wp_remote_post). Bloquea cualquier solicitud con solo un clic.
También rastrea cuánto tiempo toma una solicitud como actualizar el núcleo/complemento/tema.
Administrador de solicitudes HTTP (gratuito)
Evite que las solicitudes HTTP de WP ralenticen su sitio web de WordPress y su interfaz de administración.
El plugin Administrador de Solicitudes HTTP registrará todas las solicitudes HTTP de WP y el tiempo que tarda cada una. Si hay varias solicitudes por página, se agruparán por colores.
Ayuda a prevenir la ralentización del sitio web mediante:
- Establece el tiempo de espera de la solicitud en 2 segundos. El valor predeterminado es 5.
- Limita el número de solicitudes por página a 3. El valor predeterminado es ilimitado.
- Limitar la solicitud HTTP de WP si el tiempo de carga de la página es superior a 3 segundos. El valor predeterminado es ilimitado.
- Opción para bloquear todas las solicitudes externas o permitir solo solicitudes a wordpress.org para actualizaciones de complementos, temas y núcleo.
oyentes pasivos
Helper Lite para Pagespeed (gratis)
Elimina la advertencia de escuchas pasivas en las pruebas de PageSpeed y mejora las puntuaciones. No se ha actualizado en más de un año. ¡Pruébalo en la prueba antes de activar este plugin en un sitio web en producción!
¡Optimiza más! (Gratis)
Función para eliminar la advertencia de oyentes pasivos
Reducir el uso de Ajax por parte del administrador
Diagnóstico del alto uso de admin-ajax:
https://koerge.com/learn/wordpress-admin-ajax-php-error
Registro de uso de Ajax
Registro de Amuga Ajax (gratis)
Amuga Ajax Log rastrea y registra las acciones que afectan a admin-ajax
- Nombre de la acción solicitada
- Posible nombre de función o método
- Ubicación sospechosa
- Página que desencadenó el impacto
Nota: Déjelo activo solo al momento de diagnosticar, desactívelo después de su uso para eliminar su impacto en el rendimiento.
Control del latido del corazón
Control dinámico de latidos del frontend (gratis)
La API Heartbeat de WordPress proporciona comunicación en tiempo real entre el servidor y el navegador al iniciar sesión en el panel de administración de WordPress. Utiliza el archivo /wp-admin/admin-ajax.php para ejecutar llamadas AJAX desde el navegador. Por defecto, las solicitudes AJAX se envían cada 15 segundos en las páginas de edición de entradas y cada 60 segundos en el panel de control.
Casi todos los complementos de optimización pagos también tienen una función para controlar el ritmo cardíaco de WordPress.
Solicitudes Ajax en caché
Eliminación de la caché de cookies para almacenar en caché contenido dinámico de Ajax
Rendimiento rápido
https://swiftPerformance.io/blog/how-to-cache-ajax-get-requests-with-swift-Performance-pro
Swift Performance Lite (gratis)
La versión Lite permite almacenar en caché las solicitudes Ajax. Esta es probablemente la forma más sencilla de hacerlo.
Caché de superpáginas de Cloudflare (gratuito)
Además de Varnish (o Swift Performance si lo usas), Cloudflare Super Page Cache puede almacenar en caché solicitudes GET de Ajax (no solicitudes POST, lamentablemente)
Desmarque la casilla “No almacenar en caché contenido dinámico” titulada “Solicitudes Ajax”.
Limitaciones de Cloudflare
Si las solicitudes Ajax provienen de un complemento que utiliza Ajax Nonces, la página/ajax no podrá almacenarse en caché (cuando se utiliza Cloudflare Super Page Cache*).
Vea la explicación del desarrollador aquí:
https://wordpress.org/support/topic/how-to-correctly-cache-or-bypass-ajax-requests
Controlar trabajos cron de WP
Programador Cron avanzado (gratuito)
Gestor de cronjobs avanzado y ligero
WP Crontrol (Gratis)
WP Crontrol le permite ver y controlar lo que sucede en el sistema WP-Cron.
Registro de cron (gratis)
Este complemento le ayudará a identificar qué Cronjobs (si hay alguno) son problemáticos.
Crear trabajos cron del servidor/sistema y deshabilitar WP Cron (gratis)
Desactivar pingbacks (gratis)
Un pingback es un comentario automático que se crea cuando otro blog enlaza al tuyo. También existen pingbacks automáticos que se crean al enlazar un artículo dentro de tu propio blog.
A algunas personas realmente les gusta que WordPress envíe pings desde su propio sitio a su propio sitio cuando escribe publicaciones; les da un rastro de publicaciones relacionadas.
A algunas personas no les gusta este comportamiento porque congestiona sus comentarios.
Este complemento deshabilita el ping dentro del blog.
Deshabilitar la hinchazón
Unbloater (Gratis)
Algunas características de desbloat únicas que otros complementos no tienen, incluyen:
- Eliminar la precarga de DNS a sworg
- Cargar el script de comentarios solo cuando sea necesario
- Eliminar comentarios recientes en estilo en línea
- Evitar la vinculación automática de URL en los comentarios
- Normalizar favicon
- Normalizar el título del logotipo de inicio de sesión
- Normalizar la URL del logotipo de inicio de sesión
- Deshabilitar el selector de idioma de inicio de sesión
WP Control (Gratis)
Kit de herramientas gratuito para desbloat. Incluye algunas opciones para deshabilitar funciones que no se encuentran en los otros complementos de esta sección.
Desactivar Bloat para WordPress y WooCommerce (Gratis)
Excelente plugin con muchas funciones de desbloat para WooCommerce y WordPress. Las opciones «pro» de pago se pueden conseguir con otros plugins gratuitos. No hay razón para comprar la versión pro del plugin. Es completamente innecesaria.
Deshabilitar comentarios
Desactivar comentarios (gratis)
Deshabilitar comentarios en todo el sitio
Kits de herramientas de optimización
Estos son kits de herramientas de optimización con muchas funciones adicionales a los complementos incluidos en esta guía. Todos los complementos mencionados son complementos de todo lo demás ; no son la solución definitiva para la optimización.
Configuración avanzada (gratis)
Kit de herramientas con numerosas funciones. Complemento para otros plugins de optimización.
- Eliminar el atributo type=”text/javascript” de la etiqueta <script>
- Realizar un seguimiento y enumerar scripts/estilos en cola
- Fusionar e incluir scripts/estilos eliminados
- Cargar scripts eliminados y fusionados en el pie de página
- Cargar estilos eliminados fusionados
Tipos de publicaciones
- Administrar/crear/editar
- Añade soporte para: título, editor, autor, miniatura, extracto, trackbacks, campos personalizados, comentarios, revisiones, atributos de página, etc.
- Configurar: jerárquico, tiene_archivo, consulta_var, mostrar_en_menú, mostrar_ui, consultable_públicamente, público, etc.
- Taxonomías: categoría, post_tag
Código HTML
- Corregir miniaturas incorrectas de Facebook, incluidas las metas OG
- Ocultar el menú de administración superior
- Agregar automáticamente un FavIcon (siempre que haya un archivo favicon.ico o favicon.png en la carpeta de plantillas)
- Agregar una metaetiqueta de descripción usando la descripción del blog (SEO)
- Añadir metaetiquetas de descripción y palabras clave en cada publicación (SEO)
- Eliminar la metaetiqueta del generador de encabezado de WordPress
- Eliminar la etiqueta meta del manifiesto WLW del encabezado (enlace de Windows Live Writer)
- Eliminar la metaetiqueta RSD (enlace de cliente de blog) del encabezado
- Eliminar la metaetiqueta del enlace corto del encabezado
- Configurar el título del sitio para usar solo la función wp_title() (mejor para programación de código duro)
- Limitar la longitud del extracto
- Añadir un enlace para leer más después del extracto
- Eliminar el filtro wptexturize
- Eliminar trackbacks y pingbacks del recuento de comentarios
- Insertar biografía del autor en cada publicación
- Permitir HTML en el perfil de usuario
- Comprimir todo el código HTML
- Eliminar comentarios HTML (no elimina los comentarios condicionales de IE como: <!–[if IE]>)
- Agregar código de Google Analytics
- Añadir código de FeedBurner
Sistema
- Ocultar el mensaje de actualización de WordPress en el Panel de Control
- Agregar logotipo al tablero
- Anular el registro de los widgets predeterminados de WordPress
- Deshabilitar el sistema de widgets
- Desactivar el sistema de comentarios
- Deshabilitar el guardado automático de publicaciones
- Generar automáticamente la miniatura de la publicación (a partir de la primera imagen de la publicación)
- Establecer la calidad JPEG
- Cambiar el tamaño de la imagen al cargarla al tamaño máximo
- Muestra el número total de consultas SQL ejecutadas y el tiempo de carga de la página
- Corregir la paginación del tipo de publicación
Guiones
- Eliminar el script de migración de jQuery innecesario (jquery-migrate.min.js)
- Incluir jQuery Google CDN en lugar del script local (versión 1.11.0)
- Eliminar el atributo type=”text/javascript” de la etiqueta
- Seguimiento de scripts en cola
- Fusionar e incluir scripts eliminados
- Cargar scripts eliminados y fusionados en el pie de página
Estilos
- Seguimiento de estilos en cola
- Fusionar e incluir estilos eliminados
- Filtros/Ganchos
- Deshabilitar filtros/ganchos de wp
Halcón (Gratis)
Pequeño y ordenado kit de herramientas, con funciones muy básicas pero algunas únicas que otros kits no tienen (como deshabilitar la notificación molesta del correo electrónico de administrador)
Herramientas de WP (gratis)
El plugin WP Tools (wp-tools) cuenta con un panel completo que muestra las estadísticas del servidor, incluyendo un gráfico de errores y el tiempo de carga de cada página, y cuenta con más de 47 herramientas diseñadas para simplificar la gestión de WordPress. Es una herramienta versátil para tus necesidades de WordPress.
Desactivar todo (gratis y Pro)
Otro kit de herramientas con algunas características únicas y otro complemento.
MagicBox (Gratis)
El kit de herramientas todo en uno de optimización y funcionalidad de la navaja suiza.
- SMTP
- Botones de contacto
- Constructor de formularios
- Correo masivo
- Carga diferida
- Reparación de base de datos
- Administrador de caché
- Precargador
- Ventanas emergentes
- Búsqueda en vivo
- Fancybox
- CSS personalizado
- Opciones de la política de cookies
- Registros de inicio de sesión
- Información de PHP
- Registros de errores
- Autenticación posterior
- Comentario de Disqus
- Administrador de comentarios
- Administrador de copias de seguridad
- Optimizador de carga de imágenes
- Cambio de tamaño de imagen en masa
- Sugerencia de palabras clave
- Reemplazo de URL
- Redirecciones del sitio
- Mapa del sitio
- Imagen SEO
- Redirecciones de error
- Administrador de páginas de error
- Administrador de duplicados
- Redirecciones personalizadas
- Limitación de visitas
- URL de inicio de sesión
- Autenticador de Google
- Captcha
- Códigos de seguimiento
- Editor de usuario.ini
- Editor de htaccess
- Administrador de inserción de código
- Modificaciones del editor Gutenberg
- Marca blanca
- Cambio de usuario
- Modo de mantenimiento
- Administrador de clones
- Inicio de sesión personalizado
- Panel de control personalizado
- Administrador del menú de administración
- Permisos de usuario
- Editor de texto robot
WPMasterToolKit (Gratis)
Excelente kit de herramientas con muchísimas funciones. Algunas características únicas.
Estilos globales
Deshabilitar estilos globales (gratis)
Desactiva los estilos globales integrados en WordPress desde WP 5.9. También elimina los SVG duotono añadidos después de la etiqueta de apertura del cuerpo. Perfmatters también incluye esta función.
Perfmatters (Pagado)
Características: Desactivación selectiva de complementos, CSS y JS.
- Retrasar Javascript
- Eliminar CSS no utilizado
- Precarga y preconexión
- Inserción de código en el encabezado y pie de página
- Eliminar estilos globales
- Eliminar la hinchazón predeterminada de WordPress (emojis, RSS, enlaces cortos, etc.)
- Aplazar Javascript
- Carga diferida de imágenes e iframes/vídeos
- Desactivar fuentes de Google
- Reescritura de URL de CDN
- URL de inicio de sesión personalizada
- Deshabilitar scripts de WooCommerce en páginas que no son de WooCommerce
- Minificación de JS y CSS
- Control del latido del corazón
Complementos gratuitos para replicar la funcionalidad de Perfmatters:
1) Limpieza de activos
2) Debloat (para aplazamiento de JS, retraso de JS, minimización y eliminación de CSS no utilizados)
3) Pre-Fiesta
4) Eliminar estilos globales
5) Desactivar la hinchazón de WordPress y Woocommerce
6) CAOS para análisis locales
7) Encabezados y pies de página de WP para inserción de código
8) Desactivador del complemento Freesoul
9) Plugin de carga diferida de imágenes e iframes (carga diferida A3, Optimize More!, un millón de opciones)
10) Limpiador de bases de datos avanzado gratuito o Limpiador de bases de datos
11) Desactivar las fuentes de Google (si lo desea)
12) Habilitador de CDN
13) Ocultar inicio de sesión de WPS
14) Control dinámico del latido del front-end
Precargar páginas internas
Páginas voladoras (gratis)
En mi opinión, este es el mejor plugin de precarga de páginas internas. Flying Pages no solo precarga los enlaces sobre los que se pasa el cursor, sino también cualquier enlace que entre en la ventana gráfica. Esto es genial porque, al hacer clic en un enlace, las páginas ya estarán precargadas.
Este plugin precargará las páginas internas. Estas páginas se cargan después de la página inicial que visita el usuario. Por ejemplo, primero cargan la página de inicio, y hay enlaces a otras páginas en el menú de encabezado y pie de página.
El HTML de esas páginas está precargado con Flying Pages, de modo que cuando se hace clic en esos enlaces, su HTML ya se ha descargado, lo que da como resultado un tiempo de carga más rápido para la página interna en la que se hizo clic.
Nota: Asegúrate de retrasar el archivo js «flying-pages.min.js» en el panel de configuración de Perfmatters (o cualquier plugin que uses para retrasar JavaScript). WP Meteor, aunque retrasa todo, no parece afectar a este archivo, por lo que tendrás que retrasarlo con un plugin adicional.
Enlaces rápidos (gratis)
Quicklink para WordPress intenta que la navegación a las páginas siguientes cargue más rápido. El plugin incluye una biblioteca de JavaScript que detecta enlaces en la ventana gráfica, espera a que el navegador esté inactivo y precarga las URL de estos enlaces. La biblioteca también detecta si el usuario tiene una conexión lenta o un plan de datos.
Te recomiendo retrasar el archivo javascript de Enlaces rápidos, igual que lo harías si estuvieras usando Flying Pages.
Carga especulativa (gratis)
https://wordpress.org/plugins/speculación-rules
De forma predeterminada, el plugin está configurado para previsualizar las URL del frontend de WordPress cuando el usuario pasa el cursor sobre un enlace relevante. Esto se puede personalizar en la sección «Carga especulativa» de Configuración > Lectura.
Desactivar selectivamente complementos y CSS/JS
Usa Asset Cleanup, Perfmatters, el desactivador de plugins de Freesoul o cualquier otro plugin con esta funcionalidad. Recomiendo usar Asset Cleanup Pro, ya que ofrece la mayor cantidad de opciones de configuración y permite deshabilitar archivos innecesarios de WP Core, además de la desactivación selectiva de plugins.
Cuándo deshabilitar complementos de forma selectiva
Si un complemento solo se usa en el frontend o el backend, debe desinstalarlo donde no sea necesario. Por ejemplo, un complemento de administrador de archivos solo necesita ejecutarse en el backend, por lo que debe deshabilitarse en el frontend.
Asset Cleanup Pro (de pago)
https://www.gabelivan.com/items/wp-asset-cleanup-pro
La versión paga de limpieza de activos tiene un deshabilitador de complementos muy configurable.
Perfmatters (Pagado)
Desactivador de complementos FreeSoul (gratis)
Desactive selectivamente complementos por tipo de página/publicación tanto en el frontend como en el backend.
Administrador de activos de WP (gratis)
Gestor de control de activos y plugins gratuito y práctico. Completo y con funciones que permiten desactivar CSS, JavaScript y plugins de forma selectiva.
Organizador de complementos (gratis)
Plugin Organizer le permitirá desactivar complementos de forma selectiva, así como también cambiar el orden en que se cargan.
Filtro de carga del complemento (gratis)
Otro complemento de desactivación selectiva de complementos
Administrador de complementos de WP (gratis)
Desactivar selectivamente archivos CSS y JS
Deshabilitar recursos de forma selectiva (archivos CSS y JS) es más selectivo que deshabilitar un plugin por completo. A veces es necesario que un plugin cargue en una página, pero no todos los archivos que carga por defecto. Limpieza de recursos, Perfmatters
Limpieza de activos (gratuita y profesional)
https://www.gabelivan.com/items/wp-asset-cleanup-pro
Limpieza de activos Deshabilitar archivos CSS y JS en el Metabox de limpieza de activos en las páginas:
Debes deshabilitar todos los archivos js y css innecesarios de los complementos que se están cargando en una página si no quieres deshabilitarlos por completo con el administrador de complementos, lo cual puedes hacer sin romper la página.
Encontrará más información sobre las características de Asset Cleanup más adelante en la guía.
¡Optimiza más! (Gratis)
¡Optimice más! puede desactivar selectivamente archivos js y css.
Perfmatters (Pagado)
Administrador de scripts
Habilite el administrador de scripts en el panel de configuración de perfmatters, luego abra el administrador de scripts desde la barra superior en la interfaz para acceder a la interfaz de usuario del administrador de scripts.
Administrador de activos de WP (gratis)
Gestor de control de activos y plugins gratuito y práctico. Completo y con funciones que permiten desactivar CSS, JavaScript y plugins de forma selectiva.
Eliminar CSS no utilizado
Instrucciones
Nota: Interfaz Perfmatters utilizada en el ejemplo siguiente.
- Habilitar la función eliminar CSS no utilizado:
- Borre los cachés del complemento de almacenamiento en caché que esté utilizando y el caché del servidor si su host tiene uno o lo ha habilitado en su VPS si tiene uno configurado.
- Revisa la interfaz para asegurarte de que no haya ningún problema. Revisa minuciosamente cada página del sitio. «Eliminar CSS no utilizado» eliminará el CSS no utilizado de todas las páginas de tu sitio.
- Añade exclusiones si es necesario. Borra el CSS no utilizado con el botón de la parte inferior o con la función «Borrar CSS no utilizado» del plugin que estés usando.
- Borra tus cachés de nuevo y verifica que no haya ningún problema. Si algo sigue fallando, repite la adición de exclusiones hasta que el diseño ya no presente problemas.
- Una vez que todo lo que necesita excluir esté excluido (si es que necesita agregar exclusiones), continúe con el retraso de JavaScript.
Cómo identificar las clases que deben excluirse
- Inspeccione el elemento sobre el elemento css que está intentando excluir.
- Haga doble clic en la clase para resaltar el texto y luego cópielo.
- Péguelo en el cuadro de exclusión de clases con un punto antes del texto. Por ejemplo, «.media-wrap medium-down–hide».
Cómo identificar qué hojas de estilo deben excluirse
Si excluir una clase o un selector no funciona, es posible que tengas que excluir una hoja de estilos CSS completa.
- Primero, visita https://gtmetrix.com o https://www.debugbear.com/test/website-speed y realiza una prueba de velocidad del sitio web que intentas optimizar. Para ello, copia y pega tu URL en el cuadro de texto de la página principal de GTMetrix:
- A continuación, vaya a la pestaña del gráfico de cascada y ordene por archivos CSS:
- Busque las hojas de estilo que deben excluirse y péguelas en el cuadro de exclusiones y presione guardar.
Tendrás que experimentar con ella. Te recomiendo encarecidamente que pruebes la implementación de esta función en un sitio de prueba (no en tu sitio web en producción) , para que la experiencia del usuario no se vea afectada en el sitio web en producción debido a fallos de diseño.
Desbloat (Gratis)
Excelente opción gratuita (y la única que existe) para eliminar CSS no utilizados.
CSS crítico para WordPress (gratis)
Elimina CSS no utilizados e incorpora CSS críticos.
Flyingpress (Pagado)
Flyingpress es uno de los mejores complementos de almacenamiento en caché y tiene la función de eliminar CSS no utilizado.
Perfmatters (Pagado)
Perfmatters (que se explica a continuación) es un excelente complemento de optimización que tiene más capacidad de configuración y también puede eliminar CSS no utilizado.
Eliminar manualmente CSS no utilizado (gratis)
Archivos CSS/JS pequeños en línea
Cuándo utilizar la inserción en línea
Esto es útil para archivos pequeños para reducir la cantidad de solicitudes http, pero la inserción en línea de archivos CSS/JS grandes afectará el rendimiento. Use la inserción en línea con moderación y siempre haga pruebas para asegurarse de que no haya problemas después de insertar un archivo. Si un archivo depende de un orden de carga específico (por ejemplo, un script JS específico), mover el orden de carga al HTML raíz puede afectar la funcionalidad.
¡Optimiza más! (Gratis)
¡Optimice más! tiene una función para incorporar archivos javascript y css en el encabezado del documento html.
Limpieza de activos (gratuita y profesional)
Asset Cleanup puede incorporar archivos CSS en línea.
Inserción automática de archivos CSS en función del tamaño del archivo
Asset Cleanup tiene una funcionalidad que incorporará automáticamente archivos CSS por debajo de un tamaño de archivo determinado (3 kb, por ejemplo).
Cómo optimizar tu CSS manualmente (gratis)
No es necesario si se utilizan los otros complementos enumerados anteriormente, pero si un complemento no es deseable, estos recursos explican cómo eliminarlo manualmente.
Microoptimice su CSS
https://perishablepress.com/how-to-micro-optimize-your-css
Formato de código CSS
https://perishablepress.com/series-summary-obsessive-css-code-formatting
Propiedad de visibilidad de contenido (gratuita)
https://web.dev/articles/content-visibility
Carga condicional de CSS mediante funciones PHP
https://webdesign.tutsplus.com/loading-css-into-wordpress-the-right-way–cms-20402t
Generador de CSS crítico
https://www.corewebvitals.io/tools/critical-css-generator
Minificación manual de CSS y JS
https://www.toptal.com/developers/javascript-minifier
https://gist.github.com/Ruzgfpegk/4fd666180e40bb8a0e0608ad35fb5a88#minify-your-css
Carga diferida de elementos personalizados (gratis)
Minificación
Los primeros párrafos explican cómo funciona la minificación.
Minificar HTML
WP Speed Of Light (Gratis)
Kit de optimización y complemento de almacenamiento en caché, también minimiza el HTML.
Minificar el marcado HTML (gratis)
Minimiza HTML únicamente, sin ninguna otra funcionalidad. Reduce el tamaño del documento HTML, lo que acelera el TTFB. Úselo junto con su plugin de caché si no tiene una función de minimización de HTML (por ejemplo, WP Rocket, aunque generalmente debería evitarse).
Minificar archivos JS y CSS
Activa las funciones de minimización de CSS y JS con un plugin de caché (la mayoría tienen una configuración para la minimización de archivos CSS y JS) o con Debloat. Si usas Debloat para eliminar CSS no utilizado, activa la minimización solo dentro de Debloat. No deberías minimizar tus archivos con varios plugins; usa solo uno.
Desbloat (Gratis)
Complementos de almacenamiento en caché
La mayoría de los plugins de caché de páginas permiten minimizar archivos CSS/JS. Algunos también incluyen la función de minimización de HTML, aunque muchos no. Si un plugin de caché no permite minimizar HTML, utilice el plugin de minimización de HTML mencionado anteriormente.
Retrasar Javascript
Retrasar JavaScript es absolutamente necesario para obtener grandes mejoras en el rendimiento, ya que JavaScript es uno de los peores infractores a la hora de reducir el rendimiento de la velocidad de la página.Delay JS es esencialmente una carga diferida para JavaScript y carga esos archivos JavaScript solo después de la interacción del usuario para evitar que se descarguen en la carga inicial de la página.
Exclusiones
Sin embargo, retrasar JavaScript tiene una alta probabilidad de afectar la funcionalidad o el diseño de tu sitio, por lo que probablemente tendrás que agregar exclusiones para archivos JavaScript específicos para evitarlo. Revisa tus páginas y las características de tu sitio después de activar esta función para asegurarte de que no haya problemas, ya que he visto algunos efectos secundarios desagradables (como formularios que no se envían, ventanas emergentes defectuosas, reproductores de video defectuosos, mapas defectuosos, etc.) si no se agregan exclusiones.
Cómo identificar qué archivos deben retrasarse o excluirse del retraso.
NOTA : Deberá retrasar los scripts en cada página. Algunos plugins (como algunos plugins de formulario) solo se cargan en la página donde se utilizan (por ejemplo, la página de contacto en el caso del plugin de formulario). Esto significa que deberá realizar pruebas de velocidad en cada URL y agregar los scripts específicos a la lista de retrasos o a la lista de exclusiones. ¡Realice pruebas de velocidad exhaustivas!
- Primero, visita https://gtmetrix.com (o cualquier sitio de pruebas de velocidad que uses con un gráfico de cascada) y realiza una prueba de velocidad del sitio web que intentas optimizar. Para ello, copia y pega tu URL en el cuadro de texto de la página principal de GTMetrix:
- A continuación, vaya a la pestaña del gráfico de cascada y ordene por archivos JS:
- En este ejemplo, usaré perfmatters para mostrar cómo elegir los archivos que se retrasarán. Seleccionarás los scripts específicos que quieres retrasar del diagrama de cascada. Por ejemplo, wp-polyfill.min.js. Otros archivos en la lista son bankful-script.js , w.js , hooks.min.js , etc. No necesitas copiar la URL completa, solo el nombre del archivo JavaScript que quieres retrasar.
- Pegue el nombre de los archivos js que desea retrasar (o excluir) en el cuadro y presione guardar.
- A continuación, debes ir al frontend de tu sitio web y comprobar que no haya problemas con el diseño, la funcionalidad ni ninguno de los dos. Si un archivo JavaScript es esencial y lo retrasas, habrá problemas en el frontend, así que asegúrate de probar tu sitio web a fondo después de retrasar un archivo JavaScript.
- Si en lugar de retrasar scripts específicos desea retrasarlos todos por separado y luego agregar exclusiones para los scripts que deben ejecutarse sin retrasos , perfmatters tiene esa función.
Esto puede ser preferible si se cargan muchos scripts en su sitio. En lugar de especificar aquí los scripts que desea retrasar, le conviene enumerar aquí los que desea excluir.
Estas instrucciones se aplican a cualquiera de los complementos que pueden retrasar JavaScript enumerados en esta guía o cualquier otro complemento que contenga funcionalidad para retrasar JavaScript.
Perfmatters (Pagado)
Recomiendo encarecidamente usar la función de retardo de JavaScript específica de Perfmatters junto con la función de retardo de JavaScript de WP-Meteors. Cualquier código JavaScript que desee retrasar para evitar que se cargue por completo al cargar la página inicial debe agregarse manualmente. Se basa en palabras clave, por lo que puede especificar un archivo JS específico o una cadena que se use en varios archivos JS.
Si desea retrasar todos los archivos javascript relacionados con un complemento, aquí hay un ejemplo aleatorio de un complemento hipotético que estoy inventando. Si cada archivo de «Sumo Wrestler forms» tiene la palabra wrestler en cada archivo javascript, puede usar la palabra «wrestler» en el cuadro de retraso js para retrasar todos esos archivos.
No utilice la función Delay All JS de Perfmatters (hay un menú desplegable donde puede seleccionar cualquiera de las opciones) si está usando la función de retraso de JavaScript de WP Meteor o WP-Rocket.
Como se mencionó anteriormente, el archivo Javascript de Flying Pages aparecerá en la cascada GTMetrix del informe de velocidad de la página y se descargará en cada página del sitio cuando un usuario visite una página.
Retrasar la carga con la función «Retardo específico de JavaScript» de Perfmatters impedirá que el archivo se cargue por completo hasta que el usuario interactúe con la página. Esto es necesario para eliminar el impacto del uso de «Flying Pages» en el peso de la página. De lo contrario, «Flying Pages» afectará negativamente la velocidad de carga de la página.
Si no se necesita un archivo hasta la interacción del usuario, retrase su descarga con la función de retraso de archivos JS específicos de Perfmatters. Esto también aplica a sus archivos de análisis (Google Analytics, Hotjar o cualquier otro software de seguimiento de análisis que utilice). También puede aplicarse a los reproductores de vídeo ( use esta función solo en los archivos JavaScript del reproductor si este se encuentra en la parte inferior de la página); de lo contrario, se producirá una ventana emergente al descargar el archivo JS del reproductor, lo cual es bastante molesto y perjudica la experiencia del usuario.
Flyingpress (Pagado)
Flyingpress tiene una función de retardo de Javascript integrada.
Desbloat (Gratis)
Debloat también tiene una función Delay JS.
Guiones de vuelo (gratis)
Complemento simple para retrasar javascript.
WP-Meteor (Gratis)
WP-Meteor retrasará todo el código JavaScript, lo que probablemente causará fallos en algunos elementos de las páginas de tu sitio. Si esto ocurre, debes agregar manualmente exclusiones para los archivos JavaScript necesarios para que funcione la funcionalidad específica de un plugin. Los elementos de diseño también pueden fallar al retrasar el código JavaScript, por lo que es fundamental revisar tu sitio después de activar esta función y comprobar todas las páginas (y/o tipos de entradas) para asegurarte de que no haya ningún fallo.
Esta función te proporcionará una de las mayores mejoras en la velocidad de página que puedes obtener con los métodos mencionados en esta guía. Sin embargo, es probable que algunos elementos fallen antes de añadir exclusiones de archivos . Revisa tu sitio dos veces para asegurarte de que todo funciona correctamente. Comprueba que los envíos de formularios, el proceso de añadir al carrito, las ventanas emergentes y cualquier elemento que dependa de JavaScript sigan funcionando. Si se trata de una función y no de un elemento de diseño, es muy probable que se implemente mediante JavaScript.
Para identificar los archivos que desea excluir, pruebe su sitio en GTMetrix y fíltrelo para que solo muestre los archivos javascript con la pestaña javascript antes de activar la función de retraso de javascript, de modo que sepa qué necesita probar para excluir.
¡Optimiza más! (Gratis)
Tiene toneladas de características, entre ellas retrasar archivos javascript.
Atributo de retraso vs. aplazamiento
Retrasar vs. aplazar: casos de uso
Cómo funciona el retraso
- Carga inicial de la página: Al cargar una página, Perfmatters impide que ciertos archivos JavaScript se carguen inmediatamente. El resto de la página (HTML, CSS y JavaScript sin retardo) se carga normalmente.
- Disparador de interacción del usuario: los scripts retrasados se cargan y ejecutan después de una interacción específica del usuario, como un movimiento del mouse, un desplazamiento o una entrada de teclado.
- Dado que el código JavaScript no se carga hasta la interacción del usuario, el impacto del archivo JavaScript en la velocidad de la página se anula por completo. No se descargará ni ejecutará ningún código del archivo antes de la interacción del usuario.
Cuando es preferible retrasar
El retraso ofrece el mayor beneficio para la velocidad de la página, mejor que los atributos defer o async, y es la mejor opción cuando es posible retrasar scripts sin interrupciones de funcionalidad al retrasar archivos JavaScript. Siempre que sea posible, se recomienda usar retraso.
Es posible que sea necesario aplicar un retraso a un solo archivo o a varios, según la funcionalidad. En ocasiones, es necesario retrasar todos los archivos de la función para evitar interrupciones en la funcionalidad específica que se interrumpe al aplicar el retraso. En ese caso, se deben retrasar todos los archivos relacionados con la función.
Para ser claros, el beneficio de retrasar JavaScript en la velocidad de la página es mucho mayor que el de aplazarlo. Debes usar ambos en conjunto.
Cómo funciona Defer
En algunos casos, el retraso simplemente interrumpirá la funcionalidad. Si bien algunos scripts no se pueden retrasar, muchos sí se pueden aplazar.
Scripts que dependen del DOM: Aplazar garantiza que los scripts se ejecuten solo después de que el documento HTML se haya analizado por completo. Esto es crucial para los scripts que interactúan con el DOM o lo modifican.
Si dicho script se carga con retraso, no se ejecutará hasta la interacción del usuario, lo que dará lugar a errores o a un funcionamiento defectuoso.
Cuándo es preferible aplazar
Escenario de menú desplegable
Un escenario donde aplazar podría ser preferible es para los menús desplegables. Estos menús generalmente no funcionan hasta que se hayan cargado todas las dependencias de script necesarias en el DOM. Si los scripts se retrasan, si el menú está en la parte superior de la página en dispositivos móviles y un usuario pulsa el menú desplegable antes de cualquier otra interacción con la página, el menú desplegable podría tardar dos pulsaciones en abrirse.
Un usuario podría pensar que el sitio web está roto o no funciona si el menú desplegable no se abre inmediatamente, lo que podría aumentar la tasa de rebote. En este caso, se recomienda la opción Aplazar, aunque aumentará el peso de la página en comparación con el retraso, y el tiempo de carga será ligeramente mayor.
La experiencia del usuario es fundamental. Por lo tanto, es preferible un tiempo de carga ligeramente mayor. Recomiendo usar siempre el retraso predeterminado y luego probar la opción de aplazamiento si el retraso afecta la funcionalidad.
Es posible que sea necesario aplicar la función de aplazamiento a varios archivos para lograr cierta funcionalidad, o solo a un único archivo.
- Antes de la interacción: cuando el usuario visita la página por primera vez, es posible que el menú desplegable no funcione completamente si su comportamiento depende de JavaScript que se está retrasando.
- En la primera interacción: Suponiendo que el script desplegable se encuentra entre los que se retrasan, la primera interacción del usuario en la página activa su carga. Dependiendo de la velocidad de carga y ejecución del script, podría haber un pequeño retraso antes de que el menú desplegable se vuelva completamente interactivo.
¡Optimiza más! (Gratis)
¡Optimice más! y muchos más complementos pueden aplicar el atributo Aplazar.
Atributos asíncronos y atributos diferidos
Uno de los pocos escenarios donde el atributo async es potencialmente preferible (y solo si se necesitan métricas realmente precisas) es para scripts de análisis. Esto sacrificará mucha velocidad de página debido a lo pesados y lentos que son los scripts de análisis.
Sin embargo, los scripts se cargarán y activarán en cuanto se descarguen, y se descargarán más rápido que con retraso o aplazamiento. Recomiendo el modo asíncrono solo para sitios con mucho tráfico. Sus métricas seguirán siendo muy precisas al usar retraso ( nunca use aplazamiento para scripts de análisis) .Y para obtener la velocidad de página más rápida, se recomienda encarecidamente utilizar un retraso.
En mi opinión, este es el atributo de carga menos relevante y solo debería usarse en escenarios muy específicos, como scripts de análisis donde se requieren métricas estrictamente precisas. Si está dispuesto a sacrificar ligeramente la precisión de sus métricas de análisis, retrase siempre su uso.
Si todavía estás interesado en probar la sincronización de tus archivos javascript, puedes usar este complemento para hacerlo:
Javascript asíncrono (gratis)
Este complemento puede aplicar el atributo async o defer a archivos javascript.