Cómo eliminar CSS sin usar en WordPress (ruta correcta)

¿Desea eliminar CSS sin usar en WordPress para que su sitio se cargue más rápido? CSS sin usar es cualquier código CSS agregado por su tema o complementos de WordPress que realmente no necesita. Eliminar este código CSS mejora el rendimiento de WordPress y la experiencia del usuario. En este artículo, le mostraremos cómo eliminar fácilmente WordPress de CSS sin usar sin romper su sitio web.

¿Qué es CSS sin usar en WordPress? CSS sin usar en WordPress es un código CSS que se carga en su sitio, pero en realidad no es necesario mostrar la página. El código adicional puede hacer que el navegador de un visitante dure un poco más para jugar una página, lo que crea una mala experiencia de usuario. Los tiempos de carga más lentos pueden afectar incluso sus clasificaciones de búsqueda, lo que resulta en un menor tráfico a su sitio.
Puede ver cómo el código CSS no utilizado afecta a su sitio web utilizando Google PageSpeed ​​Insights. Le mostrará una sección titulada “Eliminar CSS no utilizado” con detalles sobre los archivos CSS que afectan su tiempo de carga.

¿Por qué CSS no se usa en WordPress? CSS se utiliza para enfatizar la apariencia de su sitio de WordPress. Su tema de WordPress incluye CSS, la mayoría de ellos están incluidos en un archivo de estilo.css. Además del CSS de su tema, sus complementos de WordPress también cargarán su propio CSS. Por ejemplo, WooCommerce cargará CSS para mostrar productos, un complemento para el generador de página agregará su propio CSS para mostrar su personalizado
Luego tiene sus fuentes web, fuentes de iconos y otros elementos que tendrán que agregar sus propios archivos CSS. Por lo general, estos archivos son muy pequeños y se cargan rápidamente. Sin embargo, si su sitio web de WordPress tiene muchos de ellos, entonces los efectos se pueden agregar y tienen un impacto visible en la velocidad de su sitio ¿Cómo eliminar CSS sin usar en WordPress? Hay algunas formas diferentes en que puede reducir CSS sin usar en su sitio web de WordPress. Sin embargo, sería una tarea difícil eliminar por completo todos los CSS de WordPress no utilizados. Debido a la forma en que WordPress funciona detrás de escena, algunos CSS no utilizados pueden ser difíciles de encontrar y eliminar. Dicho esto, le mostraremos dos métodos para eliminar CSS no utilizado y puede elegir el que funcione mejor para usted. Elimine CSSS. WordPress no utilizado que usa WP Rocket Este método es más fácil y recomendado para principiantes. Mejora enormemente la entrega general de archivos CSS en su sitio web de WordPress, incluida la eliminación del CSS no utilizado. Creemos que es la mejor solución para principiantes, porque es más fácil y logra el objetivo principal de dar a sus usuarios una mejor experiencia. Esto significa que su sitio web está cargando rápidamente en las herramientas de prueba de velocidad y también se siente rápido para sus usuarios.
Primero, debe instalar y activar el complemento WP Rocket. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Al activar, debe visitar la página Configuración »WP Rocket y pasar a la pestaña” Optimización de archivos “.
Luego debe desplazarse hacia abajo a la sección del archivo CSS. Desde aquí, debe verificar la casilla junto a la opción “Optimizar la entrega CSS”. Esta opción genera un archivo CSS que contiene solo el código CSS necesario para mostrar la parte visible de su sitio web. Cargue ese archivo primero, muestre la página de sus visitantes y luego cargue otros archivos CSS utilizando una tecnología llamada carga pospada.

Al eliminar este CSS para bloquear el reproductor, su sitio web se vuelve visible para los usuarios mucho más rápido que si cargue todos los archivos CSS antes de que se muestre la página. Después de activar la opción “Optimizar la entrega de CSS”, haga clic en Guardar los cambios y espere a que WP Rocket genere el archivo CSS necesario para todas sus publicaciones y páginas eliminará automáticamente su sitio web. Una vez que haya terminado, puede continuar y probar nuevamente el rendimiento del sitio web utilizando Google PageSpeed ​​Insights. Cambios adicionales de entrega de archivos para mejorar el rendimiento

WP Rocket también le permite eliminar las cadenas de consulta de los archivos estáticos, combinar las fuentes de Google y minimizar HTML. Todos estos cambios agregan pequeñas mejoras a la velocidad total, lo que agrega una experiencia de carga más rápida para sus visitantes.
También verá opciones para minimizar y combinar archivos CSS. Estas opciones reducirán las solicitudes HTTP y le darán velocidad adicional. Sin embargo, deberá consultar cuidadosamente su sitio web para asegurarse de que no se rompa nada después de que se active esta configuración.
Además, puede aplicar la misma optimización para los archivos JavaScript en su sitio web. Puede reducirlos y combinarlos para que sirvan como un solo archivo y posponga la carga de archivos JavaScript para mejorar el rendimiento. Para obtener más detalles, consulte nuestro paso a paso sobre cómo corregir WP Rocket en WordPress. Método 2. Elimine el CSS no utilizado WordPress usando la limpieza de activos Este método es un poco avanzado, pero increíblemente fuerte y le permitirá eliminar fácilmente cualquier CSS no utilizado de cualquier página de su sitio de WordPress.


Sin embargo, es un poco complicado y deberá probar la funcionalidad y la apariencia de su sitio web para asegurarse de que nada esté roto. Primero, debe instalar y activar el complemento de limpieza de activos. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Después de la activación, debe visitar la página de limpieza de activos »Configuración y pasar a la pestaña de prueba. Desde aquí, debe activar la opción “Activar el modo de prueba”.

Esto le permite probar diferentes configuraciones y probarlas como administrador sin afectar a los visitantes del sitio.

Después de eso, debe acceder a la página de limpieza de activos »CSS / JS Manager. Desde aquí, puede descargar archivos CSS y JavaScript de una página a otra.
Primero se apoderará de su página de inicio y le mostrará todos los archivos CSS y JavaScript cargados en esa página. Debe desplazarse hacia abajo y examinar los archivos cargados. Si ve un archivo que no necesita, puede descargarlo para esa página, tipo de publicación o nivel de sitio.

El complemento también le permite elegir publicaciones o páginas específicas desde aquí o puede acceder a las mismas opciones editando la publicación o página como lo haría normalmente. Para la pantalla de publicación, encontrará el cuadro de limpieza de activos justo en el editor de publicaciones.
El complemento recogerá automáticamente todos los archivos y activos cargados cuando un visitante ve esta página en su sitio web. Luego, simplemente puede descargar los archivos CSS o JavaScript que no necesita en esa página.

IMPORTANTE: No olvide probar su sitio web después de haber eliminado cualquier CSS o JavaScript sin usar para asegurarse de que todo funcione bien. Después de haber terminado de descargar y eliminar los archivos CSS y JavaScript no utilizados, puede volver a la página de configuración del complemento y deshabilitar el “Modo de prueba”. Recuerde hacer clic en el botón Actualizar todas las configuraciones para almacenar sus cambios. Ahora puede probar su sitio web utilizando Google PageSpeed ​​Insights para ver el cambio en la notificación de CSS no utilizada.

Esperamos que este artículo lo haya ayudado a aprender cómo eliminar fácilmente WordPress de CSS sin usar. También recomendamos que siga nuestra guía completa sobre cuánto cuesta crear un sitio web y consultar nuestra lista con las mejores administraciones de alojamiento de WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.