Comprime el CSS de tu tema WordPress

Hay muchas maneras de acelerar tu blog WordPress, pero no siempre el problema está en la sobrecarga de plugins, hay veces que una hoja de estilos demasiado grande puede ralentizar la carga de tu blog.

velocidad-css

Si quieres comprimir el CSS de tu theme sigue estas indicaciones …

  1. Haz una copia de tu hoja de estilos, el fichero ‘style.css‘ que encontrarás en la carpeta de tu theme
  2. Renombra el archivo añadiéndole la extensión ‘.php‘ para que quede como ‘style.css.php
  3. Abre tu nuevo archivo ‘style.css.php‘ y añade esta línea el principio de todo:
    <?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>
  4. Al final de este mismo archivo (‘style.css.php‘), añade la siguiente línea:
    <?php if(extension_loaded('zlib')){ob_end_flush();}?>
  5. Guarda los cambios
  6. Abre el archivo ‘header.php’ de tu theme y busca una línea similar a esta:
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
  7. Remplázala con esta otra:
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>.php" type="text/css" media="screen" />
  8. Guarda los cambios

Con eso ya lo tienes, ahora, la hoja de estilos que se cargará será la PHP, que incluye el código necesario para que se comprima en el servidor, acelerando la carga de tu blog.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(3 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

27 comentarios en “Comprime el CSS de tu tema WordPress”

  1. Pingback: Bitacoras.com

  2. Pingback: Mini-Post « Terabytes Libres

  3. Dr. WordPress

    Y cuando quiero actualizar mi CSS, ¿actualizo el .php no?

    Esta bueno el truco, hoy lo publico también, con tus credenciales, claro 😛

  4. Pingback: Comprime el CSS de un theme Wordpress

  5. Acelera el asunto de una forma terriiible!, la cosa es que no deja verse bien… como decirlo…. lo que me termina ocurriendo es que no respeta los colores, por ejemplo, del fondo del blog… que será? (mi theme: DeepBlue)

  6. Pingback: Cómo comprimir el CSS de nuestro theme | Blogs Bazaar

  7. Pingback: Enlaces para todos lados - Vacaciones | Amatta JM

  8. tomando notas, mañana mismo lo hago en un blog de prueba a ver si no meto la pata… Gracias por el dato, eres un crack.

    Saludos

  9. La verdad es que me parece una buenisima idea la de comprimir las hojas de estilos, a parte de otros ficheros claro, ya que ademas de ganar tiempo de carga reducimos la carga del servidor, nosotros lo tenemos funcionando ya en varias web y funciona a las mil maravillas.

    Gracias por compartir esta idea

  10. Pingback: Reduce el peso de tu web comprimiendo el CSS de tu Theme - Blog Marketing Online - e_make

  11. Pingback: 6 técnicas para Optimizar WordPress para reducir la carga y transferencia | ..: Cristian Eslava | Diseño Gráfico / Web | Maquetación | Formación :..

  12. Pingback: Truco: Acelerar la carga de tu página web | Estación babel

  13. Pingback: Mi Portatil y Yo » Acelerar Wordpress

  14. La verdad una excelente solución. Mi Blog cargaba muy lento y con esto lo hace de manera mucho más veloz. No sabía que plugin desactivar porque todos los que uso son últiles.

    Muchas gracias por este gran aporte.

  15. Pingback: 6 técnicas para Optimizar WordPress para reducir la carga y transferencia | RD Warez | De todo para todos..

  16. Pingback: archiblock.com

  17. Aunque es un artículo de hace bastante tiempo, decir que he intentado probarlo y efectivamente se nota mucho la reduccion de tiempo en la carga.

    Solo he encontrado un problema y es que todo funciona de maravilla hasta que intentas desde el menu de administracion entrar en en menu de apariencia para visualizar el theme o editar cualquier cosa. Da error diciendo que el css no se encuentra!!!

    Hay que modificar algo mas a parte del css y el header.php?

    saludos. Chari

  18. Hola. Gracias por el tip, pero ¿funciona en todos los temas de WordPress? No sé si 1 KB sea mucho en el servidor, pero el «style.css» de mi tema pesa eso, 1 KB (si Windows no se equivoca, pues apenas tiene 4 líneas netas de código CSS). Lo que sí hace son 4 @import al una carpeta, entonces, lo ideal sería comprimir los otros archivos, pero ¿cómo se adaptaría en el @import? ¿También se puede importar archivos .php?
    Gracias por anticipado por tu respuesta 🙂

  19. ¿Que opináis de hacer esto? Crear un style.php con el código

    Es decir, llamar desde un .php a todas nuestras hojas de estilo… ¿Aceleraría o no?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido