{"id":23760,"date":"2017-10-26T12:38:23","date_gmt":"2017-10-26T10:38:23","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=23760"},"modified":"2017-10-26T13:11:55","modified_gmt":"2017-10-26T11:11:55","slug":"wordpress-como-eliminar-el-javascript-de-la-parte-superior-de-la-pagina","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/wordpress-como-eliminar-el-javascript-de-la-parte-superior-de-la-pagina\/","title":{"rendered":"WordPress – C\u00f3mo Eliminar el JavaScript de la Parte Superior de la P\u00e1gina"},"content":{"rendered":"
<\/div>

\n\t\"C\u00f3mo\n<\/p>\n

\n\tEs muy probable que nunca haya sido una preocupación para ti que el JavaScript estuviera bloqueando la visualización del contenido de tu sitio web<\/strong>, hasta que a Google le pareció bien indicarlo en su PageSpeed Insights<\/a><\/em>.\n<\/p>\n

\n\tDesde entonces, el mensaje se ha hecho muy popular y muchos usuarios de WordPress han estado ”peleando”<\/em> para conseguir eliminar esa alerta de las indicaciones que Google hace en su PageSpeed<\/em>.\n<\/p>\n

\n\tEsta advertencia de Google puede solucionarse de la forma que PageSpeed<\/em> indica, que es: Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página<\/em>.\n<\/p>\n

\n\tEl problema es que muchas veces no se sabe cómo hacer lo que Google indica, sobre todo si no se tiene conocimientos de PHP.\n<\/p>\n

\n\tNo existe ninguna opción en WordPress que diga -¿Quieres eliminar el JavaScript de la parte superior de la página?<\/em>, ni nada por el estilo, así que hay que buscar otras opciones para conseguirlo, si es que se puede.\n<\/p>\n

\n\tHoy vamos a hablar de esto peo antes vamos a ver porque Google nos hace esta indicación del JavaScript.\n<\/p>\n

\n\t
\n\tQué Significa que el JavaScript Bloquee la Visualización de la Página?
\n<\/h2>\n

\n\tEn un principio puede parecer que hay algo en nuestro sitio web que no se esté mostrando porque el malvado<\/em> JavaScript lo está tapando<\/em>, literalmente.\n<\/p>\n

\n\tEsto no es así, si se lee atentamente lo que dice Google en el PageSpeed es lo siguiente:\n<\/p>\n

\n\tNo se ha podido visualizar el contenido de la mitad superior de la página sin tener que esperar<\/strong> a que se cargara alguno de los recursos<\/em>.\n<\/p>\n

\n\tLo que quiere decir es que el navegador tiene que espera a que JavaScript se cargue<\/strong> antes de poder ver el contenido de la parte de arriba de WordPress.\n<\/p>\n

\n\tEsto hace que la web se cargue algo más lenta de lo que debiera, porque hay JavaScript que puede pesar mucho<\/strong> y el usuario tiene que esperar a que termine de descargar el JS para poder ver la mitad superior de la web.\n<\/p>\n

\n\tEsto puede notar en conexiones lentas sobre todo, no tanto en las conexiones actuales.\n<\/p>\n

\n\tSi echáis un ojo al código de vuestra web, veréis que Jay JavaScript entre las etiquetas <head><\/em>. Si, por ejemplo, hacéis una búsqueda de jquery.js<\/strong> posiblemente veréis algo parecido a esto:\n<\/p>\n

\n\t\"javascript\n<\/p>\n

\n\tLo que quiere Google es que ese JavaScript no esté entre las etiquetas <head><\/em>, ni en el resto de la parte superior de la web. Vamos, que si se puede, ponerlo en el <footer><\/em>.\n<\/p>\n

\n\tHay que pensar que muchos de los añadidos que vamos poniendo en nuestro WordPress, analíticas, botones a redes sociales, sliders, etc… usan JavaScript, y por lo general lo encontramos en la parte superior de la página y eso es lo que Google recomienda solucionar.\n<\/p>\n

\n\tPara conseguir esto en un WordPress sin tener experiencia en código, podemos usar el plugin Speed Booster Pack<\/strong>.\n<\/p>\n

\n\t
\n\tPlugin Speed Booster Pack para WordPress
\n<\/h2>\n

\n\tEl plugin Speed Booster Pack<\/strong> puede ser la opción que se está buscando para trasladar todo el JavaScript al footer<\/em> con sólo seleccionar un par de opciones.\n<\/p>\n

\n\tEs un plugin gratuito que se puede descargar desde el repositorio de plugins de WordPress haciendo click aquí<\/em><\/a>.\n<\/p>\n

\n\tTambién podemos instalarlo directamente desde la sección de plugins de nuestro WordPress de la manera habitual.\n<\/p>\n

\n\tUna vez instalado y activado, podemos encontrar las opciones en Ajustes > Speed Booster Pack<\/strong>.\n<\/p>\n

\n\t\"Speed\n<\/p>\n

\n\tLas opciones de este plugin son muy llamativas, no son a las que estamos acostumbrados a ver en WordPress, y están en perfecto ingles, pero vamos a echarles un vistazo.\n<\/p>\n

\n\t\"Ajustes\n<\/p>\n

\n\tHay cinco menús desplegables que son:\n<\/p>\n