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…
Categoría: HTML
Optimización: Reducir peticiones HTTP
- 25 January 2010 | 7 comentarios | General, HTML, Optimización Web, PHP
Optimizar Carga de Paginas Web
- 29 December 2009 | 7 comentarios | General, HTML, Optimización Web, SEO
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
…
Función dólar $() en Javascript
- 08 November 2009 | 5 comentarios | General, HTML, 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…
Facelift: Reemplaza texto por imagenes
- 23 October 2009 | 6 comentarios | General, HTML, Javascript, SEO
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
…
MooEditable: Editor HTML con Mootools
- 08 October 2009 | 3 comentarios | General, HTML, 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…
Lazy Load: Retrasar carga de imágenes
- 04 October 2009 | 3 comentarios | General, HTML, Javascript, jQuery
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…
