Creo que ya hemos comentado varias veces la importancia de configurar adecuadamente WordPress para permitir una carga rápida, eliminando todo lo que sobra, optimizando todo lo que sea posible.
Uno de los aspectos que podemos organizar mejor es la hoja de estilos, fichero al que recurren todas nuestras páginas con asiduidad salvo que usemos un sistema de cache. Si queremos un CSS eficiente una de las cosas que tenemos que hacer es organizarlo correctamente y reducirlo a su mínima expresión, eliminando lo que sobra.
Pues bien, un modo sencillo de optimizar el CSS es usar la herramienta online llamada Styleneat. El proceso es muy sencillo:
- Copias el código de tu hoja de estilos (normalmente el archivo
style.cssde la plantilla activa), o localizas su ubicación - Pegas ese código en la caja de texto de Styleneat, o lo cargas desde tu ordenador o incluso mediante una URL
- Defines las opciones del proceso (por defecto está bien configurado para la mayoría de las situaciones)
- Haces clic en “Organize CSS”
- Copias o guardas el CSS resultante
A modo de ejemplo, la hoja de estilos del theme K2, uno de los más populares, adelgazó de 1.816 líneas a 1.326, nada menos que 490 líneas sobrantes eliminadas. La reducción de tamaño del archivo es mínima, pero a pesar de eso se cargará de modo más eficiente que la versión original al reducirse las líneas entre las que WordPress deberá buscar lasa clases CSS a mostrar en cada página.
13 comentarios en “Organiza y adelgaza tu CSS”
Información Bitacoras.com…
Valora en Bitacoras.com: Creo que ya hemos comentado varias veces la importancia de configurar adecuadamente WordPress para permitir una carga rápida, eliminando todo lo que sobra, optimizando todo lo que sea posible. Uno de los aspectos que podemos ….
reducirse las líneas entre las que WordPress deberá buscar lasa clases CSS a mostrar en cada página
Mande??
WP no lee los CSS, esto son usados e interpretados por el navegador… ¿no?
¿Y las llamadas que hacen los ficheros php a las clases css?
¿Llamadas?… me puedes poner un ejemplo..
[...] en: ayudawordpress [...]
Increible me reducio 200 lineas,me vino al pelo.
No entiendo lo que carajo hace aun jeje pero quedo = el css no hubo modificaciones.
Ademas ordenado la verdad increible.
Saludos sigo siempre el blog, aunque me olvido de comentar perdoname.
Estás perdonado
Me alegro que te sirviera
A mí me subió de 15 KB a 16 KB y me añadió como 100 líneas, debe ser que tengo un desastre, jajaja, pero lo estaba probando. Mientras no arregle mi desastre de sitio, no tengo moral para opinar.
a mi me ha quitado un 20% de lineas pero me ha subido ligeramente el peso en un 5%. No se si mejorará la respuesta y velocidad de carga. Saludos y gracias por el post.
:O muy interesante antes avia utilizado otro pero este lo ordena bastante bien muchisimas gracias
Uno de los puntos criticos cuando trabaje el site que tengo en proceso actualmente fue la optimizacion del CSS. Use la herramienta que recomiendas y de 363 lineas solo me bajo a 300 (asi que creo no hice mal trabajo), pero me parece interesante la forma como agrupa las clases que tienen variantes y dependen de un principal.
[...] 1, 2, 3, 4, 5, 6, 7, [...]
[...] 1, 2, 3, 4, 5, 6, 7, [...]
Escribe un Comentario
Comentarios adicionales gracias BackType
BuddyPress 1.2 está prácticamente lista para lanzarse salvo que las pruebas de los usuarios digan lo contrario. Ya puedes descargarla y empezar a comprobarla (enlace al svn). En esta nueva versión se han cerrado más de 125 tickets desde la última beta.
[#3]
Ya está disponible WordPress MU 2.9.1 y José Conti me avisa que en unas horas tendrá lista la traducción para poder tener actualizado y listo tu sitio multiusuario.
[#6]
¿Sabías que Kubrick, el tema que va a ser sustituido en 2010 lo creó un desarrollador danés?. Toda la historia de este tema, ya mítico, la tienes en este artículo (traducido con Google).
[#26]
Último mensaje de: seijas
En el foro: Otros CMS
Último mensaje de: adriancon
En el foro: Plugins
Último mensaje de: fum
En el foro: General WordPress.org
Último mensaje de: AMD
En el foro: Themes y Diseño
Último mensaje de: JuanM@
En el foro: Plugins
Acceder