Blogs e Internet

ago 042009

Derroche de ancho de banda

Cuando se quiere ver un video de alta calidad, con una ADSL normal, uno espera un rato a que se cargue el principio (buffering) de forma que tras unos 5/10 segundos se puede ver el video casi sin cortes. El ancho de banda, la cantidad de información que circula por la red desde el servidor a tu ordenador, está justificada, sobre todo porque los de Youtube (o el portal que esté sirviendo el video) han estudiado mucho que codec usar de compresión de video para tener la máxima calidad en el menor espacio posible.

De la misma forma, las páginas web deberían hacer lo mismo, pero desgraciadamente la tendencia es al pasotismo de dicha optimización, puesto que las ADSL soportan ya descargas de 1 mega en apenas unos segundos … ¿para qué voy a querer hacerlo más rápido?

Por muchas razones, pero dos sobre todo, una del lado del visitante y otra del lado de tu bolsillo. Quieras que no, no es lo mismo navegar por una web en la que se tarda unos 6/8 segundos en cargar cada página, que en la que puede mostrarse en 2/3 segundos. La navegación es mucho más fluida y está demostrado que en las páginas más rápidas la media de páginas vistas por sesión del usuario es mucho mayor. Así lo he podido comprobar en aquellas página que he optimizado, casi duplicándose la experiencia del usuario.

Por otro lado, cuando uno tiene que pagar la factura del servidor dedicado, y su contrato va por transferencia en lugar de "ancho de banda" (aunque en términos generales es "casi" lo mismo a la hora de contar), es mejor pagar o consumir menos "canuto", pues dejas "más espacio" a otros posibles visitantes concurrentes al sitio web.

Por tanto, es importante tener en cuenta la optimización de un sitio web. Se me ha ocurrido coger el del 20minutos, por ser una página que me saca de quicio cuando tengo que cargarla en el iPhone, ya que casi es 1 mega de información con todos los archivos que carga, y es famosa por su carga de contenidos.

La página home tiene 219 archivos, que van uno a uno a nuestro ordenador la primera vez que la cargamos. Afortunadamente, gracias a la caché, "sólo" son 49 los que hay que cargar por segunda vez. Entre ellos están 25 Javascripts, 33 hojas de estilo y más de 100 imagenes. Con apenas un primer nivel de optimización básica, se podría reducir el número de archivos cargados totales a menos de 160, comprimiendo JS y CSS. Las imagenes CSS podrían reducirse a un par, y las imagenes, haciéndo un breve estudio (tampoco le voy a hacer la consultoría entera gratuita al 20minutos ;)) se podrían reducir más de un 30% de su peso (no en número).

Así pues, se podría pasar de una página de 220 archivos con 960K de descarga, a otra de unos 120 archivos con 380K de descarga. Multipliquemos por unos 50.000 usuarios al día (supongo que tendrá más). El ahorro de descarga de transferencia por sus servidores al día sería de 29 terabytes, 20 veces más de lo que muchos disfrutan con un servidor dedicado, y seguro que unos cuantos de cientos de euros en la factura del periódico, además de, recordemos, una navegación mucho más agradable y rápida para el usuario, pudiéndo aumentar el número de páginas vistas por sesión.

Esto es simplemente un primer nivel de optimización, ya que existen muchísimos otros factores en el lado del servidor donde está alojada la página, o incluso en el código fuente, que hacen que la página sea más rápida y óptima tanto para navegadores como para buscadores.

En tiempos de crisis, no deberíamos derrochar tanto byte :P

ago 022009

Camutonadefuniyo funcionó

Me invento una palabra, hago un experimento y al cabo de los meses tiene ya 1020 resultados en Google. Incluso se registró el dominio Camutonadefuniyo.com. Impresionante.

Gracias a todos los que participasteis en este pequeño experimento. No tengo ni idea de cómo se me ocurrió la palabra, supongo que escribiendo silabas sin sentido. Hoy en día, cualquier cosa es posible en la red ;)

