Carga rápida CSS Purificación
Delgado Baja tu CSS
La carga rápida reduce el peso de la página
La mejor herramienta de purificación de CSS
Qué es Carga rápida?
Rapidload es una herramienta de purificación de CSS que en serio aumenta la velocidad de tu página puntaje. El complemento funciona purificando automáticamente sus archivos CSS y reduciendo su tamaño. El complemento tiene el precio más alto de todos los complementos enumerados: $10 / mes (aproximadamente £ 7,50) para un sitio web, pero ahorra mucho tiempo y problemas si desea maximizar el potencial de su sitio web.
Purificación CSS se trata solo de usar CSS en una página requiere para construir la página. Supera el problema de 'Bloat' que vienen con casi todos los temas comerciales de WordPress. Lo que sucede aquí es que un sitio web tendrá un 'styles.css' maestro y contendrá todo el CSS para el tema. Esto tendrá cientos o miles de comandos CSS que simplemente no utilizas. Esto luego se carga en cada página, provoca tiempos de carga lentos y obtendrá señales de alerta en sus informes de velocidad de página.
Este complemento le permite agregar páginas y publicaciones al sistema Rapidload. Creará nuevas hojas de estilo para cada página individual, que se cargarán en lugar de la original. Las nuevas hojas de estilo sólo contendrán el CSS necesario para esa página. Las reducciones por temas pueden ser enormes: hasta 90%.
Como los archivos CSS son fundamentales para construir la página y son uno de los archivos más grandes que se descargan, esto marca una gran diferencia, especialmente en dispositivos móviles. Un ejemplo aquí es que la puntuación de tu computadora de escritorio puede estar en los 90, pero tu móvil aún podría estar atascado en los 50... esto es el complemento que reducirá el peso de su página y hará que su sitio móvil alcance los 80 o más.
En mi opinión, vale cada centavo ya que la purificación de CSS es un proceso bastante técnico, pero Carga rápida lo hace fácil.
Delgado Baja tu CSS
La carga rápida reduce el peso de la página
La mejor herramienta de purificación de CSS
Qué es Carga rápida?
Rapidload es una herramienta de purificación de CSS que mejora seriamente tu puntuación de velocidad de página. El complemento funciona purificando automáticamente sus archivos CSS y reduciendo su tamaño. El complemento tiene el precio más alto de todos los complementos enumerados: $10 / mes (aproximadamente £ 7,50) para un sitio web, pero ahorra mucho tiempo y problemas si desea maximizar el potencial de su sitio web.
Purificación CSS se trata solo de usar CSS en una página requiere para construir la página. Supera el problema de 'Bloat' que vienen con casi todos los temas comerciales de WordPress. Lo que sucede aquí es que un sitio web tendrá un 'styles.css' maestro y contendrá todo el CSS para el tema. Esto tendrá cientos o miles de comandos CSS que simplemente no utilizas. Esto luego se carga en cada página, provoca tiempos de carga lentos y obtendrá señales de alerta en sus informes de velocidad de página.
Este complemento le permite agregar páginas y publicaciones al sistema Rapidload. Creará nuevas hojas de estilo para cada página individual, que se cargarán en lugar de la original. Las nuevas hojas de estilo sólo contendrán el CSS necesario para esa página. Las reducciones por temas pueden ser enormes: hasta 90%.
Como los archivos CSS son fundamentales para construir la página y son uno de los archivos más grandes que se descargan, esto marca una gran diferencia, especialmente en dispositivos móviles. Un ejemplo aquí es que la puntuación de tu computadora de escritorio puede estar en los 90, pero tu móvil aún podría estar atascado en los 50... esto es el complemento que reducirá el peso de su página y hará que su sitio móvil alcance los 80 o más.
En mi opinión, vale cada centavo ya que la purificación de CSS es un proceso bastante técnico, pero Carga rápida lo hace fácil.
Rapidload es una herramienta de purificación de CSS que aumenta seriamente la puntuación de velocidad de su página. El complemento funciona purificando automáticamente sus archivos CSS y reduciendo su tamaño.
El complemento tiene el precio más alto de todos los complementos enumerados: $10 / mes (aproximadamente £ 7,50) para un sitio web, pero ahorra mucho tiempo y problemas si desea maximizar el potencial de su sitio web.
Rapidload es una herramienta de purificación de CSS que aumenta seriamente la puntuación de velocidad de su página. El complemento funciona purificando automáticamente sus archivos CSS y reduciendo su tamaño. El complemento tiene el precio más alto de todos los complementos enumerados: $10 / mes (aproximadamente £ 7,50) para un sitio web, pero ahorra mucho tiempo y problemas si desea maximizar el potencial de su sitio web.
Purificación CSS se trata solo de usar CSS en una página requiere para construir la página. Supera el problema de 'Bloat' que vienen con casi todos los temas comerciales de WordPress. Lo que sucede aquí es que un sitio web tendrá un 'styles.css' maestro y contendrá todo el CSS para el tema. Esto tendrá cientos o miles de comandos CSS que simplemente no utilizas. Esto luego se carga en cada página, provoca tiempos de carga lentos y obtendrá señales de alerta en sus informes de velocidad de página.
Este complemento le permite agregar páginas y publicaciones al sistema Rapidload. Creará nuevas hojas de estilo para cada página individual, que se cargarán en lugar de la original. Las nuevas hojas de estilo sólo contendrán el CSS necesario para esa página. Las reducciones por temas pueden ser enormes: hasta 90%.
Como los archivos CSS son fundamentales para construir la página y son uno de los archivos más grandes que se descargan, esto marca una gran diferencia, especialmente en dispositivos móviles. Un ejemplo aquí es que la puntuación de tu computadora de escritorio puede estar en los 90, pero tu móvil aún podría estar atascado en los 50... esto es el complemento que reducirá el peso de su página y hará que su sitio móvil alcance los 80 o más.
En mi opinión, vale cada centavo ya que la purificación de CSS es un proceso bastante técnico, pero Carga rápida lo hace fácil.
Usando Carga rápida
Carga rápida Instrucciones
Usando Rapidload para optimizar su CSS
Rapidload era anteriormente un complemento que requería Autoptimize para funcionar, pero ahora es un complemento CSS independiente por derecho propio. Después de instalar Rapidload, será visible en la barra superior de su panel de administración de WordPress. Haga clic en eso para acceder al área de control principal del complemento.
Así que cómo ¿Yo ¿Usarlo?
Lo primero que debes hacer es agregar tus páginas/productos y/o publicaciones. También puede optar por agregar su mapa de sitio completo si lo desea. Esto escaneará todas las URL y creará los nuevos archivos. El proceso lleva algo de tiempo, así que asegúrese de marcar la casilla "Actualización automática" en la parte inferior para ver el progreso de cada página. Puede hacer clic en el botón "En cola" o "Procesando" junto a cada URL si se atasca.
Si tiene páginas o archivos CSS problemáticos, puede excluirlos de los nuevos archivos CSS. Esto cargará ciertos archivos desde sus ubicaciones originales si tiene problemas de estilo. También habilite CSS crítico, pero deje solo CSS móvil separado a menos que tenga un sitio móvil/AMP dedicado. Los temas están realmente diseñados para responder y tener un caché separado podría ralentizar su sitio web.
Importante Caché / Minimizar Puntos
Si está ejecutando algún complemento de caché o optimización como Cohete WP o Limpieza de activos profesional, no marque las casillas para minimizar o insertar el código. De hecho, de las casillas de la parte inferior (Opciones adicionales) no tengo ninguna marcada. Esto se debe a que todo el almacenamiento en caché lo maneja su mejoramiento software, y si intenta almacenarlo en caché nuevamente, no solo causará posibles problemas de diseño, sino que también lo ralentizará. Solo almacene en caché y minimice desde una fuente de complemento.
Sitios web estáticos y dinámicos
Otro punto importante a tener en cuenta es la función 'Cola automática'. Si tienes un sitio web que tiene estática contenido – es decir haces las paginas/posts y siguen igual, no volver a poner en cola los archivos. Una vez que ha creado un archivo, lo mantendrá allí sin tener que rehacerlo constantemente para cada URL en cada visita de usuario. Si tiene un sitio grande, esto requerirá bastante servidor, ya que su sitio web estará constantemente rehaciendo archivos CSS.
Si agrega contenido dinámico o adicional a las mismas páginas todo el tiempo, habilite esta función. Esto se debe a que el contenido nuevo puede significar que se está utilizando CSS nuevo y necesita el archivo para cargar el CSS que necesita para mostrar las páginas correctamente. Nuevamente, habilítalo solo si tienes contenido dinámico, como una tienda WooCommerce o algo así. Rapidload tiene algunos paquetes de "listas seguras" que le ayudarán con el tipo de sitio que tiene. El de WooCommerce, por ejemplo, evitará que las páginas de su cesta y de pago se almacenen en caché o se modifiquen de alguna manera.
Rapidload le avisará si hay algún error. Lo verás cuando lo uses. Hay un ícono verde en la barra superior cuando todo está bien, uno ámbar si hay algunas páginas con errores de diseño y uno rojo si hay problemas generales. Revise sus páginas y ajuste la configuración hasta que estén "todas verdes".
Resultados de ahorro de CSS de carga rápida
Verás cuánto te ahorra CSS Rapidload. Si pasa el cursor sobre una página, le indicará cuántos kb, así como un porcentaje de la cantidad de código que está guardando. Es bastante sorprendente ver la diferencia, y el tiempo de carga de la página disminuirá significativamente en casi todos los casos. sitio web de WordPress lo usas.
¿Esto hará un Diferencia?
Sí, lo será, especialmente en dispositivos móviles. Como los archivos CSS pueden ser muy grandes, especialmente en el ámbito comercial temas de WordPress. el ahorro de datos será bastante grande. Algunos archivos estilos.css pueden superar 1 MB, así que imagina que estás ahorrando alrededor de 80-85% de eso: el tamaño de descarga de la página inicial se reducirá drásticamente. Esta es la principal forma de conseguir puntuaciones muy altas, especialmente en dispositivos móviles. En algunos casos, he visto un aumento de 30% en las puntuaciones de velocidad de las páginas móviles usando Rapidload solo.
Ventajas de la carga rápida
La purificación manual de CSS estaba reservada para personas expertas en CSS. Los archivos CSS son grandes y debes ser preciso en qué CSS extraes de tu sitio web y probar y volver a probar todo lo que haces.
Rapidload salva todo esto. No solo eso sino que eres no en realidad eliminando cualquier cosa de sus archivos CSS originales. Esto tiene enormes ventajas. Por ejemplo, si en el futuro desea utilizar diferentes partes o funciones en un tema, puede hacerlo. Simplemente ejecute el generador CSS nuevamente. Con la purificación manual, una vez que lo sacas, desaparece para siempre.
¿Listo para moverse?
Paso 10: consejos y trucos
La etapa final
Ventajas de la carga rápida
La purificación manual de CSS estaba reservada para personas expertas en CSS. Los archivos CSS son grandes y debes ser preciso en qué CSS extraes de tu sitio web y probar y volver a probar todo lo que haces.
Rapidload salva todo esto. No solo eso sino que eres no en realidad eliminando cualquier cosa de sus archivos CSS originales. Esto tiene enormes ventajas. Por ejemplo, si en el futuro desea utilizar diferentes partes o funciones en un tema, puede hacerlo. Simplemente ejecute el generador CSS nuevamente. Con la purificación manual, una vez que lo sacas, desaparece para siempre.
¿Listo para moverse?
Paso 10: consejos y trucos
La etapa final
RápidoCarga
Optimice su CSS
Rapidload era anteriormente un complemento que requería Autoptimize para funcionar, pero ahora es un complemento CSS independiente por derecho propio. Después de instalar Rapidload, será visible en la barra superior de su panel de administración de WordPress. Haga clic en eso para acceder al área de control principal del complemento.
Así que cómo ¿Yo ¿Usarlo?
Lo primero que debes hacer es agregar tus páginas/productos y/o publicaciones. También puede optar por agregar su mapa de sitio completo si lo desea. Esto escaneará todas las URL y creará los nuevos archivos. El proceso lleva algo de tiempo, así que asegúrese de marcar la casilla "Actualización automática" en la parte inferior para ver el progreso de cada página. Puede hacer clic en el botón "En cola" o "Procesando" junto a cada URL si se atasca.
Si tiene páginas o archivos CSS problemáticos, puede excluirlos de los nuevos archivos CSS. Esto cargará ciertos archivos desde sus ubicaciones originales si tiene problemas de estilo. También habilite CSS crítico, pero deje solo CSS móvil separado a menos que tenga un sitio móvil/AMP dedicado. Los temas están realmente diseñados para responder y tener un caché separado podría ralentizar su sitio web.
Importante Caché / Minimizar Puntos
Si está ejecutando algún complemento de caché o optimización como Cohete WP o Limpieza de activos profesional, no marque las casillas para minimizar o insertar el código. De hecho, de las casillas de la parte inferior (Opciones adicionales) no tengo ninguna marcada. Esto se debe a que todo el almacenamiento en caché lo maneja su software de optimización, y si intenta almacenarlo en caché nuevamente, no solo causará posibles problemas de diseño, sino que también lo ralentizará. Solo almacene en caché y minimice desde una fuente de complemento.
Estático o dinámico
Otro punto importante a tener en cuenta es la función 'Cola automática'. Si tienes un sitio web que tiene contenido estático – es decir haces las páginas/publicaciones y siguen siendo las mismas, no volver a poner en cola los archivos. Una vez que ha creado un archivo, lo mantendrá allí sin tener que rehacerlo constantemente para cada URL en cada visita de usuario. Si tiene un sitio grande, esto requerirá bastante servidor, ya que su sitio web estará constantemente rehaciendo archivos CSS.
Si agrega contenido dinámico o adicional a las mismas páginas todo el tiempo, habilite esta función. Esto se debe a que el contenido nuevo puede significar que se está utilizando CSS nuevo y necesita el archivo para cargar el CSS que necesita para mostrar las páginas correctamente. Nuevamente, habilítalo solo si tienes contenido dinámico, como una tienda WooCommerce o algo así. Rapidload tiene algunos paquetes de "listas seguras" que le ayudarán con el tipo de sitio que tiene. El de WooCommerce, por ejemplo, evitará que las páginas de su cesta y de pago se almacenen en caché o se modifiquen de alguna manera.
Rapidload le avisará si hay algún error. Lo verás cuando lo uses. Hay un ícono verde en la barra superior cuando todo está bien, uno ámbar si hay algunas páginas con errores de diseño y uno rojo si hay problemas generales. Revise sus páginas y ajuste la configuración hasta que estén "todas verdes".
Ahorros de carga rápida
Verás cuánto te ahorra CSS Rapidload. Si pasa el cursor sobre una página, le indicará cuántos kb, así como un porcentaje de la cantidad de código que está guardando. Es bastante sorprendente ver la diferencia, y el tiempo de carga de la página disminuirá significativamente en casi todos los sitios web de WordPress en los que lo utilice.
¿Esto hará un Diferencia?
Sí, lo será, especialmente en dispositivos móviles. Como los archivos CSS pueden ser realmente grandes, especialmente en temas comerciales de WordPress. el ahorro de datos será bastante grande. Algunos archivos estilos.css pueden superar 1 MB, así que imagina que estás ahorrando alrededor de 80-85% de eso: el tamaño de descarga de la página inicial se reducirá drásticamente. Esta es la principal forma de conseguir puntuaciones muy altas, especialmente en dispositivos móviles. En algunos casos, he visto un aumento de 30% en las puntuaciones de velocidad de las páginas móviles usando Rapidload solo.
Título 5
La purificación manual de CSS estaba reservada para personas expertas en CSS. Los archivos CSS son grandes y debes ser preciso en qué CSS extraes de tu sitio web y probar y volver a probar todo lo que haces.
Rapidload salva todo esto. No solo eso sino que eres no en realidad eliminando cualquier cosa de sus archivos CSS originales. Esto tiene enormes ventajas. Por ejemplo, si en el futuro desea utilizar diferentes partes o funciones en un tema, puede hacerlo. Simplemente ejecute el generador CSS nuevamente. Con la purificación manual, una vez que lo sacas, desaparece para siempre.
¿Listo para moverse?
Paso 10: consejos y trucos
La etapa final