Elimina archivos css sin usar

Inicio » Elimina archivos css sin usar

Wp rocket css sin usar

Hola Kerry esto podría ayudar … Algunas personas (me incluyo) son lo que yo llamo medio codificadores, que realmente no sabemos lo que estamos haciendo, pero puede descargar las plantillas y construir un sitio por la costura de bits juntos. He intentado hace muchos años ser un codificador, pero mi cerebro simplemente no puede hacerlo … De cualquier manera de vuelta al punto de nosotros medio codificadores no saben lo que es inútil css particularidad cuando compramos / descargado el código de un sitio.

Yo personalmente pagué por mi código para mi sitio y ahora estoy tratando de acelerarlo, pero como de costumbre, mientras que el mantra es hacer que el sitio más rápido identfing y sacar defunct / código de la basura es un camino espinoso y intimidante para un medio coder

¡Hola @Nightwing No sé en qué clase estoy – Supongo que ‘viejo codificador’ Primero empecé con el código de la máquina, luego progresó a la base – antes de las ventanas, incluso! En mi primer PC el sistema operativo era BASIC (el lenguaje, no el nivel), la RAM era de unos fenomenales 8K y no había disco duro, sólo una unidad de cinta. ¡Recuerdo el primer disco duro con el que trabajé que era de 5mb y costaba 5K GBP y era del tamaño de una caja de zapatos!

Reducir el css no utilizado en wordpress

Seleccione la opción “CSS” en la extensión Web Developer y haga clic en “Desactivar todos los estilos”, o haga clic en la opción “Hojas de estilo” en Pendule y haga clic en “Desactivar todos los estilos”. Después de hacer clic en la opción, la página se volverá a mostrar sin los estilos.

Elige tu carpeta local donde se encuentran los archivos CSS que estás editando y ahora tus archivos en las herramientas de desarrollo están asociados a tus archivos locales (verás un pequeño punto verde). Ahora, cada vez que edites el código fuente puedes hacer clic en “Comando + S” y guardar los cambios en el código.

Eliminar el CSS no utilizado de la hoja de estilos. Haz clic en la pestaña de Auditorías dentro de Herramientas de desarrollo y selecciona las opciones “Rendimiento de la página web” y “Recargar la página y auditar en la carga”. Ahora haga clic en el botón “Ejecutar” para comenzar el proceso de auditoría de CSS. En la página de resultados, expanda el grupo “Eliminar reglas CSS no utilizadas” y seleccione el (los) archivo(s) CSS que están enlazados desde su sitio.

En Chrome, en “inspeccionar elemento”, en la parte superior donde se destacan “elemento” y “consola”, haga clic en la fuente y busque en los archivos anidados el elemento que está buscando. Creo que a día de hoy los archivos HTML tienen un código de colores blanco y los archivos CSS amarillo, pero eso puede cambiar.

Plugin css no utilizado

Muchos sitios web utilizan un montón de bibliotecas de terceros o algunos temas pre-construidos, con un montón de características y código para cubrir todos los escenarios posibles, mientras que sólo una pequeña parte se utiliza realmente. Terminas transfiriendo megabytes de CSS sin usar (código muerto), lo que hace que tu sitio web tarde mucho en cargar.

Si usas WordPress, desafortunadamente no hay una manera fácil de encontrar el CSS no utilizado, como por ejemplo instalando un plugin y haciendo clic a través de algunos pasos de configuración. Aunque hay algunas herramientas en línea, que ayudan a encontrar el CSS necesario enviando tu URL.

Purifycss.online, por ejemplo, rastrea tu página web y comprueba todos los archivos CSS y también los estilos en línea. Pero cuidado: eliminará todas las reglas CSS que no se utilicen en la página especificada, aunque algunas de ellas puedan utilizarse en subpáginas. Tienes la posibilidad de insertar múltiples URLs, pero si manejas un sitio con cientos de páginas, puede ser bastante engorroso.

Ahora, si ya tienes tu código CSS limpio, copiémoslo y pégalo en un nuevo archivo y llámalo styles.pure.css y súbelo a la carpeta de tu tema (si estás usando un tema pre-construido, espero que ya hayas creado un tema hijo).

Eliminador de css duplicados

Cuando haga clic en el botón Eliminar CSS no utilizado, se generará el CSS utilizado para su sitio web en segundo plano y se añadirá al HTML de cada página procesada. Nota: Aunque el tamaño total de la página disminuirá, el tamaño del cuerpo de la respuesta HTML aumentará. Esto se debe a que Remove Unused CSS añadirá el CSS utilizado como un elemento en línea en el documento HTML. Al final, Remove Unused CSS disminuirá el total a descargar.

WP Rocket recogerá todas las hojas de estilo y scripts encontrados en una página y los enviará a nuestra herramienta externa para que los procese. La herramienta recogerá todo lo que pueda ser identificado como un selector CSS. Más tarde, comparará el HTML de la página con los datos seleccionados para que coincida con los selectores CSS que se utilizan realmente en la página. Sólo los selectores CSS que coincidan se conservarán y se guardarán como CSS utilizado. Las entradas de CSS usado se guardarán en la base de datos.

Mientras se procesa el CSS, verá una barra de progreso. Durante este tiempo, no verá una mejora en PageSpeed. En la mayoría de los casos, esperamos que esto lleve unos minutos, pero seguiremos intentando procesar los archivos durante un máximo de 1 hora.

Ir arriba