El peso de mi blog

Hace algún tiempo leí en el blog de Armoth sobre el 'peso' de algunos elementos de los blogs y las webs en general. Lo cierto es que no lo recordé hasta hace poco al descubrir que la extensión Webdeveloper toolbar me deja medir cuánto ocupa una página.

Es tan fácil como ir a Información > Ver tamaño del documento

Lo primero fue probarlo con mi blog. Y los resultados son los siguientes:

Centrándonos en la portada, ¿cuáles son los elementos que más ocupan?

1. Las imágenes (182KB):
Así que toca optimizar más las imágenes, y buscar un modo de no presentar tantas en la portada. Actualmente todas las imágenes están bastante optimizadas y ocupan menos de 50KB cada una por lo que queda rediseñar la portada. ;-)

2. Los scripts (47KB). A la vista de los datos deduzco:

1. Que la mayoría de los scripts sólo cargan con la portada y no con la entrada individual.
2. Que existen scripts que desconocía y se cargan.

Solución a los scripts.
Algunos son prescindibles por lo que se borrarán. Quizás hasta ahora no les dí la importancia que merecían.

Recomiento controlar que javascripts (.js) tenemos instalados y sino son necesarios quitarlos. Su función generalmente suele ser:

» Forman parte del diseño, generalmente para comentar, búsquedas internas, u otras aplicaciones de la propia plantilla.
» Contadores, casi todos los contadores los usan.
» Publicidad: adsense, y otros usan estos sistemas.

En el primer caso podemos optar por plantillas que no usen demasiados recursos javascript y controlar el tamaño de los mismos. En el segundo, no abusar de los contadores, usar pocos y controlar su tamaño. Y el tercero, ver el modo de no abusar.

¿Por qué son importantes los "pesos"?

Son KB (kilobytes) que tiene que descargar nuestro navegador del servidor al visitarlo. A mayor peso, más tarda en cargarlos y nosotros en visualizarlos. Aparte, generan consumo de ancho de banda al servidor. Si los hacemos más pequeños gana el visitante y el cliente del servidor.

Añadido a lo que ocupa cada elemento hemos de tener en cuenta que la velocidad de carga también depende de la velocidad del servidor y de nuestra conexión.

Sobre lo segundo poco que hacer, cada uno tiene la que tiene. Sobre lo primero es posible que un elemento, sea imágen o script, alojado en un servidor ajeno al nuestro puede hacer muy lenta la carga de nuestro blog. Por ej. un script de un contador puede hacer que nuestro sitio cargue muy lento.

A veces se confunde kilobit [kb](se usa generalmente como unidad de medida para la velocidad de transmisión de datos) y kilobyte [KB] (unidad de capacidad de memoria). Recomiendo leer los enlaces para diferenciar ambos términos. :-)

Enlaces relacionados:
» El abuso de Ajax por Armonth. ;-)
» Emulador conexión 28/56kbps. Para ver lo que tarda tu blog en cargar en una conexión lenta. :)
» Carga selectiva de librerías por Bjørn Børresen [english].
» Javascript por Anieto2k. Sabe mucho sobre estos temas. :-)