Por fin, luego de un largo camino, se han publicado los resultados. En el 7 del 7 del 07, Machu Picchu ha sido reconocida cómo una de las Nuevas 7 Maravillas del Mundo. Uno no puede estar más feliz y contento. El resultado final, publicado hoy en n7w, quedó cómo sigue… (ver fotos)
¿Tu página web se demora en cargar? Pingdom ha sacado una herramienta realmente útil a la hora de analizar el tiempo de carga de una página web. Pingdom descarga la página web completamente, incluyendo imágenes, css, javascript, rss, flash, frames/iframes, incluyendo elementos externos (el reproductor de youtube, las imágenes en flickr, etc.). Es decir, realiza una imitación de lo que sucedería al momento de ver una página web con el navegador.
El tiempo de mora de cada objeto se muestra en barras de tiempo y es un dato interesante para determinar que objeto es el que ocasiona la lentitud de la página. La barra esta dividida en 3 colores:
Además, Pingdom nos muestra el enlace al objeto, el peso de cada uno de ellos y un sumario del análisis al sitio web.
Finalmente, si tienes problemas con la carga de la web, sigue estos consejos. Si el problema son las imágenes, aquí tienes otros. Y si el problema es la carga del primer byte, puedes optimizar las consultas mysql y/o utilizar un sistema de cache con php.
Enlace | Pingdom
La antigua técnica para maquetar una página, se basaba en tablas. Sin duda, en su momento fué una herramienta útil. Sin embargo, a medida que la Web a venido evolucionando, esta misma técnica a sido la culpable de muchos problemas para los webmaster. (más…)
Es cierto que un diseño atractivo se percibe como más usable, pero dejar todo el peso de un proyecto en la estética o el gusto de un diseñador sin tener en cuenta los principios de usabilidad puede ser peligroso.
Buena observación XD
En el Yahoo! User Interface Blog, hace unos días, publicaron un interesante artículo sobre como, con DOM, añadir CSS dinámicamente dentro de nuestra página. Mediante una simple función javascript podemos embeber CSS dentro de nuestro HTML, añadiendo las etiquetas <style></style> dentro de la cabecera de nuestra web. La función es:
Este método es soportado por todos los navegadores modernos. Podemos utilizarla tanto para cambiar dinámicamente nuestro CSS o para añadir nuevas propiedades al mismo. Por ejemplo, podríamos cambiar el fondo de nuestra web:
