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:
    1. <?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:
    1. <?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:
    PHP:
    1. <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

  7. Remplázala con esta otra:
    PHP:
    1. <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.

¿Te gustó este post? ¡Compártelo!
  • Bitacoras.com
  • TwitThis
  • Facebook
  • Meneame
  • Google Bookmarks
  • del.icio.us
  • Live
  • Technorati
  • Ping.fm
  • Wikio
  • Turn this article into a PDF!
  • E-mail this story to a friend!
  • Print this article!

También te puede interesar:

cursos formación continua

    22 comentarios en “Comprime el CSS de tu Theme”

  1. Información Bitacoras.com...

    Si lo deseas, puedes hacer click para valorar este post en Bitacoras.com. Gracias....

  2. ejner69 (178 comentarios) dijo:

    Simple y evita dolores de cabeza...
    Gran truco, gracias!

  3. [...] Como comprimir el CSS de tu theme del blog en WordPress para obtener mayor velocidad, leer mas en Ayuda WordPress. [...]

  4. Dr. WordPress (3 comentarios) dijo:

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

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

  5. [...] Comprime el CSS de un theme Wordpressayudawordpress.com/comprime-el-css-de-tu-theme/ por atravesado hace pocos segundos [...]

  6. emip3 (32 comentarios) dijo:

    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)

  7. [...] en Ayuda WordPress Consejos para Blogs y [...]

  8. Dondado (91 comentarios) dijo:

    Hecho, y bien sencillito, ahora a ver si noto mejoría

  9. Cristhian (35 comentarios) dijo:

    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

  10. Luis (22 comentarios) dijo:

    Tremendo truco, en este momento lo probare en mi localhost.

  11. 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

  12. Simon (3 comentarios) dijo:

    Thanks for the link back

  13. CalinSoft (46 comentarios) dijo:

    Bien Fernando. Muy buena forma.

    Probando en mi sitio ;)

  14. eilrax (3 comentarios) dijo:

    funciona genial yo ademas de eso también comprimi el css en esta página http://www.cssdrive.com/index.php/main/csscompressor/

    saludos

  15. [...] estilos no utilizados los he comprimido de esta forma que publicó WordPress SOS en inglés y luego AyudaWordPress en [...]

  16. [...] encontré un truco en AyudaWordPress que funciona a la [...]

  17. [...] Otra solucion seria comprimir las CSS  de la hoja de estilo (en mi caso no es muy grande y no la [...]

  18. Ichigo (5 comentarios) dijo:

    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.

  19. [...] estilos no utilizados los he comprimido de esta forma que publicó WordPress SOS en inglés y luego AyudaWordPress en [...]

  20. [...] configurar adecuadamente WordPress para permitir una carga rápida, eliminando todo lo que sobra, optimizando todo lo que sea [...]

Escribe un Comentario

XHTML: Puedes usar estos códigos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Comentarios adicionales gracias BackType

Subir

Anúnciese aquí
Expertos en WordPress
Evolución Euribor
Consigue 28 themes premium por menos de 14 euros
Participa en el Debate
  • Macgrafic: @Jose esta aplicación es para el iPhone y Puedes gestionar tu blog de tu dominio o de...
  • fff:
  • Abundancia33: Actualicé en algunos blogs y si hay un problema, con esta versión desaparece el...
  • Hugo Alfaro: Wow!… esta utilidad me ha sido de gran utilidad… ideal para los sitios...
  • Jose: P.D. Enhorabuena por la web! Sois magnificos!
Noticias Breves
  • 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]


  • Ahora mismo en los FOROS ...
    Usuarios Registrados
  • Acceder

  • Translate this Blog
    Spanish flagItalian flagChinese (Simplified) flagPortuguese flagEnglish flagGerman flagFrench flagJapanese flagRussian flagSwedish flagCatalan flagHebrew flag                              
    By N2H