Mi blog ocupa demasiado

Roberto47 · #1 (**permalink**) 19/03/2009, 03:59

Hola a todos.
Soy propietario de un blog alojado de forma gratuita en Blogspot, y llamado esferaf1.blogspot.com.
Todo va bastante bien, a excepcion de una cosa: el espacio que ocupa la web. Podeis verlo al buscar en google esfera f1. Os aparecerá que el blog ocupa 137 KB. No se que hacer para reducirlo por debajo de los 100 o incluso de los 90. Solo tengo 5 posts en ña pagina principal, y los widgets justos.
Alguien sabe que puedo hacer?¿?¿?
Gracias de antemano!
Un saludo
Roberto

armandoweb · #2 (**permalink**) 19/03/2009, 06:46

Hola:

Por que quieres reducir el tamaño? o para qué?

Saludos.

ARMANDOWEB.

pzin · #3 (**permalink**) 19/03/2009, 06:55

No sé hasta qué punto podrás toquetear el HTML del sitio.

En el código, hay muchas cosas que puedes mejorar bastante. Por ejemplo, aparece muchísimas veces éstas cosas:

Código css:

Ver originalpadding-top:2px;
padding-right:14px;
padding-bottom:2px;
padding-left:29px;

Ésto se repite cientos de veces, con padding, con margin, con border, etc...

Si puedes, cámbialo, según el ejemplo anterior, por ésto:

Código css:

Ver originalpadding:2px 14px 2px 29px;

El resultado es absolutamente el mismo.

Otra idea que podrías hacer si tienes la posibilidad, es quitar el dominio del HTML para no trabajar con rutas absolutas. Que también se repiten muchísimas veces.

Todo es cosa de optimizar el código.

Roberto47 · #4 (**permalink**) 19/03/2009, 09:33

Cita:

Iniciado por armandoweb

Hola:

Por que quieres reducir el tamaño? o para qué?

Saludos.

ARMANDOWEB.

Hola.
Lo de reducir el tamaño es debido a que melo han recomendado. Segun las personas que me lo han dicho, un sitio debería ocupar menos de 100 k, debido a que Google no indexa correctamente el resto de información.

Roberto47 · #5 (**permalink**) 20/03/2009, 08:19

Cita:

Iniciado por Bonez

No sé hasta qué punto podrás toquetear el HTML del sitio.

En el código, hay muchas cosas que puedes mejorar bastante. Por ejemplo, aparece muchísimas veces éstas cosas:

Código css:

Ver originalpadding-top:2px;
padding-right:14px;
padding-bottom:2px;
padding-left:29px;

Ésto se repite cientos de veces, con padding, con margin, con border, etc...

Si puedes, cámbialo, según el ejemplo anterior, por ésto:

Código css:

Ver originalpadding:2px 14px 2px 29px;

El resultado es absolutamente el mismo.

Otra idea que podrías hacer si tienes la posibilidad, es quitar el dominio del HTML para no trabajar con rutas absolutas. Que también se repiten muchísimas veces.

Todo es cosa de optimizar el código.

Hola.
Lo he probado y si que reduce algo de espacio.
Además, creo que la mayoria del espacio lo ocupaban las fotos, asique subire fotos mas pequeñas.
A alguien se le ocurre otra forma?¿?

pzin · #6 (**permalink**) 20/03/2009, 08:24

Si las imágenes es siempre lo primero que habría que reducir, no en su tamaño pero sí en su peso. Encontrar la mejor calidad de la imagen con poco peso. Optimizar las imágenes vaya.

Aunque como ya dije, también es importante el código limpio de cosas innecesarias y repetitivas.

Daniel Ulczyk · #7 (**permalink**) 20/03/2009, 08:35

Considerá, además, que siempre es una buena práctica enlazar los estilos a un CSS externo.
Como asé también todo el JS posible.
Esto no modificará la velocidad de carga, pero tu código quedará más limpio.
Finalmente, como estás utilizando CSS; todas las líneas de comentarios de la plantilla Blogger; podés quitarla. Esto es lo que está debajo de

/* Variable definitions

Hasta la etiqueta de cierre del comentario

*/

Lo cual es válido para el resto del docuemento.

Suerte!

Roberto47 · #8 (**permalink**) 20/03/2009, 09:04

Cita:

Finalmente, como estás utilizando CSS; todas las líneas de comentarios de la plantilla Blogger; podés quitarla. Esto es lo que está debajo de

/* Variable definitions

Hasta la etiqueta de cierre del comentario

*/

Lo cual es válido para el resto del docuemento.

Hola Daniel.
He probado ha borrar lo que me has dicho, pero da error. Gracias de todas maneras.
Un saludo

jomaruro · #9 (**permalink**) 21/03/2009, 04:24

Cita:

Iniciado por Roberto47

He probado ha borrar lo que me has dicho, pero da error. Gracias de todas maneras.

