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í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í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...