Categoría: HTML

Optimización: Reducir peticiones HTTP

Una de las primeras reglas para aumentar la velocidad de carga de una web es reducir la cantidad de peticiones HTTP. Recordando lo comentado en Optimizar Carga de Paginas Web el 80% del tiempo se emplea en descargar los componentes de una pagina mientras que solo el 20% en cargar el HTML. Si logramos reducir…

Leer Post Completo »

Optimizar Carga de Paginas Web

La optimización de los sitios web es un punto muy importante para mejorar el rendimiento de cualquier sitio web. Según el libro High Performance Web Sites: Essential Knowledge for Front-End Engineers de Steve Souders, basado en los estudios hechos por el equipo de optimización de Yahoo han llegado a definir una regla:

Sólo el

Leer Post Completo »

Función dólar $() en Javascript

La función dólar $() es una de las mas populares en Javascript por que permiten acceder a elementos del HTML de forma sencilla y utilizando poco código. Originalmente fue implementada en Prototype y ahora disponible en la mayoría de librerías como Mootools, jQuery.

Veamos como implementar nuestra propia función $, esto para evitar…

Leer Post Completo »

Facelift: Reemplaza texto por imagenes

Facelift es una librería PHP/Javascript que permite reemplazar dinámicamente textos por imágenes, con lo cual podemos mostrar cualquier tipografía en nuestra web. Esto permite que los usuarios puedan ver texto con tipografías especiales mientras que los buscadores interpretarán este contenido como texto plano con lo cual mantenemos nuestro sitio optimizado para los buscadores.

Utilizando Facelift

Leer Post Completo »

MooEditable: Editor HTML con Mootools

MooEditable es un editor de texto escrito en Mootools. Con esta librería podemos convertir nuestras cajas de texto o textareas en editores HTML con solo utilizar pocas líneas de código javascript.

Este editor es compatible con Internet Explorer 6/7/8, Firefox 2/3, Opera 9/10 y Safari 3/4, es ligero comparado con otras librerías como TinyMCE, se…

Leer Post Completo »

Lazy Load: Retrasar carga de imágenes

Lazy Load es un interesante plugin para jQuery que permite postergar la carga de imágenes en páginas web largas. Las imágenes que están fuera de la zona visible no serán cargadas hasta que el usuario haga scroll y desplace la página sobre estas imágenes.

Un clásico y muy buen ejemplo de esta técnica lo podemos ver…

Leer Post Completo »

Páginas: 1 2 3 4 5 6 7 8 Siguiente