¿Te da error quitar los comentarios CSS?

Saludos.

Roberto47 · #10 (**permalink**) 21/03/2009, 04:32

Cita:

¿Te da error quitar los comentarios CSS?

Exactamente lo que me pone es lo siguiente:

Cita:

Declaración de variable no válida en máscara de página: La variable se utiliza, pero no está definida. Información: mainTextColor

El problema esque hay en esa parte define los colores, y luego, cuando te vas a header o cualquier cosa, pone
color:$mainTextColor por ejemplo, es decir, no pone el valor del color, sino la referencia a las /* Variable definitions.
Otra cosa esque este borrando otra cosa. Lo que borro es lo siguiente:

Código PHP:

  /* Variable definitions

  ====================

   <Variable name="mainBgColor" description="Main Background Color"

             type="color" default="#fff" value="#ffffff">

   <Variable name="mainTextColor" description="Text Color" type="color"

             default="#000" value="#000000">

   <Variable name="postTitleColor" description="Post Title Color" type="color"

             default="#333" value="#333333">

   <Variable name="dateHeaderColor" description="Date Header Color"

             type="color" default="#810" value="#881100">

   <Variable name="borderColor" description="Post Border Color" type="color"

             default="#bbb" value="#FFFFFF">

 
 
   <Variable name="mainLinkColor" description="Link Color" type="color"

             default="#b30" value="#339966">

   <Variable name="mainVisitedLinkColor" description="Visited Link Color"

             type="color" default="#c63" value="#00CC33">

             

   <Variable name="titleBgColor" description="Page Header Background Color"

             type="color" default="#710" value="#339966">

   <Variable name="titleTextColor" description="Blog Title Color"

             type="color" default="#fff" value="#ffffff">

 
   <Variable name="topSidebarHeaderColor"

             description="Top Sidebar Title Color"

             type="color" default="#fff" value="#CAF99B">

   <Variable name="topSidebarBgColor"

             description="Top Sidebar Background Color"

             type="color" default="#999" value="#000099">

   <Variable name="topSidebarTextColor" description="Top Sidebar Text Color"

             type="color" default="#fff" value="#ffffff">

   <Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"

             type="color" default="#fff" value="#ffffff">

   <Variable name="topSidebarVisitedLinkColor"

             description="Top Sidebar Visited Link Color"

             type="color" default="#ddd" value="#FFFFFF">

 
   <Variable name="bodyFont" description="Text Font" type="font"

             default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

   <Variable name="pageTitleFont" description="Blog Title Font" type="font"

             default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 266% 'Trebuchet MS',Verdana,Arial,Sans-serif">

   <Variable name="descriptionFont" description="Blog Description Font" type="font"

             default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

   <Variable name="headerFont" description="Sidebar Title Font" type="font"

             default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">

   <Variable name="postTitleFont" description="Post Title Font" type="font"

             default="normal bold 150% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 150% 'Trebuchet MS',Verdana,Arial,Sans-serif">

   <Variable name="startSide" description="Start side in blog language"

             type="automatic" default="left" value="left">

   <Variable name="endSide" description="End side in blog language"

             type="automatic" default="right" value="right">

*/

Un saludo y gracias por todo de nuevo

jomaruro · #11 (**permalink**) 21/03/2009, 04:41

Hola:

No entiendo nada, pero eso no se me parece en nada al CSS que yo conozco.

Saludos.

Roberto47 · #12 (**permalink**) 21/03/2009, 04:48

Cita:

Iniciado por jomaruro

Hola:

No entiendo nada, pero eso no se me parece en nada al CSS que yo conozco.

Saludos.

No es CSS. Además, yo nunca he dicho que eso sea CSS. Eso es html, creo.
Lo que si me funciona es lo que me comento Bonez, lo de cambiar esto:

Código PHP:

     1.padding-top:2px;
   2.padding-right:14px;
   3.padding-bottom:2px;
   4.padding-left:29px;

Por esto otro:

Código PHP:

  padding:2px 14px 2px 29px;

Lo de borrar las variables definitions, yo lo creia que era por que ya estaban puestas en otro lado.
Un saludo
P.D: Como podeis comprobar, no se mucho de estas cosas, ya que llevo dos meses con ello.

Roberto47 · #13 (**permalink**) 31/03/2009, 14:16

Hola.
Tras mucho trabajo, he conseguido reducir a 95 K mi web.
Aun así, a alguno se le ocurre como podria reducirlo mas, o limpiar mi codigo fuente.
Un saludo

Daniel Ulczyk · #14 (**permalink**) 31/03/2009, 14:43

Cita:

Iniciado por Roberto47

Aun así, a alguno se le ocurre como podria reducirlo mas, o limpiar mi codigo

Como bien te dije antes, alojar todo el CSS en un archivo externo siempre es una buena práctica