jul 272009

Perfil aumentado

Hace poco conocía a una persona que me comentaba que no estaba en Facebook porque pueden saber todo de tí. Le contesté que uno en Facebook pone lo que uno quiere, ni más ni menos. Cuando la acorralé con tal respuesta se ciñó a comentar entonces que pueden poner fotos de tí en algún perfil, a lo que le volví a contestar que, estando o no estando en Facebook pueden poner fotos de tí en esa red, en Youtube o donde sea, sin tu consentimiento.

Veamos, las redes sociales están ahí para apuntarse libremente y colocar la información que uno quiera. De la misma manera, mi Facebook, mi Twitter, mi blog, mi vCard … todo lo controlo de la manera que yo quiero y activo los permisos para que cada uno vea lo que yo quiero.

En base a esto, los de TAT han creado augmented ID, un innovador sistema con el que tu decides qué perfil activar en cada momento, y con sólo tu fotografía el sistema detecta quien eres, y te coloca a tiempo real y en tres dimensiones tus tarjetas de visita o perfiles que has seleccionado como activos al lado tuyo, para poder fácilmente relacionarte con los demás.

El video es muy explicativo y es impresionante. Ya tengo ganas de que salgan :)

TAT augmented ID –
jul 232009

Qué tipo de letra es

Usando como origen la expresión "What the fuck" (¡que narices!), he descubierto un servicio llamado "What the font" (¡que letra! si se quiere traducir de alguna forma parecido), consistente en algo que siempre todos alguna vez nos hemos preguntado al ver algún tipo de letra muy interesante y no sabíamos de cual se trataba.

Efectivamente en WhatTheFont nos permite subir un archivo con una imagen donde hay un tipo de letra y el programa nos dice que tipo de letra es. Así de fácil, así de sencillo. Muy útil y he visto que ha funcionado con algún logotipo de portales famosos en la red.

También ya de paso, ya que hablo de letras, recomendar DaFont.com, un lugar imprescindible para encontrar el tipo de letra perfecto para una página Web, ya que permite ver tipos de letra por categorias, ordenarlos por popularidad, y ver siempre el tipo de letra con la palabra que tu elijas. Todo gratuito.

Ahora ya no hay excusas de tipos de letras :)

jul 212009

Curso de Internet , versión año 2000

En el baúl de los recuerdos me encuentro un curso de Internet que yo mismo daba en una academía allá por el año 2000. Que tiempos aquellos con el módem. El cursó lo dividí en cinco días. Me acuerdo que el IRC (el chat), era lo que más le llamaba la atención a la gente, y siempre tenía que dejarles los últimos 10 minutos de los siguientes días "para chatear".

DIA 1.- Introducción a Internet, historia, configuración, nociones de redes para entender el funcionamiento de Internet y acceso a la red.

1. Conceptos básicos de redes
• Introducción a Internet. Vista General
• Qué son la redes y cómo funcionan. Tipos de Redes.
• Qué es Internet y su historia
• Terminología de Internet. Vocabulario.
• Cómo se transmite la información en Internet. Protocolos.
• El sistema de nombres por dominio. Registros. Marketing.
• El acceso a Internet
• Configuración para el acceso a Internet
• Direcciones IP y redes

2. Las comunicaciones en Windows 95 y el acceso a Internet
• Proveedores de acceso a Internet en España
• El software necesario
• El coste de Internet. Operadoras de telecomunicación.
• Las comunicaciones en Windows 95. Generalidades.
• Configuración del acceso a Internet en Windows 95
• Acceso a Internet a través de una red local

DIA 2.- World Wide Web, páginas en Internet, realización, puesta en marcha de una web, herramientas de marketing de una web

3. World Wide Web: la telaraña mundial
• Introducción
• Documentos de hipertexto
• Identificación de los recursos en Internet: el URL
• Páginas Web con estructura de marcos (frames)

