Optimizar CSS sin PHP

Uncss

Muchos sitios web utilizan un montón de librerías 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 de ella se utiliza realmente. Acabas transfiriendo megabytes de CSS sin usar (código muerto), lo que hace que tu sitio web tarde muchísimo en cargar.

Si usas WordPress, desafortunadamente no hay una manera fácil de encontrar CSS sin usar, como instalar un plugin y seguir 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 gestionas un sitio con cientos de páginas, puede resultar bastante engorroso.

Ahora, si ya tienes tu código CSS limpio, vamos a copiarlo y pegarlo en un nuevo archivo y nombrarlo styles.pure.css y subirlo a la carpeta de tu tema (si estás usando un tema pre-construido, espero que ya hayas creado un tema hijo).

  Cambiar el color del dashboard de Wordpress

Min css a normal

¿Quieres optimizar la velocidad de tu sitio? Hemos elaborado una guía completa sobre la optimización del rendimiento de WordPress. Tendrás acceso a información útil, como por qué la velocidad es importante, qué puede ralentizar tu sitio de WordPress y pasos prácticos que puedes seguir para hacer que tu sitio web sea más rápido inmediatamente.

En este artículo, profundizaremos en algunas de las mejores prácticas de optimización del rendimiento de WordPress y responderemos a las dos preguntas: ¿Cuáles son los principales consejos para mejorar la velocidad del sitio web de WordPress? y ¿Por qué su sitio WordPress es lento?

Existen varias prácticas recomendadas de optimización del rendimiento que puede poner en práctica hoy mismo para reducir el tiempo de carga de las páginas y hacer que su sitio de WordPress cargue más rápido. Aquí está nuestra lista completa de recomendaciones prácticas, de fáciles a avanzadas.

El servicio de alojamiento de WordPress desempeña un papel fundamental en el rendimiento del sitio web. ¿Cómo es un buen proveedor de alojamiento? Un buen proveedor de alojamiento toma medidas adicionales para optimizar el rendimiento de su sitio web y ofrece un buen servicio de atención al cliente. Existen varios tipos de alojamiento en el mercado:

Css komprimieren online

Grunt debería descargarse e instalarse automáticamente.3. Abra la carpeta de su proyectoUsando el símbolo del sistema de Node.js, navegue hasta la carpeta que contiene los archivos que desea que UnCSS analice. Puedes hacerlo introduciendo la ruta del archivo. Por ejemplo:cd C:TestProject

  Análisis de legibilidad de Yoast SEO qué es y por qué deberías tenerlo en cuenta

Las instrucciones anteriores indican a UnCSS que escanee tu archivo index.html en busca de CSS no utilizado y cree un archivo CSS recortado dentro de una carpeta llamada cleancss. El plugin CSSmin minificará el nuevo archivo CSS, que se llamará por defecto tidy.css. Las últimas líneas son especialmente importantes ya que cargan y registran ambos plugins.6. Ejecutar GruntPor último, debes navegar de vuelta a tu carpeta de archivos fuente y ejecutar Grunt así:cd C:TestProject>grunt

Eliminar css no utilizados

JCH Optimize es uno de esos plugins en los que no se debe simplemente seleccionar todo para ser optimizado y esperar que su sitio sea 2x más rápido en las velocidades de carga. Cuanto más intente optimizar, más procesamiento deberá realizar el plugin.

Lo que yo sugeriría que hagas primero es sólo usar JCH para minificar los archivos JS y CSS, luego compara la velocidad de carga de la página con tus 200ms iniciales. Si ves un aumento en el rendimiento, entonces intenta combinar sólo los archivos JS o sólo los CSS.

  Añadir varios usuarios a la vez en WordPress

Detenga las extensiones que cargan sus propios css y js y luego combine cualquier activo que sea realmente necesario (es decir, 3 x bootstrap.min.css no es necesario) en su plantilla, por lo que está sirviendo 1 css minificado y 1 o 2 js minificados, ambos pre-compilados.