{"id":226590,"date":"2022-09-05T10:53:00","date_gmt":"2022-09-05T07:53:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226590"},"modified":"2022-11-08T19:59:04","modified_gmt":"2022-11-08T16:59:04","slug":"como-eliminar-javascript-y-css-que-bloquean-la-representacion-en-el-contenido-de-la-mitad-superior-de-la-pagina","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/como-eliminar-javascript-y-css-que-bloquean-la-representacion-en-el-contenido-de-la-mitad-superior-de-la-pagina\/","title":{"rendered":"C\u00f3mo eliminar JavaScript y CSS que bloquean la representaci\u00f3n en el contenido de la mitad superior de la p\u00e1gina"},"content":{"rendered":"\n

Al crear un sitio web, hay algunos aspectos que son fundamentales para ofrecer a los usuarios una experiencia fluida. Uno de estos aspectos est\u00e1 representado por el tiempo de carga. Los visitantes que desean encontrar lo que buscan lo m\u00e1s r\u00e1pido posible siempre aprecian un sitio web que se carga r\u00e1pidamente .<\/a> Para obtener un tiempo de carga r\u00e1pido, debe aprender a eliminar JavaScript y CSS que bloquean la representaci\u00f3n en el contenido de la mitad superior de la p\u00e1gina.<\/p>\n

La velocidad de un sitio web puede verse influenciada por una amplia gama de factores, pero los factores discutidos en este art\u00edculo tienen el mayor impacto. La ecuaci\u00f3n del sitio web perfecto puede ser dif\u00edcil de resolver, ya que ciertos elementos no dependen de sus acciones. Est\u00e1n dictados por cada situaci\u00f3n en particular (por ejemplo, ubicaci\u00f3n geogr\u00e1fica, velocidad de Internet). Sin embargo, puede optimizar la entrega de CSS modificando los elementos que puede controlar por completo. Obtenga m\u00e1s informaci\u00f3n sobre este tema a continuaci\u00f3n en este art\u00edculo creado por nuestro equipo en wpDataTables<\/a>.<\/p>\n

Definici\u00f3n de bloqueo de visualizaci\u00f3n y contenido de la mitad superior de la p\u00e1gina<\/h2>\n

bloqueo de procesamiento<\/h3>\n

El bloqueo de procesamiento se refiere a los elementos que evitan que el contenido crucial de un sitio web (por ejemplo, el cuerpo del texto principal de un art\u00edculo) se cargue antes de que se cargue toda la p\u00e1gina. Un buen ejemplo de un elemento de este tipo est\u00e1 representado por cualquier JavaScript o CSS adicional que se agregue a un sitio web. Este c\u00f3digo puede evitar que el usuario vea algo en su navegador hasta que el c\u00f3digo se haya ejecutado por completo, lo que se convierte en un bloqueo de procesamiento.<\/p>\n

Contenido de la mitad superior de la p\u00e1gina<\/h3>\n

Cuando un visitante accede a un sitio web, es recibido por una determinada parte del sitio, es decir, la parte superior. Para ver el resto, el usuario deber\u00e1 desplazarse hacia abajo o realizar otras acciones en el sitio. El contenido que los visitantes pueden ver inmediatamente despu\u00e9s de acceder a \u00e9l se denomina contenido de la mitad superior de la p\u00e1gina.<\/p>\n

Acerca del bloqueo de procesamiento en JavaScript y CSS<\/h3>\n

Los navegadores leen HTML para mostrar un sitio. Este es un proceso que tiene varios pasos. Si el navegador encuentra elementos que hacen referencia a un script\/hoja de estilo, se requieren pasos adicionales para leer el c\u00f3digo. El navegador deber\u00e1 solicitar un archivo, esperar una respuesta, descargar el archivo del servidor y luego ejecutar el archivo.<\/p>\n

Por supuesto, estos pasos adicionales pueden ralentizar el tiempo de carga. Tenga en cuenta que algunos temas de WordPress implican m\u00e1s de un solo archivo CSS o JavaScript. El tiempo de carga se puede ralentizar dr\u00e1sticamente debido a estos archivos. Esta es la raz\u00f3n por la que deber\u00e1 eliminar los recursos que bloquean el renderizado de su sitio. La mayor\u00eda de las veces, estos no son archivos cr\u00edticos, por lo que puede diferir el an\u00e1lisis de JavaScript para reducir el bloqueo de la representaci\u00f3n de la p\u00e1gina, mejorando as\u00ed la velocidad de su sitio.<\/p>\n

Identificaci\u00f3n de JavaScript y CSS que bloquean el renderizado<\/strong><\/h3>\n

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

Para eliminar JavaScript y CSS que bloquean la representaci\u00f3n en el contenido de la mitad superior de la p\u00e1gina, deber\u00e1 identificar cu\u00e1les son estos elementos. Una de las formas m\u00e1s f\u00e1ciles de identificarlos es abrir su sitio web con una herramienta de velocidad de p\u00e1gina que le indica qu\u00e9 problemas enfrenta durante la carga. PageSpeed \u200b\u200bInsights de Google<\/a> es una de esas herramientas que deber\u00eda ayudarlo a encontrar los archivos que bloquean la representaci\u00f3n en su sitio. Una vez que haya averiguado cu\u00e1les son los archivos, puede proceder a eliminar o reorganizar el JavaScript que bloquea el renderizado.<\/p>\n

\u00bfC\u00f3mo eliminar JavaScript y CSS que bloquean la representaci\u00f3n en el contenido de la mitad superior de la p\u00e1gina?<\/h3>\n

Tiene dos opciones en esta situaci\u00f3n: aprenda a eliminar usted mismo JavaScript y CSS que bloquean la representaci\u00f3n en el contenido de la mitad superior de la p\u00e1gina o use un complemento para hacerlo. Si es experto en tecnolog\u00eda y est\u00e1 dispuesto a aprender c\u00f3mo se eliminan los recursos que bloquean el renderizado, aplique uno de estos m\u00e9todos:<\/p>\n

Borrar JavaScript de la ruta de representaci\u00f3n cr\u00edtica<\/h3>\n

La ruta de representaci\u00f3n cr\u00edtica solo debe incluir los elementos que son esenciales para el sitio web. Puede mover los recursos de JavaScript innecesarios fuera de esta ruta. Esto se hace agregando ciertos atributos donde se requiere JavaScript. Los atributos son:<\/p>\n