Cómo posponer el análisis de JavaScript en WordPress: 3 modos efectivos

Es posible que haya comparado la velocidad de su sitio de WordPress solo para descubrir que debe “eliminar JavaScript que bloquea la obra”, “posponga el análisis del JavaScript” o “elimina las retrataciones”, incluidos los archivos de WordPress. Esto puede hacerte preguntarte: “¿Cómo puede JavaScript hacer que se cargue más rápido? ¿Qué tienen que ver las Escrituras con la velocidad de mi sitio, de todos modos? En resumen, esto significa que debe cambiar el tiempo cuando los archivos JavaScript se ejecutan o se cobran para acelerar su sitio. En otras palabras, debe posponer el análisis de JavaScript.
Puede posponer la carga de archivos JavaScript WordPress, por código, como con JavaScript Difer. O puede usar un complemento como WP Rocket para resolver el problema seguro en unos pocos clics. Hoy, compartiré más detalles sobre cómo posponer el análisis de JavaScript, así como la carga pospuesta de JavaScript y cómo hacerlo con código, así como con WP Rocket. También responderé la pregunta “¿Cuál es el aplazamiento de JavaScript?” Para que pueda acelerar su sitio de WordPress y resolver advertencias de diagnóstico. Lo que significa el análisis de JavaScript para comprender qué análisis de JavaScript o carga de JavaScript (WordPress, aplicaciones web y otros tipos de sitios web incluidos), es esencial obtener una refrescante sobre lo que está analizando primero.
Un recordatorio rápido sobre el análisis del análisis es el proceso de conversión del código que el hombre puede leer, en este caso, JavaScript, en un idioma que una computadora puede entender. De esta manera, las funciones que debe realizar su código puede hacer exactamente. También puede indicar en un archivo que desea cargar uno o más archivos JavaScript separados cuando el archivo principal se ejecute. Esto permite que un sitio regular con algún texto e imágenes tenga capacidades mucho más robustas que pueda codificar con JavaScript. Varios archivos JavaScript se cargan en un archivo de sitio, al configurar los archivos JavaScript para cargar, hay dos tipos principales: los archivos Critics-JavaScript que son esenciales para cargar antes de todos los demás tipos que se enumeran a continuación, porque son cruciales para el funcionamiento de la página .
Necritic: otros archivos JavaScript que deben cargarse en una página, pero no se consideran esenciales.
También está la opción en línea. Esto se refiere a JavaScript que se entrega en línea en un archivo HTML, por ejemplo, en lugar de tener un archivo JavaScript separado que se nombra en el archivo principal. Postpone la carga de JavaScript: WordPress y otros sitios web Cuando indica en su código que desea cargar archivos JavaScript, puede elegir cuando se analizan los archivos e incluso cuando se carga. De esta manera, puede elegir ejecutar primero los archivos JavaScript críticos y retrasar la ejecución de los archivos no críticos, que puede establecer después de que se haya mostrado el contenido principal en la página.
Este proceso es lo que significa el aplazamiento del análisis de JavaScript, al menos cuando se retrasa la ejecución de los archivos JavaScript. Retrasar la carga de JavaScript, WordPress y otros tipos de sitios web incluidos significarían que está cargando tardío (y luego ejecutando) los archivos hasta que se haya mostrado el resto de la página. El análisis de JavaScript de retraso en inglés simple, todo esto se puede confundir al tratar de descubrir qué significa posponer el análisis de JavaScript para su sitio de WordPress. Esto es especialmente cierto si ve recomendaciones “eliminar JavaScript que bloquea la representación”, “pospone el análisis de JavaScript” o “elimina los recursos de representación” en PageSpeed ​​Insights, GTMetrix o herramientas similares de Google. Podría ayudarlo a pensar en su sitio. como pastel. Por lo general, tienen una capa de pastel en la parte inferior, luego una capa de glaseado seguida de otra capa de pastel, luego cubiertas con glaseado.
Si pospone el análisis de JavaScript, su sitio se convierte en un pastel bien equilibrado: agradable. Un postre bien estructurado que puede verse como un sitio de WordPress que carga contenido y JavaScript de manera rápida y efectiva, porque ha optado por posponer el análisis de JavaScript. Puede pensar en la cereza como archivos críticos de JavaScript y llenar como archivos JavaScript. Si ha construido el pastel para tener dos capas de pastel directamente uno encima del otro, luego coloque toda la formación de hielo en la parte superior de las capas, alguien tarda más en alcanzar el lado del pastel al profundizar en él con un tenedor. .
También está desequilibrado e inesperado debido a esto. Esto es similar a los sitios de WordPress. Si todos los archivos de JavaScript se cargan o ejecutan antes que cualquier otra cosa, simplemente rablezca la velocidad de la página. Termina tardando mucho tiempo para que los usuarios vean mucho o cualquier contenido. Este sentimiento no remunerado viene en forma de desentrañar en términos de su sitio de WordPress. En contraste, si mueve parte de la formación de hielo (o archivos JavaScript) para que aparezcan más tarde, el pastel o el sitio se vuelven más cautivadores después. Este sería un ejemplo de cómo muestra el análisis de JavaScript o el aplazamiento de los archivos de WordPress de JavaScript. Elimine JavaScript que bloquea los resultados simples del sitio en inglés “Elimine JavaScript que bloquea la obra” o “elimina los recursos que bloquean” las ideas de la energía de las páginas le informan, prácticamente, a usted, a prácticamente, lo informan, , que necesita posponer el análisis de JavaScript o posponer los archivos JavaScript WordPress o los archivos CSS en algunos casos. ¿Por qué es importante hacer que JavaScript se carga más rápido podría ser bueno y bueno, pero por qué tal problema se cargaría o ejecutaría una serie de archivos JavaScript al comienzo de cargar una página? La razón es que de forma predeterminada, la carga de archivos JavaScript interrumpirá el análisis HTML.

