Foro de Xeoweb Foro de Posicionamiento y Buscadores
Aprendiendo a Promocionar Páginas Web.
Xeoweb :: Sindicar
 
 FAQFAQ   BuscarBuscar   MiembrosMiembros   Grupos de UsuariosGrupos de Usuarios   RegistrarseRegistrarse 
 PerfilPerfil   Entre para ver sus mensajes privadosEntre para ver sus mensajes privados   LoginLogin 
Reducir el peso de tus ficheros CSS.

 
Publicar nuevo tema   Responder al tema    Foros de discusión -> Usabilidad y Accesibilidad
Ver tema anterior :: Ver tema siguiente  
Autor Mensaje
DUQUE
Soy de Yahoo!


Registrado: 01 Ago 2005
Mensajes: 882

MensajePublicado: Mar Dic 26, 2006 10:01 am    Asunto: Reducir el peso de tus ficheros CSS. Responder citando

Desde aNieto2K teneis un tutorial de como hacerlo.

http://www.anieto2k.com/2006/12/25/pon-a-dieta-tus-css/
_________________
Los mejores muebles.
Descarga videojuegos gratis.
Volver arriba
Ver perfil de usuario Enviar mensaje privado Visitar sitio web del autor
JustMe
Vivo en Xeoweb


Registrado: 27 Sep 2005
Mensajes: 2696
Ubicación: Por ahí....

MensajePublicado: Mar Dic 26, 2006 3:20 pm    Asunto: Responder citando

Agrupar propiedades es un paso, pero para para ir un poco más lejos y sin necesidad de escarbar en el css, es mejor enviarlo comprimido con gzip al cliente. Una pequeña función que hice hace algún tiempo para esta tarea, en php, (y también para los js y html):

Código:
<?php
$_crunch_content = (isset($_crunch_content) && $_crunch_content===true) ? true : false;
if (extension_loaded('zlib')) {
   $_zlib_included = strtolower(ini_get('zlib.output_compression'));
   if (empty($_zlib_included) || $_zlib_included == 'off') {
      ini_set('zlib.output_compression_level', 4);
      ob_start('ob_gzhandler');
      }
   }
}
$_crunch_content ? ob_start('_content_crunch') : NULL;
function _content_crunch($contents) {
   $s = array('/[\n\r\t]/','/\s\s+/');
   $r = array('',' ');
   $contents = preg_replace($s, $r, $contents);
   return $contents;
}

if (!empty($_content_type_to_send)) {
   header('Content-Type: '.$_content_type_to_send);
}
if (isset($_cache_time_to_send) && is_int($_cache_time_to_send)) {
header('Cache-Control: max-age='.$_cache_time_to_send.', must-revalidate');
#############################
# $_content_type_to_send   #
# application/x-javascript   #
# text/css               #
#############################
?>

Además de comprimir, permite especificar el tipo MIME a enviar y "crunch" el fichero, esto es, elimina espacios blancos superfluos, es sólo incluirla en la cabecera del css o js y poner $_content_type_to_send= 'text/css'.
_________________
Robar ideas de una persona es plagio, robar de muchas es investigación.
Blog Gratis
Volver arriba
Ver perfil de usuario Enviar mensaje privado Visitar sitio web del autor
Armonth
Me he pasado a noXtrum


Registrado: 29 Dic 2004
Mensajes: 256

MensajePublicado: Mie Dic 27, 2006 4:23 am    Asunto: Responder citando

JustMe, aunque no es mala idea comentar que si no me falla la memoria, IE se lleva muy mal con los CSS bajo Gzip...
_________________
Mi sitio: SigT, Historias de bloggers con insomnio.
Todas las entradas sobre WordPress.
Volver arriba
Ver perfil de usuario Enviar mensaje privado Visitar sitio web del autor
Eleve
Me gusta MSN!


Registrado: 02 Jul 2005
Mensajes: 513
Ubicación: Buenos Aires

MensajePublicado: Mie Dic 27, 2006 5:43 am    Asunto: Responder citando

La verdad que no le veo mucha utilidad al articulo, algunos de los puntos me parecen muy cuestionables, como el que aconseja reducir el largo de nombre de los "class" o "id's".
_________________
Contador Publico
Blog Contadores Publicos
Volver arriba
Ver perfil de usuario Enviar mensaje privado Enviar email MSN Messenger
JustMe
Vivo en Xeoweb


Registrado: 27 Sep 2005
Mensajes: 2696
Ubicación: Por ahí....

MensajePublicado: Mie Dic 27, 2006 6:47 pm    Asunto: Responder citando

Armonth escribió:
JustMe, aunque no es mala idea comentar que si no me falla la memoria, IE se lleva muy mal con los CSS bajo Gzip...


Eso es cierto, si no le dices el MIME type, precisamente para eso es esta función para comprimir y enviar correctamente el MIME type: text/css
_________________
Robar ideas de una persona es plagio, robar de muchas es investigación.
Blog Gratis
Volver arriba
Ver perfil de usuario Enviar mensaje privado Visitar sitio web del autor
Mostrar mensajes de anteriores:   
Publicar nuevo tema   Responder al tema    Foros de discusión -> Usabilidad y Accesibilidad Todas las horas son GMT
Respuesta Rápida y Acciones
 

 

Página 1 de 1


Cambiar a:  
Puede publicar nuevos temas en este foro
No puede responder a temas en este foro
No puede editar sus mensajes en este foro
No puede borrar sus mensajes en este foro
No puede votar en encuestas en este foro

 


Logo diseñado por iLevante
Powered by phpBB © 2001, 2009 phpBB Group