ASSET CLEANUP | Remove Unused CSS \u0026 JS (Improve website page speed scores)

déjame mostrarte usando el complemento de limpieza de activos cómo puedes eliminar tus archivos CSS no utilizados y archivos JavaScript no utilizados, lo que hará que las puntuaciones de velocidad de tu página de Google sean más altas. Como puede ver, este es mi sitio web y está funcionando muy mal. Puede ver que tengo oportunidades para eliminar los recursos de bloqueo renderizados que son archivos CSS y archivos JavaScript y luego tenemos algunos archivos CSS sin usar que no se usan en el sitio web pero aún se están cargando, esto hace que el sitio sea más lento. Entonces tenemos algunos un JavaScript no utilizado que se está cargando en el sitio web que ni siquiera estamos usando en el sitio web, por lo que este será un tutorial muy fácil utilizando el complemento de limpieza de activos para eliminar esos archivos CSS y JavaScript no utilizados. Voy a hacer otro video que será un video completo y detallado sobre cómo eliminar completamente los archivos CSS de su sitio web. Entonces, si eres nuevo aquí , no olvides darle me gusta al video y suscribirte al canal para que recibas una notificación cuando publique ese video o si estás viendo este video en el futuro, solo revisa la descripción de este video . podría haber publicado ese video ya. así que inicie sesión en el panel de Wordpress y luego, desde la barra lateral izquierda, desplace los complementos y luego haga clic en agregar nuevo y ahora busque aquí limpieza de activos y este primer complemento vamos a usar la página de LIMPIEZA DE ACTIVOS Speed ​​​​Booster. haga clic en instalar ahora una vez que esté instalado, haga clic en activar. así que el complemento está instalado, puede encontrar este complemento en la configuración y la última opción de limpieza de activos, por lo que las opciones generales aquí sobre este complemento no vamos a cubrir estas opciones porque estamos haciendo algo muy específico lo que estamos haciendo déjame mostrarte y de esta manera, será más fácil para usted comprender cómo usar este complemento, cómo eliminar un JavaScript usado y archivos CSS no usados. Entonces, ¿qué haré? Abriré la página de inicio de mi sitio web y luego, en la parte superior aquí, haré clic en editar página. no importa si está utilizando elementor o cualquier otro creador de páginas , necesita usar esta opción de edición de página. una cosa más chicos, antes de que hagamos algo, muchas personas comentaron en mi video que su sitio web se rompió o algo así, así que lo primero que debe hacer siempre es recuperar el sitio web, como siempre. si sucede algo, siempre puede restaurar su sitio web y si este complemento o cualquier otro complemento que esté utilizando rompió su sitio web, simplemente desactive el complemento si no ve cambios, actualice el caché porque en la mayoría de los casos ha desactivado un complemento todo el efecto del complemento desaparecerá, su sitio web volverá a ser como era antes. y lo mejor para mantener siempre la copia de seguridad si estamos haciendo algo grande en su sitio web. Dicho esto, veamos cómo funciona este complemento. bien, recuerde que instalamos el complemento y ahora lo que debe hacer es desplazarse por la página solo para mencionar nuevamente que estamos haciendo esto en la página de inicio del sitio web página de inicio la página más importante todas las demás páginas son importantes pero la página de inicio es la página más importante así que una vez que se desplace por la página, encontrará esta sección de limpieza de activos de opción aquí y aquí puede ver todos los archivos JavaScript y css que se están cargando en la página que se mostrarán aquí. va a tomar un poco de lógica y su conocimiento acerca de su sitio web. Entonces, lo que vamos a hacer es eliminar el CSS no utilizado que no se usa en esa página. Comprenderá en un minuto a qué me refiero. puede ver que hay un archivo CSS que dice perfiles sociales de astra widget. puede hacer una lógica de que este CSS se use para mostrar perfiles sociales. si regreso a mi sitio web y me desplazo por la página , puede ver que no tengo ningún elemento de perfil social en mi página de inicio. así que lo que haré , volveré aquí, haré clic en descargar en esta página. así que al hacer esto estamos descargando un archivo CSS que no se usa en esa página. normalmente no estás usando perfiles sociales en cada página. Tomemos otro ejemplo, si me desplazo más por la página, puede ver que el archivo CSS se agrega por contacto de 7 para diseñar el formulario de contacto. si vuelvo a mi sitio web no tengo ningún formulario de contacto en mi página de inicio. Tengo un formulario de contacto en mi página de contacto pero no en la página de inicio. Entonces, lo que puedo hacer , simplemente iré aquí y lo descargaré en esta página. Si me desplazo más, puede ver que hay otro archivo JS agregado por el formulario de contacto 7 que no estoy usando en la página de inicio, así que lo descargaré. Además, básicamente , no estoy usando el formulario de contacto 7 en mi página de inicio, así que descargaré todos los archivos del formulario de contacto 7 de mi página de inicio. y cuando realice cambios aquí en páginas particulares, solo se verán afectados en esa página, no se verán afectados en otras páginas. así que si descargo los scripts aquí, aún se cargarán en otras páginas pero no en la página de inicio. y como dije, crearé otro video que será más detallado sobre cómo eliminar el archivo CSS no utilizado manualmente, lo que será más efectivo, pero este es un método fácil que funcionará en la mayoría de los sitios web. y ahora me preguntará que creé muchos videos de mejora de la velocidad antes de entonces por qué necesita usar este complemento de limpieza de activos. porque a veces lo que sucede con cada sitio web es diferente y cada sitio web tiene diferentes secuencias de comandos, por lo que a veces es necesario probar diferentes tipos de métodos, por lo que si ve mi video LITE SPEED, pondré un enlace aquí o cualquier otro video, encontrará el enlace en el superior en algún lugar si no funcionan para usted 100, puede usar este complemento en la parte superior de esos complementos para obtener los mejores puntajes para la velocidad de la página de Google. Bien, volveré a desplazarme por la página y, de esta manera, solo necesita desplazarse por la página y encontrar qué CSS o JS no está utilizando en esas páginas y simplemente descargarlos allí. si ve aquí, tengo otra secuencia de comandos que es una encuesta de encuesta de WP y un sistema de votación. Estoy usando la secuencia de comandos solo en una página en el sitio web, por lo que puedo descargar la secuencia de comandos al 100% en la página. incluso puede usar algunas opciones como descargar lateralmente para que este script se descargue en todo el sitio completamente en su sitio web y lo que puede hacer cuando descarga en todo el sitio puede ir a la página donde está usando el script y luego marcar esta opción ' en esta página ' puede hacer una excepción para cargar el script en páginas particulares. así que de esta manera realmente puede ahorrar mucho CSS y JS cargando en su sitio web, lo que hará que su sitio web sea realmente rápido. puede repetir este proceso para todos los scripts que no esté usando en todas las páginas. Estoy seguro de que encontrará muchos scripts que no está utilizando en todo su sitio web y una vez que encuentre todo el CSS y JS que no está utilizando todas esas páginas, simplemente haga clic en actualizar. ahora todos estos archivos que acabamos de cargar no se cargarán en su página de inicio y esto hará que su sitio web obtenga una puntuación realmente alta. esto tomará algún tiempo, pero estoy seguro de que esto realmente lo ayudará a mejorar los puntajes de velocidad de la página de su sitio web y si desea saber cómo obtuve 100 de 100 para los puntajes de VELOCIDAD DE LA PÁGINA de Google, vea este video en pantalla. y no olvides darle a este video un pulgar hacia arriba y suscribirte al canal y compartir este video con alguien que pueda necesitarlo.