Esto hace que el navegador tenga que esperar para cargar el resto de la página, como contenido, incluido texto e imágenes. Si carga todos los archivos JavaScript antes de cualquier contenido o la mayoría de otro contenido y no ha retrasado el análisis de JavaScript, su sitio no puede mostrar demasiado. Esto puede llevar unos segundos, porque la carga de una página se retrasa aún más. Cuando se trata de clasificar arriba en los resultados de búsqueda, cada segundo importa. Cuanto más larga su página dure la carga, menos probable es que su sitio se coloque bien. Además, si carga archivos JavaScript no críticos antes de las cosas cruciales en la página, como el contenido y la concentración. Main, como el texto, el texto, el texto, el texto, el texto, el La experiencia del usuario de su sitio disminuye mucho y sus puntajes centrales de Web Vitals sufrirán. Aceptarse de los problemas de JavaScript, de hecho, es una buena manera de optimizar el primer retraso de entrada y el mayor rendimiento de la pintura de contenido.
Si obliga a las personas a esperar unos segundos antes de que puedan leer algo útil, podrían perder su interés y navegar de su sitio. Google Research ha demostrado que un segundo retraso en los tiempos de carga para los sitios móviles puede disminuir las tasas de conversión hasta en un 20%. Sin mencionar que cada segundo adicional crea otra disminución en las conversiones en un 20%.
Por lo tanto, Google recomienda que su página cargue el 90% de su contenido visual principal en no más de 100 ms. De lo contrario, su sitio perderá el favor en los resultados de búsqueda. Por lo tanto, sugiere posponer el análisis de JavaScript o posponer la carga de JavaScript WordPress para resolver los resultados del diagnóstico del sitio de WordPress “Elimine el Randire Randire” de PageSpeed ​​Insights. Cómo posponer el análisis de JavaScript y hacer que los archivos JS se carguen más rápido al posponer los archivos JavaScript, hará que JavaScript se cargue más rápido, que es excelente para aumentar el rendimiento de su sitio de WordPress. Hay tres formas principales de hacer esto en WordPress. 1. Use los atributos Difer o Async para responder la pregunta “¿Qué es JavaScript Difer y Async?” Tiene que pasar a HTML 5. Cuando intenta posponer el análisis de JavaScript, puede usar los atributos “Diferir” y “Async” para la etiqueta del script en HTML 5. Cuando se establece en un archivo que llama a los archivos JavaScript, lo harán cargar cuando se cargue cuando se indique. ¿Cuál es el atributo async? El atributo asíncrono se puede usar para cargar archivos JavaScript en modo asíncrono, lo que significa que el resto de la página puede continuar y cargar, ininterrumpido porque los archivos JavaScript se ejecutan al mismo tiempo. Aquí hay un ejemplo de cómo usar el atributo booleano asíncrono: asegúrese de cambiar /path/to/file/script.js con el nombre real y la forma real de JavaScript. ¿Cuál es el atributo de diferir?
Por otro lado, el atributo de la aplazamiento se puede usar para realizar archivos JavaScript solo después de que se haya cargado el resto del documento. Aunque, estos archivos todavía están cargados asíncronos. Los archivos también se ejecutan en el mismo orden en que se llamó. A continuación se muestra un ejemplo básico del atributo booleano en acción para posponer el análisis de JavaScript: nuevamente, asegúrese de actualizar /file/script.js en la ubicación real de su archivo si desea posponer los archivos JavaScript WordPress en lugar de la opción Para posponer el análisis de JavaScript, consulte cómo posponer realmente la carga de JavaScript. 2. Uso de un complemento para posponer el análisis de JavaScript en WordPress si no desea agregar el código que necesita para posponer el análisis de JavaScript o posponer la carga de JavaScript WordPress, entonces puede usar un complemento. El truco es que muchas opciones pueden destruir su sitio. Una de las razones es que debe decidir manualmente qué archivos posponer. Puede posponer el análisis de los archivos JavaScript que son críticos, lo que causaría errores. WP Rocket es la forma más sencilla de posponer de manera segura y adecuada los archivos JavaScript en unos pocos clics. También tiene la ventaja adicional de ayudar a su sitio a cobrar más rápido. Después de instalar el complemento, todo ya está configurado para usted y puede posponer los archivos. Hay una opción para posponer los archivos JavaScript WordPress en lugar de permitirle posponer el análisis de JavaScript. Vaya a Configuración> WP Rocket. Luego, en el menú WP Rocket, haga clic en la pestaña Optimización de archivos.

Puede optimizar la velocidad de su sitio de muchas maneras con WP Rocket.En archivos JavaScript, marque el cuadro de carga pospuesto de JavaScript.También es aconsejable marcar el cuadro de modo seguro para JQuey, que aparece dinámicamente bajo la primera opción.Si desea deshabilitar el modo seguro, asegúrese de probar los cambios en un sitio de prueba antes de elegir el modo seguro en un sitio de producción.Finalmente, haga clic en Guardar cambios en la parte inferior de la página.