programación
Como Yahoo mató Flickr y perdió la pista de Internet
Interesante el artículo de Gizmodo donde nos habla de como Yahoo mató Flickr, posiblemente su mejor servicio, y perdió “el norte” en Internet. Es evidente que Yahoo! ya no es lo que fue, ni la sombra, no ha sabido adaptarse bien a la evolución de la red, y como consecuencia está sufriendo mucho. Una lenta agonía de la que personalmente creo que pueden salir, hay gente muy buena en Yahoo, con buenas ideas y con ganas.
Leer el resto de la entrada »
Más rendimiento con SPDY, el nuevo HTTP 2.0
Google sigue avanzando en el desarrollo del nuevo estándar para sustituir HTTP, lo que podríamos llamar el HTTP 2.0. SPDY ya es más rápido que el HTTP hasta un factor de 1,3X sobre redes móviles. Las redes 3G y 4G son un objetivo claro del rendimiento de protocolos web, pues cada vez son más dispositivos móviles los que se conectan a la red, desplazando los ordenadores.
En la nueva carrera por remplazar y actualizar el HTTP sin duda Google con su SPDY está haciendo un buen diseño para acelerar la transferencia de páginas web mediante la eliminación de gran parte de la sobrecarga asociada al que podríamos denominar antiguo HTTP. SPDY permite múltiples opciones de optimización lo que le aportan una clara ventaja sobre HTTP.
Piensa asíncronamente, optimiza la carga de tus javascript
Interesante artículo en el que nos hablan de la carga de ficheros JavaScript de terceros en nuestra página web, y que deberíamos cargar de forma asíncrona. Entre las razones para la carga asíncrona destacamos:
- Si el javascript es de un tercero puede ser lento o estar caído, tu página tendrá problemas para cargarse con js normal.
- Si puedes mejorar de forma notable la velocidad de carga.
Crear tu JavaScript asíncrono es realmente sencillo, podemos optar por el método clásico o por el nuevo método que nos quiere imponer HTML5 para ponerlo más fácil.
El camino de HTML5 para carga asíncrona
El atributo async dentro del la etiqueta script en HTML5 (spec). Un ejemplo:
<script async src="http://url-de-tercero.com/recurso.js"></script>Hoy está soportado por navegadores como Firefox 3.6+, IE 10+, Chrome 2+, Safari 5+, iOS 5+, Android 3+. Opera aún no añadió este soporte.
Y si queréis saber más sobre carga asíncrona de javascript lo mejor es que leáis el artículo completo en CSS Tricks. Todo lo que puedas convertir en asíncrono hará que tu sitio web sea más optimo y eficiente, podrás comprobarla con alguna de las herramientas de tiempo de carga de páginas webs. Otro artículo que debes leer es “Los diferentes niveles de proceso de javascript asíncrono” (en inglés).
¿Qué es el index de una página web?
Para los que empezáis en la tarea de creación de una página web es importante saber que el fichero por defecto en la ruta inicial y carpetas de este nuevo sitio web siempre suele ser un index.html, index.htm o default.htm en sistemas con IIS.
Lo normal en la mayoría de servidores web es que el fichero de inicio sea index.html, y aunque escribimos por ejemplo http://carrero.es/ esto lo que hace es cargar nuestro index.
Si trabajamos con Apache podemos alterar el orden de carga de los diferentes tipos de index que nos podemos encontrar a través del .htaccess incluyendo la línea DirectoryIndex index.html index.htm index.php. Más en la documentación de Apache sobre DirectoryIndex
Recuerda que tu fichero index.html o index.htm contendrá tu página web en HTML o HTML5. Si es index.php puede incluir código PHP, si es index.pl interpretará Perl, index.py para programación Python, …
Os recomendamos más ayuda en documentación html, manual de PHP, documentación de Apache, un hosting web, …
Subir un fichero con HTML5. Adiós Flash
Seguro que como desarrollador para subir ficheros a tu aplicación utilizas normalmente un componente en flash o java, pero eso siempre representa un problema porque necesitamos activar ese módulo java o flash. Ahorra ya podemos hacerlo con HTML5, y crear un formulario para subir ficheros con barra de progreso incluido.
Esta solución para subir tus ficheros con HTML5 y Javascript sin necesidad de librerías adicionales. Haciendo uso de FileReader (html5) para implementar la vista previa de imágenes sin subirlas al servidor y usando XMLHttpdRequest para subir los datos al servidor.
Descargar y demo: Pure HTML5 upload form. Más opciones HTML5 para subir ficheros con jQuery y PLupload es un plugin GPL y comercial con opciones para subir ficheros no solo con HTML5, también flash.
Actualización: Usando Session Upload Progress nos indica Asier Marques que también podemos hacerlo incluso sin Flash y sin HTML5, solo con PHP (subir ficheros con PHP).
Actualización: Otra elegante forma de subir ficheros o imágenes con Ajax. Gracias a José Luiz Antúnez
