Hola, con esta web y en conjunto con cssnight.com y phpnight.com, intento armar una pequeña comunidad de webs sobre desarrollo web, con tutorials, recursos y artículos sobre desarrollo web, particularmente aquí sobre HTML ;).
Espero que sea de utilidad y agrado para ti, tanto como lo es para mi hacerla...
Marcelo.
Publicita en HTMLnight

Viendo categoría Trucos y tips

Tiempos de carga

Hoy quiero compartir un breve resumen de los factores que influyen en el tiempo de carga de un sitio web. La inquietud nació en un tema en Foros del Web y decidí compartirla aquí también.

Que una web se haga más pesada (y en consecuencia más lenta), se desprende basicamente de 3 cosas:

  • El tiempo de procesamiento del servidor (aquí entran los scripts del lado del servidor (PHP, ASP), las consultas a bases de datos, etc.), puede disminuirse preocupándonos por la eficiencia del código (optimizando la cantidad de consultas, bucles, etc.).
  • El peso del HTML, en general un documento HTML bien estructurado (acorde a estándares web, o al menos siguiendo las buenas prácticas y recomendaciones), pesará mucho menos que un documento con tablas y mucho código basura.
  • En tercer lugar, influyen todos los pedidos externos (hojas de estilos externas (*.css), archivos de script (*.js), imágenes, flash, etc.), por ejemplo, cuánto más pesado sea el JavaScript, más tardará en cargar, así mismo cuando cargamos una imágen pesada tarda más en cargar la web.

Evitar que nuestras páginas se guarden en cache

Hay unas etiqueta meta que nos permite exactamente eso…
Debemos escribir el siguiente código entre el <head> y </head> de nuestra web:


<meta http-equiv="Cache-Control" content="no-cache" />
<meta HTTP-EQUIV="Expires" CONTENT="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache" />

¿Cómo se puede redireccionar en HTML?

En HTML tenemos una forma de redirigir al visitante a una nueva página pasados X segundos, y es con una meta-etiqueta que incluiremos dentro del tag <head></head>.


<meta http-equiv="refresh" content="5;url=http://urlobjetivo.com/">

Comentarios Condicionales

Todos quienes desarrollamos sitios web, tenemos el eterno problema de los diferentes navegadores y como se ve la web en distintos navegadores. Y bien es sabido que el navegador que nos causa más dolores de cabeza es el Internet Exploter Explorer, por su mala interpretación del código en muchas ocaciones!

Ante esta diferente interpretación del código debemos emplear ‘hacks’ o códigos para engañar a uno u otro navegador y corregir los problemas. Una posibilidad bastante cómoda es la que ahora presentaré: los comentarios condicionales para IE!

Los comentarios condicionales son en esencia comentarios dentro de tu código HTML, con la sutil diferencia de que Internet Explorer sí interpretará lo que hay dentro, de ésta forma podemos realizar alguna definición de CSS que sólo sea tomada en cuenta por IE. De esta forma:


<!--[if IE]>
Esto solo lo interpretaría Internet Explorer en todas sus versiones
<!--[endif]-->

También podemos hacer específico el comentario condicional a una versión de IE o versiones anteriores (lt / lte) o posteriores (gt / gte), donde lt se refiere a anterior y lte a anterior o igual, y de igual forma gt es posterior y gte posterior o igual

Algunos ejemplos:


<!--[if IE 7]>
Esto solo lo interpretaría Internet Explorer 7
<!--[endif]-->

<!--[if lte IE 6]>
Esto lo interpretaría Internet Explorer en su versión 6 y anteriores
<!--[endif]-->

<!--[if gt IE 5.5]>
Esto lo interpretarían todas las versiones de  IE superiores a la 5.5
<!--[endif]-->

Si tienes una duda, ya sabes, deja tu comentario ;)

Bienvenido a HTMLnight!

Luego de montar y hechar a andar PHPnight, web en la que escribo artículos sobre PHP y tutorials de PHP, decidí comprar, y guardar por el momento, los dominios HTMLnight.com y CSSnight.com, otras de mis pasiones y temas sobre los que se y me gusta aprender más y más, día a día…

En esta web encontrarás artículos, tutorials y recursos sobre HTML y maquetación web en general, evidentemente la web estará estrechamente ligada a CSSnight, dado que ambas temáticas se combinan y complementan a la hora de maquetar un sitio web, así como luego se combinan con PHP al desarrollar algun script o aplicación web.
Y esa era un poco la idea, lograr generar una comunidad o conjunto de webs que traten a fondo la temática del Desarrollo Web!

Por ahora lo único que siento que va faltando es un sitio sobre diseño web (Photoshop, Illustrator, Fireworks, técnicas de diseño, etc…), ¿cómo te gustaría que se llame? Si tienes alguna idea, y deseas compartirla, escríbeme!

¿Tienes algún artículo sobre desarrollo web que desees que publique? ¿Quieres escribir para PHPnight, CSSnight o HTMLnight?
¡Pónte en contacto!

CC - 2008 - HTMLnight - Sitemap
CMS: WordPress, theme by nEUtrOniCs, translated and modified by Marcelo Ferreiro.