¿Cuál de estas dos opciones es mejor?

ambigus · #1 (**permalink**) 01/07/2009, 17:53

Me gustaría saber: ¿Cuál de estas dos opciones es mejor?

Opción 1: http://extremegames.gofreeserve.com/...ueba%2029.html

Opción 2: http://extremegames.gofreeserve.com/...Prueba 40.html

Códigos respectivos:

Prueba 29:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<link rel="stylesheet" type="text/css" href="css/lightview.css" />
<style type="text/css">
<!--
body {
	background-color: #000000;
	margin-top: 200px;
}
.Estilo1 {color: #000000}
-->
</style></head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js'></script>
<script type='text/javascript' src='js/lightview.js'></script>
<body>
<div align="center"><a href='http://farm3.static.flickr.com/2648/3675146547_33a0a3b6c3_o.png' class='lightview' rel='gallery[mygallery]'><img src="http://extremegames.gofreeserve.com/boton-imagenes-mafia.png" width="480" height="80" border="0" /></a>

</div>
<a href='http://farm3.static.flickr.com/2443/3675990220_a4b3cf839b_o.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='http://farm3.static.flickr.com/2524/3675209775_9e8e306d98_o.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='http://farm4.static.flickr.com/3565/3675241625_6fa09cd33e_o.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='http://farm4.static.flickr.com/3562/3675956690_623f741a6e_o.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='http://farm3.static.flickr.com/2562/3675290783_978b16c7b6_o.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='http://farm4.static.flickr.com/3006/3676055014_cf3ac7c766_o.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='Un viaje de carreras.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='Un viaje de carreras_2.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>

<a href='Un viaje de carreras_3.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='Una noche en el campo.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='Una visita inesperada_1.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='Una visita inesperada_2.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
</body>

</html>

Prueba 40:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<link rel="stylesheet" type="text/css" href="css/lightview.css" />
<style type="text/css">
<!--
body {
	background-color: #000000;
	margin-top: 200px;
}
.Estilo1 {color: #000000}
-->
</style><link href="margen_tabla.css" rel="stylesheet" type="text/css" /></head>
<body>
<table width="500" border="0" align="center">
  <tr bordercolor="0">
    <td width="18" bordercolor="0" class="f"><img src="iconos/boton_mafia_border_left.png" width="20" height="80" /></td>
    <td width="450" bordercolor="0" background="iconos/boton_mafia.png" class="f"><img src="iconos/boton_mafia_text_2.png" width="440" height="80" /></td>

    <td width="18" bordercolor="0" class="f"><img src="iconos/boton_mafia_border_right.png" width="20" height="80" /></td>
  </tr>
</table>
</body>

</html>

Como verán en los códigos de dichas URL, en la primera simplemente se carga la imagen completa de "Imagenes de Mafia.png" que tiene un peso aproximado de: 10.46 KB.

Opción 1:

Código HTML:

<img src="http://extremegames.gofreeserve.com/boton-imagenes-mafia.png" width="480" height="80" border="0" />

Opción 2:

Código HTML:

<td width="450" bordercolor="0" background="iconos/boton_mafia.png" class="f">

Y en la segunda como verán tiene un fondo en la tabla de un tamaño 1x80 pixeles con un peso aproximado de 0.17 KB que se repite y pues la carga nose si es mejor, si es más rápida.

¿Qué me recomiendan?

Espero una pronta respuesta...

Julcar · #2 (**permalink**) 01/07/2009, 18:39

la segunda tiene un error en IE y carga mas lento

te recomiendo la primera