Si desea saltar directamente al tutorial, puede hacer clic en el \u00faltimo enlace de la lista anterior.<\/p>\n
<\/a>\u00bfQu\u00e9 significa diferir el an\u00e1lisis de JavaScript en WordPress?<\/h2>\nSi alguna vez ha ejecutado su sitio de WordPress a trav\u00e9s de Google PageSpeed Insights<\/a>, GTmetrix, u otras herramientas de prueba de velocidad de p\u00e1gina, es probable que haya encontrado la sugerencia de diferir el an\u00e1lisis de JavaScript.<\/p>\nPero… \u00bfqu\u00e9 significa eso en realidad? \u00bfY por qu\u00e9 es una consideraci\u00f3n importante para el rendimiento?<\/p>\n
B\u00e1sicamente, cuando alguien visita su WordPress<\/a>, el servidor de su sitio web entrega el contenido HTML de su sitio web al navegador de ese visitante.<\/p>\nEl navegador del visitante entonces comienza en la parte superior y pasa a trav\u00e9s del c\u00f3digo para renderizar su sitio. Si, al moverse de arriba a abajo, encuentra alg\u00fan JavaScript, dejar\u00e1 de renderizar el resto de la p\u00e1gina hasta que pueda recuperar y analizar el archivo JavaScript.<\/p>\n
Lo har\u00e1 para cada script que encuentre, lo que puede tener un efecto negativo en los tiempos de carga de la p\u00e1gina de su sitio porque el visitante necesita mirar fijamente a una pantalla en blanco mientras su navegador descarga y analiza todo el JavaScript.<\/p>\n
Si un determinado script no es necesario para el funcionamiento b\u00e1sico de su sitio (al menos en la carga inicial de la p\u00e1gina<\/em>), no quiere que interfiera con la carga de las partes m\u00e1s importantes de su sitio, que es por lo que aquellos Las herramientas de prueba de velocidad de p\u00e1gina<\/a> siempre le indican que debe diferir el an\u00e1lisis de JavaScript.<\/p>\nEntonces, \u00bfqu\u00e9 significa diferir el an\u00e1lisis de JavaScript?<\/p>\n
Esencialmente, su sitio le dir\u00e1 a los navegadores de los visitantes que esperen para descargar y\/o parsear JavaScript hasta que<\/em> el contenido principal de su sitio ya haya terminado de cargarse. En ese momento, los visitantes ya pueden ver e interactuar con su p\u00e1gina, por lo que los tiempos de espera para descargar y analizar que JavaScript ya no tienen un efecto tan negativo.<\/p>\nAcelerando los tiempos de carga de su contenido<\/a>, hace feliz a Google y crea una experiencia mejor y m\u00e1s r\u00e1pida para sus visitantes.<\/p>\n<\/a>\u00bfC\u00f3mo saber si necesita diferir el an\u00e1lisis de JavaScript?<\/h2>\nPara probar si su sitio WordPress necesita diferir el an\u00e1lisis de JavaScript, puede ejecutar su sitio a trav\u00e9s de GTmetrix<\/a>.<\/p>\nGTmetrix le dar\u00e1 una calificaci\u00f3n y tambi\u00e9n listar\u00e1 los scripts espec\u00edficos que necesitan ser diferidos:<\/p>\n![\"Diferir](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/08\/diferir-javascript-gtmetrix.jpg\")
Diferir el an\u00e1lisis de la prueba de JavaScript en GTmetrix<\/figcaption><\/figure>\n<\/a>Los diferentes m\u00e9todos para diferir el an\u00e1lisis de JavaScript<\/h2>\nHay varias maneras de diferir el an\u00e1lisis de JavaScript. En primer lugar, hay dos atributos<\/a> que puede a\u00f1adir a sus scripts:<\/p>\n\n- Async<\/li>\n
- Defer<\/li>\n<\/ol>\n
Ambos atributos permiten a los navegadores de los visitantes descargar JavaScript sin pausar el an\u00e1lisis de HTML. Sin embargo, la diferencia es que mientras que el as\u00edncrono<\/strong> no hace una pausa en el an\u00e1lisis HTML para obtener el script (como lo har\u00eda el comportamiento predeterminado), si hace una pausa en el analizador HTML para ejecutar el script una vez que se ha obtenido.<\/p>\nCon diferido<\/strong>, los navegadores de los visitantes seguir\u00e1n descargando los scripts mientras analizan el HTML, pero esperar\u00e1n para analizar el script hasta que se haya completado el an\u00e1lisis del HTML.<\/p>\nEste gr\u00e1fico de Growing with the Web<\/a> hace un gran trabajo al explicar la diferencia:<\/p>\n![\"Gr\u00e1fico](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/08\/grafico-explicando-as\u00edncrono-vs-diferido.png\")
Gr\u00e1fico explicando as\u00edncrono vs diferido<\/figcaption><\/figure>\nOtra opci\u00f3n, recomendada por Patrick Sexton de Varvy, utiliza un script para llamar a un archivo JavaScript externo s\u00f3lo despu\u00e9s de que la carga inicial de la p\u00e1gina haya terminado. Esto significa que los navegadores de los visitantes no descargar\u00e1n ni ejecutar\u00e1n ning\u00fan JavaScript hasta que la carga inicial de la p\u00e1gina haya finalizado.<\/p>\n
Finalmente, otro enfoque que ver\u00e1 es simplemente mover su JavaScript al final de la p\u00e1gina. Sin embargo, este m\u00e9todo no es una gran soluci\u00f3n porque, aunque su p\u00e1gina sea visible antes, los navegadores de los visitantes seguir\u00e1n mostrando la p\u00e1gina como cargando hasta que todos los scripts terminen. Esto podr\u00eda impedir que algunos visitantes interact\u00faen con su p\u00e1gina porque piensan que el contenido no est\u00e1 completamente cargado.<\/p>\n
<\/a>\u00bfC\u00f3mo diferir el an\u00e1lisis de JavaScript en WordPress? (4 m\u00e9todos)<\/h2>\nPara diferir el an\u00e1lisis de JavaScript en WordPress, hay tres rutas principales que puede tomar:<\/p>\n
\n- Plugin<\/a> – hay algunos plugins de WordPress gratuitos y premium para diferir el an\u00e1lisis de JavaScript. Le mostraremos c\u00f3mo hacerlo con dos plugins populares.<\/li>\n
- M\u00e9todo Varvy<\/a> – si es un experto en tecnolog\u00eda, puede editar el c\u00f3digo de su sitio directamente y usar el fragmento de c\u00f3digo de Varvy.<\/li>\n
- Archivo functions.php<\/a> – puede agregar un fragmento de c\u00f3digo al archivo functions.php del tema child para diferir autom\u00e1ticamente los scripts.<\/li>\n<\/ul>\n
Puede hacer clic arriba para ir directamente a su m\u00e9todo preferido o leer todas las t\u00e9cnicas para encontrar la que mejor se adapte a sus necesidades.<\/p>\n
<\/a>1. Plugin Async JavaScript gratuito<\/h3>\nAsync JavaScript<\/a> es un plugin gratuito de WordPress de Frank Goossens, el mismo tipo detr\u00e1s del popular Autoptimizar plugin<\/a>.<\/p>\nLe ofrece una forma sencilla de diferir el an\u00e1lisis de JavaScript mediante la sincronizaci\u00f3n o el diferido.<\/p>\n
Para empezar, puede instalar y activar el plugin gratuito de WordPress.org. A continuaci\u00f3n, vaya a Settings \u2192 Async JavaScript<\/strong> para configurar el plugin.<\/p>\nEn la parte superior, puede habilitar la funcionalidad del plugin y elegir entre sincronizar y diferir. Recuerde:<\/p>\n
\n- Async <\/strong>descarga JavaScript sin dejar de analizar HTML, pero luego pausa<\/strong> el an\u00e1lisis HTML para ejecutar JavaScript.<\/li>\n
- Deferir<\/strong> las descargas de JavaScript mientras se sigue analizando HTML y se espera a que se ejecute hasta que finalice el an\u00e1lisis HTML.<\/li>\n<\/ul>\n
![\"C\u00f3mo](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/08\/como-usar-el-plugin-async-javascript.png\")
\u00bfC\u00f3mo usar el plugin Async JavaScript?<\/figcaption><\/figure>\nM\u00e1s abajo, tambi\u00e9n puede elegir c\u00f3mo manejar jQuery. Muchos temas y plugins dependen en gran medida de jQuery, as\u00ed que si intenta diferir el an\u00e1lisis de los scripts de jQuery, puede que rompa algunas de las funciones principales de su sitio. El enfoque m\u00e1s seguro es excluir jQuery, pero puede experimentar con aplazarlo. S\u00f3lo aseg\u00farese de probar su sitio a fondo.<\/p>\n
M\u00e1s adelante, tambi\u00e9n puede incluir o excluir manualmente scripts espec\u00edficos de ser diferidos, incluyendo una caracter\u00edstica agradable y f\u00e1cil de usar que le permite apuntar a temas espec\u00edficos o plugins que est\u00e1n activos en su sitio:<\/p>\n![\"Reglas](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/08\/reglas-de-inclusion-exclusion.png\")
Reglas de inclusi\u00f3n\/exclusi\u00f3n de Async JavaScript<\/figcaption><\/figure>\n2. Usar el plugin WP Rocket<\/h3>\n
Aunque no permitimos que la mayor\u00eda plugins de cach\u00e9<\/a> en Kinsta, nosotros permiten el plugin WP Rocket<\/a> porque incluye una integraci\u00f3n incorporada para jugar bien con El almacenamiento en cach\u00e9 a nivel de servidor de Kinsta<\/a>.<\/p>\nAdem\u00e1s de un mont\u00f3n de otras t\u00e9cnicas de optimizaci\u00f3n del rendimiento, WP Rocket puede ayudarle a diferir el an\u00e1lisis de JavaScript en la pesta\u00f1a de Optimizaci\u00f3n de Archivos<\/strong> del panel de control de WP Rocket. Busque la opci\u00f3n Cargar JavaScript diferido en la <\/strong>secci\u00f3n Archivos JavaScript<\/strong>.<\/p>\nAl igual que el plugin Async JavaScript, WP Rocket tambi\u00e9n le permite excluir jQuery para evitar problemas con el contenido de su sitio:<\/p>\n![\"C\u00f3mo](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/08\/diferir-el-analisis.png\")
\u00bfC\u00f3mo diferir el an\u00e1lisis de JavaScript con WP Rocket?<\/figcaption><\/figure>\n<\/a>3. Use el M\u00e9todo Recomendado de Varvy (C\u00f3digo)<\/h3>\nAnteriormente, mencionamos que Patrick Sexton de Varvy recomienda usar un fragmento de c\u00f3digo que espera tanto para descargar como para ejecutar JavaScript hasta que su sitio complete su carga inicial de p\u00e1gina.<\/p>\n
Puede implementar este m\u00e9todo ajustando el fragmento de c\u00f3digo que proporciona Varvy y luego a\u00f1adiendo el script a su tema inmediatamente antes de la etiqueta <\/body> de cierre.<\/p>\n
Aqu\u00ed est\u00e1 el c\u00f3digo de Varvy<\/a>:<\/p>\n\nfunction downloadJSAtOnload() {\nvar element = document.createElement(\"script\");\nelement.src = \"defer.js\";\ndocument.body.appendChild(element);\n}\nif (window.addEventListener)\nwindow.addEventListener(\"load\", downloadJSAtOnload, false);\nelse if (window.attachEvent)\nwindow.attachEvent(\"onload\", downloadJSAtOnload);\nelse window.onload = downloadJSAtOnload;\n<\/code><\/pre>\nAseg\u00farese de reemplazar \u00abdefer.js\u00bb con el nombre\/ruta del archivo JavaScript que desea diferir. A continuaci\u00f3n, puede utilizar la funci\u00f3n wp_footer hook<\/a> para inyectar el c\u00f3digo a trav\u00e9s del archivo functions.php del tema child.<\/p>\nCon este enfoque, usted envolver\u00eda el c\u00f3digo de Varvy en algo como esto:<\/p>\n
\/**\nDefer parsing of JavaScript with code snippet from Varvy\n*\/\nadd_action( 'wp_footer', 'my_footer_scripts' );\nfunction my_footer_scripts(){\n?>\nREPLACE_WITH_VARVY_SCRIPT\n<?php\n}<\/code><\/pre>\n<\/a>4. Deferir JavaScript a trav\u00e9s de functions.php File<\/h3>\nPor \u00faltimo, tambi\u00e9n puede a\u00f1adir el atributo defer a sus archivos JavaScript sin necesidad de un plugin a\u00f1adiendo el siguiente fragmento de c\u00f3digo a su archivo functions.php:<\/p>\n
function<\/span> defer_parsing_of_js<\/span>(<\/span> $url <\/span>)<\/span> {<\/span>\n if<\/span> (<\/span> is_user_logged_in<\/span>()<\/span> )<\/span> return<\/span> $url<\/span>;<\/span> \/\/don't break WP Admin<\/span>\n if<\/span> (<\/span> FALSE <\/span>===<\/span> strpos<\/span>(<\/span> $url<\/span>,<\/span> '.js'<\/span> )<\/span> )<\/span> return<\/span> $url<\/span>;<\/span>\n if<\/span> (<\/span> strpos<\/span>(<\/span> $url<\/span>,<\/span> 'jquery.js'<\/span> )<\/span> )<\/span> return<\/span> $url<\/span>;<\/span>\n return<\/span> str_replace<\/span>(<\/span> ' src'<\/span>,<\/span> ' defer src'<\/span>,<\/span> $url <\/span>);<\/span>\n}<\/span>\nadd_filter<\/span>(<\/span> 'script_loader_tag'<\/span>,<\/span> 'defer_parsing_of_js'<\/span>,<\/span> 10<\/span> );<\/span><\/code><\/pre>\nEsencialmente, este fragmento le dice a WordPress que agregue el atributo defer a todos sus archivos JavaScript excepto jQuery.<\/p>\n
Es r\u00e1pido y f\u00e1cil, pero no le da el nivel granular de control que ofrece algo como el plugin Async JavaScript.<\/p>\n\n
Resumen<\/h2>\n
Diferir el an\u00e1lisis de JavaScript en su sitio WordPress es una consideraci\u00f3n importante para el rendimiento.<\/p>\n
Una vez que haya utilizado uno de los m\u00e9todos anteriores para diferir el an\u00e1lisis de JavaScript en WordPress, le recomendamos que haga dos cosas:<\/p>\n
\n- Pruebe su sitio para asegurarse de que el aplazamiento de ciertos scripts no ha roto el contenido clave por encima del doble. De nuevo, esto puede ocurrir com\u00fanmente con jQuery, por lo que muchas herramientas le permiten excluir jQuery.js. Sin embargo, tambi\u00e9n podr\u00eda ocurrir con otros scripts.<\/li>\n
- Ejecute su sitio a trav\u00e9s de GTmetrix de nuevo para asegurarse de que su sitio est\u00e1 difiriendo tantos scripts como sea posible (puede que no obtenga una puntuaci\u00f3n perfecta si excluye jQuery – pero su puntuaci\u00f3n deber\u00eda ser mejor).<\/li>\n<\/ol>\n
\u00bfTiene alguna pregunta sobre c\u00f3mo diferir el an\u00e1lisis de JavaScript en WordPress? Pregunte en los comentarios!<\/p>\n","protected":false},"excerpt":{"rendered":"
\u00bfHa ejecutado su sitio de WordPress a trav\u00e9s de un herramienta de pruebas de rendimiento s\u00f3lo para recibir una instrucci\u00f3n de diferir el an\u00e1lisis de JavaScript …<\/p>\n","protected":false},"author":38,"featured_media":27252,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[599,172],"topic":[1356,1297],"class_list":["post-27245","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-velocidad-de-pagina","tag-wordpress","topic-consejos-wordpress","topic-tutoriales-javascript"],"yoast_head":"\n
\u00bfC\u00f3mo Diferir el An\u00e1lisis de Advertencia de Javascript en WordPress? (4 m\u00e9todos)<\/title>\n<meta name=\"description\" content=\"Aprenda a diferir el an\u00e1lisis de JavaScript en WordPress con 4 m\u00e9todos f\u00e1ciles de seguir, adem\u00e1s de lo que esta advertencia significa realmente para su sitio WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfC\u00f3mo Diferir el An\u00e1lisis de Javascript en WordPress? (4 m\u00e9todos)\" \/>\n<meta property=\"og:description\" content=\"Aprenda a diferir el an\u00e1lisis de JavaScript en WordPress con 4 m\u00e9todos f\u00e1ciles de seguir, adem\u00e1s de lo que esta advertencia significa realmente para su sitio WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-27T12:12:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-26T12:43:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/diferir-el-analisis-de-javascript.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1461\" \/>\n\t<meta property=\"og:image:height\" content=\"731\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Aprenda a diferir el an\u00e1lisis de JavaScript en WordPress con 4 m\u00e9todos f\u00e1ciles de seguir, adem\u00e1s de lo que esta advertencia significa realmente para su sitio WordPress.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/diferir-el-analisis-de-javascript.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"\u00bfC\u00f3mo Diferir el An\u00e1lisis de Javascript en WordPress? (4 m\u00e9todos)\",\"datePublished\":\"2019-09-27T12:12:12+00:00\",\"dateModified\":\"2025-02-26T12:43:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/\"},\"wordCount\":1817,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/diferir-el-analisis-de-javascript.png\",\"keywords\":[\"velocidad de p\u00e1gina\",\"WordPress\"],\"articleSection\":[\"Los mejores tutoriales de WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/\",\"name\":\"\u00bfC\u00f3mo Diferir el An\u00e1lisis de Advertencia de Javascript en WordPress? (4 m\u00e9todos)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/diferir-el-analisis-de-javascript.png\",\"datePublished\":\"2019-09-27T12:12:12+00:00\",\"dateModified\":\"2025-02-26T12:43:48+00:00\",\"description\":\"Aprenda a diferir el an\u00e1lisis de JavaScript en WordPress con 4 m\u00e9todos f\u00e1ciles de seguir, adem\u00e1s de lo que esta advertencia significa realmente para su sitio WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/diferir-el-analisis-de-javascript.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/diferir-el-analisis-de-javascript.png\",\"width\":1461,\"height\":731,\"caption\":\"Diferir el an\u00e1lisis de Javascript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutoriales JavaScript\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/tutoriales-javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u00bfC\u00f3mo Diferir el An\u00e1lisis de Javascript en WordPress? (4 m\u00e9todos)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo Diferir el An\u00e1lisis de Advertencia de Javascript en WordPress? (4 m\u00e9todos)","description":"Aprenda a diferir el an\u00e1lisis de JavaScript en WordPress con 4 m\u00e9todos f\u00e1ciles de seguir, adem\u00e1s de lo que esta advertencia significa realmente para su sitio WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfC\u00f3mo Diferir el An\u00e1lisis de Javascript en WordPress? (4 m\u00e9todos)","og_description":"Aprenda a diferir el an\u00e1lisis de JavaScript en WordPress con 4 m\u00e9todos f\u00e1ciles de seguir, adem\u00e1s de lo que esta advertencia significa realmente para su sitio WordPress.","og_url":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2019-09-27T12:12:12+00:00","article_modified_time":"2025-02-26T12:43:48+00:00","og_image":[{"width":1461,"height":731,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/diferir-el-analisis-de-javascript.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"Aprenda a diferir el an\u00e1lisis de JavaScript en WordPress con 4 m\u00e9todos f\u00e1ciles de seguir, adem\u00e1s de lo que esta advertencia significa realmente para su sitio WordPress.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/diferir-el-analisis-de-javascript.png","twitter_creator":"@brianleejackson","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Brian Jackson","Tiempo de lectura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"\u00bfC\u00f3mo Diferir el An\u00e1lisis de Javascript en WordPress? (4 m\u00e9todos)","datePublished":"2019-09-27T12:12:12+00:00","dateModified":"2025-02-26T12:43:48+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/"},"wordCount":1817,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/diferir-el-analisis-de-javascript.png","keywords":["velocidad de p\u00e1gina","WordPress"],"articleSection":["Los mejores tutoriales de WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/","url":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/","name":"\u00bfC\u00f3mo Diferir el An\u00e1lisis de Advertencia de Javascript en WordPress? (4 m\u00e9todos)","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/diferir-el-analisis-de-javascript.png","datePublished":"2019-09-27T12:12:12+00:00","dateModified":"2025-02-26T12:43:48+00:00","description":"Aprenda a diferir el an\u00e1lisis de JavaScript en WordPress con 4 m\u00e9todos f\u00e1ciles de seguir, adem\u00e1s de lo que esta advertencia significa realmente para su sitio WordPress.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/diferir-el-analisis-de-javascript.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/diferir-el-analisis-de-javascript.png","width":1461,"height":731,"caption":"Diferir el an\u00e1lisis de Javascript"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Tutoriales JavaScript","item":"https:\/\/kinsta.com\/es\/secciones\/tutoriales-javascript\/"},{"@type":"ListItem","position":3,"name":"\u00bfC\u00f3mo Diferir el An\u00e1lisis de Javascript en WordPress? (4 m\u00e9todos)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/27245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=27245"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/27245\/revisions"}],"predecessor-version":[{"id":28938,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/27245\/revisions\/28938"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27245\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27245\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27245\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27245\/translations\/it"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27245\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27245\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27245\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27245\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27245\/translations\/dk"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27245\/translations\/fr"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27245\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/27252"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=27245"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=27245"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=27245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Pero… \u00bfqu\u00e9 significa eso en realidad? \u00bfY por qu\u00e9 es una consideraci\u00f3n importante para el rendimiento?<\/p>\n
B\u00e1sicamente, cuando alguien visita su WordPress<\/a>, el servidor de su sitio web entrega el contenido HTML de su sitio web al navegador de ese visitante.<\/p>\n El navegador del visitante entonces comienza en la parte superior y pasa a trav\u00e9s del c\u00f3digo para renderizar su sitio. Si, al moverse de arriba a abajo, encuentra alg\u00fan JavaScript, dejar\u00e1 de renderizar el resto de la p\u00e1gina hasta que pueda recuperar y analizar el archivo JavaScript.<\/p>\n Lo har\u00e1 para cada script que encuentre, lo que puede tener un efecto negativo en los tiempos de carga de la p\u00e1gina de su sitio porque el visitante necesita mirar fijamente a una pantalla en blanco mientras su navegador descarga y analiza todo el JavaScript.<\/p>\n Si un determinado script no es necesario para el funcionamiento b\u00e1sico de su sitio (al menos en la carga inicial de la p\u00e1gina<\/em>), no quiere que interfiera con la carga de las partes m\u00e1s importantes de su sitio, que es por lo que aquellos Las herramientas de prueba de velocidad de p\u00e1gina<\/a> siempre le indican que debe diferir el an\u00e1lisis de JavaScript.<\/p>\n Entonces, \u00bfqu\u00e9 significa diferir el an\u00e1lisis de JavaScript?<\/p>\n Esencialmente, su sitio le dir\u00e1 a los navegadores de los visitantes que esperen para descargar y\/o parsear JavaScript hasta que<\/em> el contenido principal de su sitio ya haya terminado de cargarse. En ese momento, los visitantes ya pueden ver e interactuar con su p\u00e1gina, por lo que los tiempos de espera para descargar y analizar que JavaScript ya no tienen un efecto tan negativo.<\/p>\n Acelerando los tiempos de carga de su contenido<\/a>, hace feliz a Google y crea una experiencia mejor y m\u00e1s r\u00e1pida para sus visitantes.<\/p>\n Para probar si su sitio WordPress necesita diferir el an\u00e1lisis de JavaScript, puede ejecutar su sitio a trav\u00e9s de GTmetrix<\/a>.<\/p>\n GTmetrix le dar\u00e1 una calificaci\u00f3n y tambi\u00e9n listar\u00e1 los scripts espec\u00edficos que necesitan ser diferidos:<\/p>\n Hay varias maneras de diferir el an\u00e1lisis de JavaScript. En primer lugar, hay dos atributos<\/a> que puede a\u00f1adir a sus scripts:<\/p>\n Ambos atributos permiten a los navegadores de los visitantes descargar JavaScript sin pausar el an\u00e1lisis de HTML. Sin embargo, la diferencia es que mientras que el as\u00edncrono<\/strong> no hace una pausa en el an\u00e1lisis HTML para obtener el script (como lo har\u00eda el comportamiento predeterminado), si hace una pausa en el analizador HTML para ejecutar el script una vez que se ha obtenido.<\/p>\n Con diferido<\/strong>, los navegadores de los visitantes seguir\u00e1n descargando los scripts mientras analizan el HTML, pero esperar\u00e1n para analizar el script hasta que se haya completado el an\u00e1lisis del HTML.<\/p>\n Este gr\u00e1fico de Growing with the Web<\/a> hace un gran trabajo al explicar la diferencia:<\/p>\n Otra opci\u00f3n, recomendada por Patrick Sexton de Varvy, utiliza un script para llamar a un archivo JavaScript externo s\u00f3lo despu\u00e9s de que la carga inicial de la p\u00e1gina haya terminado. Esto significa que los navegadores de los visitantes no descargar\u00e1n ni ejecutar\u00e1n ning\u00fan JavaScript hasta que la carga inicial de la p\u00e1gina haya finalizado.<\/p>\n Finalmente, otro enfoque que ver\u00e1 es simplemente mover su JavaScript al final de la p\u00e1gina. Sin embargo, este m\u00e9todo no es una gran soluci\u00f3n porque, aunque su p\u00e1gina sea visible antes, los navegadores de los visitantes seguir\u00e1n mostrando la p\u00e1gina como cargando hasta que todos los scripts terminen. Esto podr\u00eda impedir que algunos visitantes interact\u00faen con su p\u00e1gina porque piensan que el contenido no est\u00e1 completamente cargado.<\/p>\n Para diferir el an\u00e1lisis de JavaScript en WordPress, hay tres rutas principales que puede tomar:<\/p>\n Puede hacer clic arriba para ir directamente a su m\u00e9todo preferido o leer todas las t\u00e9cnicas para encontrar la que mejor se adapte a sus necesidades.<\/p>\n Async JavaScript<\/a> es un plugin gratuito de WordPress de Frank Goossens, el mismo tipo detr\u00e1s del popular Autoptimizar plugin<\/a>.<\/p>\n Le ofrece una forma sencilla de diferir el an\u00e1lisis de JavaScript mediante la sincronizaci\u00f3n o el diferido.<\/p>\n Para empezar, puede instalar y activar el plugin gratuito de WordPress.org. A continuaci\u00f3n, vaya a Settings \u2192 Async JavaScript<\/strong> para configurar el plugin.<\/p>\n En la parte superior, puede habilitar la funcionalidad del plugin y elegir entre sincronizar y diferir. Recuerde:<\/p>\n M\u00e1s abajo, tambi\u00e9n puede elegir c\u00f3mo manejar jQuery. Muchos temas y plugins dependen en gran medida de jQuery, as\u00ed que si intenta diferir el an\u00e1lisis de los scripts de jQuery, puede que rompa algunas de las funciones principales de su sitio. El enfoque m\u00e1s seguro es excluir jQuery, pero puede experimentar con aplazarlo. S\u00f3lo aseg\u00farese de probar su sitio a fondo.<\/p>\n M\u00e1s adelante, tambi\u00e9n puede incluir o excluir manualmente scripts espec\u00edficos de ser diferidos, incluyendo una caracter\u00edstica agradable y f\u00e1cil de usar que le permite apuntar a temas espec\u00edficos o plugins que est\u00e1n activos en su sitio:<\/p>\n Aunque no permitimos que la mayor\u00eda plugins de cach\u00e9<\/a> en Kinsta, nosotros permiten el plugin WP Rocket<\/a> porque incluye una integraci\u00f3n incorporada para jugar bien con El almacenamiento en cach\u00e9 a nivel de servidor de Kinsta<\/a>.<\/p>\n Adem\u00e1s de un mont\u00f3n de otras t\u00e9cnicas de optimizaci\u00f3n del rendimiento, WP Rocket puede ayudarle a diferir el an\u00e1lisis de JavaScript en la pesta\u00f1a de Optimizaci\u00f3n de Archivos<\/strong> del panel de control de WP Rocket. Busque la opci\u00f3n Cargar JavaScript diferido en la <\/strong>secci\u00f3n Archivos JavaScript<\/strong>.<\/p>\n Al igual que el plugin Async JavaScript, WP Rocket tambi\u00e9n le permite excluir jQuery para evitar problemas con el contenido de su sitio:<\/p>\n Anteriormente, mencionamos que Patrick Sexton de Varvy recomienda usar un fragmento de c\u00f3digo que espera tanto para descargar como para ejecutar JavaScript hasta que su sitio complete su carga inicial de p\u00e1gina.<\/p>\n Puede implementar este m\u00e9todo ajustando el fragmento de c\u00f3digo que proporciona Varvy y luego a\u00f1adiendo el script a su tema inmediatamente antes de la etiqueta <\/body> de cierre.<\/p>\n Aqu\u00ed est\u00e1 el c\u00f3digo de Varvy<\/a>:<\/p>\n Aseg\u00farese de reemplazar \u00abdefer.js\u00bb con el nombre\/ruta del archivo JavaScript que desea diferir. A continuaci\u00f3n, puede utilizar la funci\u00f3n wp_footer hook<\/a> para inyectar el c\u00f3digo a trav\u00e9s del archivo functions.php del tema child.<\/p>\n Con este enfoque, usted envolver\u00eda el c\u00f3digo de Varvy en algo como esto:<\/p>\n Por \u00faltimo, tambi\u00e9n puede a\u00f1adir el atributo defer a sus archivos JavaScript sin necesidad de un plugin a\u00f1adiendo el siguiente fragmento de c\u00f3digo a su archivo functions.php:<\/p>\n Esencialmente, este fragmento le dice a WordPress que agregue el atributo defer a todos sus archivos JavaScript excepto jQuery.<\/p>\n Es r\u00e1pido y f\u00e1cil, pero no le da el nivel granular de control que ofrece algo como el plugin Async JavaScript.<\/p>\n\n Diferir el an\u00e1lisis de JavaScript en su sitio WordPress es una consideraci\u00f3n importante para el rendimiento.<\/p>\n Una vez que haya utilizado uno de los m\u00e9todos anteriores para diferir el an\u00e1lisis de JavaScript en WordPress, le recomendamos que haga dos cosas:<\/p>\n \u00bfTiene alguna pregunta sobre c\u00f3mo diferir el an\u00e1lisis de JavaScript en WordPress? Pregunte en los comentarios!<\/p>\n","protected":false},"excerpt":{"rendered":" \u00bfHa ejecutado su sitio de WordPress a trav\u00e9s de un herramienta de pruebas de rendimiento s\u00f3lo para recibir una instrucci\u00f3n de diferir el an\u00e1lisis de JavaScript …<\/p>\n","protected":false},"author":38,"featured_media":27252,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[599,172],"topic":[1356,1297],"class_list":["post-27245","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-velocidad-de-pagina","tag-wordpress","topic-consejos-wordpress","topic-tutoriales-javascript"],"yoast_head":"\n<\/a>\u00bfC\u00f3mo saber si necesita diferir el an\u00e1lisis de JavaScript?<\/h2>\n
<\/a>Los diferentes m\u00e9todos para diferir el an\u00e1lisis de JavaScript<\/h2>\n
\n
<\/a>\u00bfC\u00f3mo diferir el an\u00e1lisis de JavaScript en WordPress? (4 m\u00e9todos)<\/h2>\n
\n
<\/a>1. Plugin Async JavaScript gratuito<\/h3>\n
\n
2. Usar el plugin WP Rocket<\/h3>\n
<\/a>3. Use el M\u00e9todo Recomendado de Varvy (C\u00f3digo)<\/h3>\n
\nfunction downloadJSAtOnload() {\nvar element = document.createElement(\"script\");\nelement.src = \"defer.js\";\ndocument.body.appendChild(element);\n}\nif (window.addEventListener)\nwindow.addEventListener(\"load\", downloadJSAtOnload, false);\nelse if (window.attachEvent)\nwindow.attachEvent(\"onload\", downloadJSAtOnload);\nelse window.onload = downloadJSAtOnload;\n<\/code><\/pre>\n\/**\nDefer parsing of JavaScript with code snippet from Varvy\n*\/\nadd_action( 'wp_footer', 'my_footer_scripts' );\nfunction my_footer_scripts(){\n?>\nREPLACE_WITH_VARVY_SCRIPT\n<?php\n}<\/code><\/pre>\n<\/a>4. Deferir JavaScript a trav\u00e9s de functions.php File<\/h3>\n
function<\/span> defer_parsing_of_js<\/span>(<\/span> $url <\/span>)<\/span> {<\/span>\n if<\/span> (<\/span> is_user_logged_in<\/span>()<\/span> )<\/span> return<\/span> $url<\/span>;<\/span> \/\/don't break WP Admin<\/span>\n if<\/span> (<\/span> FALSE <\/span>===<\/span> strpos<\/span>(<\/span> $url<\/span>,<\/span> '.js'<\/span> )<\/span> )<\/span> return<\/span> $url<\/span>;<\/span>\n if<\/span> (<\/span> strpos<\/span>(<\/span> $url<\/span>,<\/span> 'jquery.js'<\/span> )<\/span> )<\/span> return<\/span> $url<\/span>;<\/span>\n return<\/span> str_replace<\/span>(<\/span> ' src'<\/span>,<\/span> ' defer src'<\/span>,<\/span> $url <\/span>);<\/span>\n}<\/span>\nadd_filter<\/span>(<\/span> 'script_loader_tag'<\/span>,<\/span> 'defer_parsing_of_js'<\/span>,<\/span> 10<\/span> );<\/span><\/code><\/pre>\nResumen<\/h2>\n
\n