No podemos evitar que nos afecte a nivel personal ya que en nuestro campo, su visión y trabajo siempre fué y será un referente e inspiración.

Queremos dedicarle este espacio para recordarlo y agradecerle por lo que nos dejó.

La lentitud de la carga de la página web está básicamente relacionada con el peso o tamaño del html, imágenes, javascript y los diferentes objetos que se carguen, la idea principal es optimizarlo lo más que se pueda y disminuir la cantidad de peticiones que se hacen desde el navegador hacia el servidor, así como también el peso general de todo el contenido.

Existen muchas herramientas que ayudan a medir los tiempos y dan diferentes recomendaciones para poder mejorarlos eficientemente, un ejemplo es el Page Speed creado por Google que tiene una serie de extensiones para FireFox y Chrome, también posee una versión online.

Algunas cosas que deben tomarse en cuenta para optimizar las páginas son:

1. Implementar CSS Sprites, que consiste en generar una única imagen a partir de varias imágenes que se visualizan en una página y luego por medio de estilos mover parte de la imagen que se desea mostrar. Con esta técnica se reduce la cantidad de peticiones que se realiza hacia el servidor ya que únicamente se necesita una sola imagen.

2. Especificar las dimensiones de cada imagen, por medio de los atributos width y height de la etiqueta IMG.

3. Disminuir el tamaño de las imágenes lo más que se puede, tratando de no perder mucha calidad. Existen aplicaciones que optimizan las imágenes para que sean visualizadas via web.

3. Habilitar compresión gzip sobre el contenido estático, imágenes, archivo de estilos css, js, etc. El ahorro del tamaño de cada archivo es muy grande, se comprime alrededor de un 70%, dependiendo las configuraciones que se establezcan dentro del web server.

4. Utilizar paralización en la carga de imágenes, si todas las imágenes se encuentran en un único dominio, el browser va a ir encolando cada petición hasta cargar todas, en cambio sí se utilizan varios dominios el browser las solicita de forma paralela desde cada dominio img1.sitio.com, img2.sitio.com, etc. Se puede utilizar servicios externos para alojar las imágenes, por ejemplo Akamai.

5. Reducir el tamaño del archivo de estilos css y los archivos JavaScript, eliminar el código que no sea utilizado. Eliminar espacios, tabulaciones, comentarios, tamaño de variables, enters, etc., para que el archivo pese lo menos posible. Existen aplicaciones que ayudan a comprimir el contenido.

6. Habilitar el cache dentro de los dominios que sirven contenido estático (imágenes, css, javascript, etc).

7. Brindar el contenido estático desde dominios con cookies deshabilitadas, para reducir el tamaño de cada solicitud al servidor.

8. Verificar el html, primero que nada debe cumplir con las validaciones de la W3C, todo el código debe ser estandard. No abusar del uso de etiquetas que puedan ser reemplazadas por otras o por un manejo dentro de los estilos, evitar utilizar tabulaciones, contenido en mayúscula, tratar de poner todo en una sola línea. Todo lo que pueda sumar para reducir el tamaño general del html.

9. No abusar de la utilización de librerías de jQuery, no incluir archivos js que no son utilizados o únicamente se utilizan pocas funcionalidad, a veces es mejor desarrollar nuestras propias funciones y no incluir un GRAN archivo que contiene demasiadas cosas que  no son utilizadas.

10. Poner la inclusión de los archivos javascript al final?, esto es algo que realmente me genera ruido, aunque es una sugerencia que ya anda dando vueltas hace bastante, la idea es evitar el bloqueo de las solicitudes, al colocarlo al final se puede descomprimir un poco la carga. También se esta hablando mucho de “Deferred Javascript”, la carga diferida permite descargar scripts después que la página se ha cargado, lo que reduce las solicitudes de vuelta en la red con el servidor, para esto les dejo un link para que se entretengan un poco.

Un dato importante es que el tiempo promedio de carga en la web es de aproximadamente 2.5 segundos, siempre intentemos estar por debajo de ese número.

El término se asocia directamente con la idea de compartir  información y la colaboración que los usuarios generan. Hablamos de wikis, blogs, fotoblogs,  redes sociales, etc.

Para mi el término web 2.0 debería asociarse directamente con una solución técnica que se pudo lograr con el avance de la tecnología utilizada para el desarrollo web y no con una idea revolucionaria de colaboración. Todos hablan de la web 2.0 como algo nuevo que surgió en los últimos años, cuando podríamos compararlos perfectamente con ideas del pasado.

Si nos remontamos hace 12 años atrás o más, nos encontraríamos con un llamado ‘portal horizontal’ como El Sitio, que era un lugar de entrada para una variedad muy grande de servicios que se brindaban a los usuarios, en donde muchos de esos servicios podríamos asociarlos hoy en día con sitios 2.0.

En ese entonces en Argentina (como en Latinoamérica) no se tenía un acceso general a  banda ancha, los usuarios utilizaban acceso mediante dial-up y el contenido era muy lento de cargar.

Podríamos hacer un paralelismo entre el ayer (El Sitio) y el hoy (Web 2.0).

CupidoNet = Facebook

Chat 3D = Second Life

Habitantes = Blogs

La cara del sitio = FotoBlogs

El problema principal por la cual los viejos portales horizontales no pudieron continuar hasta hoy fue por la falta de tecnología para resolver ciertas problemáticas de forma práctica y rápida, además lo pobre que era la velocidad de conexión a Internet. Como anécdota recuerdo que en ese entonces un problema grave para el Chat 3D (algo totalmente revolucionario en ese entonces, creado por El Sitio) fue que el plugin pesaba alrededor de 80kb para bajarlo, un peso que hoy es insignificante!.

Tanto Alfred como Yo, tuvimos el honor de participar en todos los avances tecnológicos que tuvo Internet en los últimos 15 años, fuimos parte del crecimiento y ayudamos al mismo desde nuestro humilde lugar.

Desde Braintive le deseamos un muy feliz día a INTERNET.

caso de éxito donde todo es color de rosas, por lo que decidimos contar casos que parten desde la problemática del cliente pasando por el análisis, planteo de soluciones y resolución del problema.

Creemos que este espacio será de gran importancia para nosotros y para ustedes, por lo que los invitamos a participar con comentarios, consultas e ideas.

Les doy la bienvenida a nuestro Blog.