4. Netscape Communicator
• Introducción
• Componentes de la suite Netscape Communicator
• Obtención e instalación de Netscape Communicator
• Primer arranque de Netscape Navigator
• La primera página
• Desplazamiento por la página Web
• Hiperenlaces
• Las barras de herramientas
• Páginas Web con marcos
• Apertura de una nueva ventana de Netscape Navigator
• Los marcadores o bookmarks
• Guardar un documento
• Abrir un fichero del ordenador local
• El menú del botón derecho del ratón
• Visualización del código HTML
• Obtención de información acerca de la página visualizada
• Configuración de Netscape Communicator
• Qué es el caché
• El historial
• Navegación Off-Line
• El gestor de perfiles

5. Internet Explorer
• Introducción
• Componentes de la suite Internet Explorer. Tipos de instalación
• Obtención e instalación de Internet Explorer
• Arranque de Internet Explorer
• Conexión con un servidor de información
• Desplazamiento por la página Web
• Las barras de Internet Explorer
• Ocultar y mostrar las barras de herramientas y de estado
• Operaciones con la barra de botones estándar
• Apertura de una nueva ventana de Internet Explorer
• Las direcciones favoritas
• Guardar un documento
• Abrir un fichero del ordenador local
• El menú del botón derecho del ratón
• Visualización del código HTML
• Creación de un acceso directo en el Escritorio
• El Historial de accesos
• Configuración de Internet Explorer

6. Multimedia en Internet
• Introducción
• Sobre las tecnologías usadas para conseguir efectos especiales en las páginas Web
• GIF animados
• Java y Javascript
• Plug-ins
• Obtención, instalación y utilización de Real Player
• Obtención, instalación y utilización de Acrobat Reader

7. El lenguaje HTML. Creación de Webs
• Introducción
• Estructura de los documentos de hipertexto: el lenguaje HTML
• Otros tags e instrucciones HTML
• Editores de documentos HTML

DIA 3.- Relación de otros servicios clásicos de Internet: FTP, Telnet, Chat y videoconferencia

8. Transferencia de ficheros: FTP
• Introducción
• Sobre ficheros y directorios
• Instalación del programa WinZip
• FTP a través de un navegador
• FTP en entornos gráficos

9. Telnet
• Introducción
• Conceptos básicos
• Parámetros necesarios para una conexión
• Algunos servidores Telnet de uso público
• Realización de una conexión Telnet
• El servicio del Directorio X500
• Telnet y los navegadores Web

10. Otras herramientas de Internet
• Introducción
• El comando ping
• El comando traceroute
• El comando nslookup

11. IRC y Videoconferencia
• Introducción
• Sobre el IRC
• El programa mIRC
• Herramientas de telefonía

DIA 4.- Correo electrónico, listas de distribución y newsgroups

1. El correo electrónico
• Introducción
• Funcionamiento del correo electrónico, cómo se transmite un mensaje
• Parámetros necesarios para configurar el correo
• Formato de las direcciones de correo
• Parámetros de los mensajes
• Programas de correo: Eudora, Pegasus… donde conseguirlos
• Utilización del programa NetScape Messenger
• Periódicos electrónicos y listas de correo

2. Listas de correo. Foros de debate mundiales.USENET
• Introducción
• Grupos de debate (newsgroups) y artículos
• Tipos de grupos de debate
• Acceso a los grupos de debate
• Visualizar los grupos disponibles
• Acceso a los artículos de un grupo de debate
• Suscripción a un grupo de debate
• Operaciones típicas en un grupo de debate
• Artículos con ficheros binarios adjuntados

DIA 5.- Búsquedas en Internet, como encontrar la información deseada, buscadores, trucos, etc…

14. Búsqueda de información y recursos a través de WWW
• Introducción
• Directorio y máquina de búsqueda Yahoo!
• Directorio y máquina de búsqueda AltaVista
• Máquinas de búsqueda y directorios en castellano, en ingles y páginas selectas.
• Cómo buscar personas

1 6 7 8 9 10 128