Hola :
Quiero adaptar una web para la versión movil y me surge una duda.
¿Hago un theme independiente que se cargue cuando detecte que se accede desde un móvil o hago mi theme actual que sea responsive?
La versión móvil como debe cargar menos elementos que la versión PC, si la hago responsive tendré que ocultarlos (mediante CSS) pero internamente aunque no se vean en pantalla se cargarán con el correspondiente tiempo que le cueste. Es decir, creo que hacerla responsive hará que tarde más en cargar que si hago un theme independiente especifico.
Veo que esta "de moda" todo lo responsivo, pero seguro que tiene inconvenientes como en todas las cosas.
¿Que opináis?
Gracias
Opino que depende de los "elementos" que vas a tener que "ocultar". Por ejemplo, si son imágenes, al ponerlas display:none; la mayoría de los navegadores no intentaran hacer el request para cargar la imagen porque saben que no la vas a mostrar, al menos en ese momento.
Si es mucho contenido textual entonces quizás si que te venga bien... de todos modos la idea de ser responsiva es que el TODO el contenido se adapte a la pantalla.. no es como una versión móvil con menos cosas, es la pagina entera en si.
Saludos
Desconocia que si pones 'display:none' no carga el navegador lo que tenga dentro de esa etiqueta. Pensaba que si cargaba el contenido aunque éste no se mostrase. De hecho si ocultas un div y le das a leer/codigo fuente en el navegador si pone el contenido de ese div aunque esté oculto.
Gracias.
Me refería solo a las imágenes, no a todo.
Saludos
Responsive 100%. Usar temas para tipo de dispositivo es:
A) Mucho trabajo.
B) Inncesario.
Puedes aprovechar CSS3 y hacer tu sitio responsivo con Media Queries no sólo en CSS3 si no también con javascript con matchMedia.
Por ejemplo:
// media query básica
var orientation = matchMedia("(orientation: portrait)");
orientation.matches; // true/false si se cumple la condición de orientación
orientation.media; // En este caso: "(orientation: portrait)"
// Asocia un listener a la media query para que revise todo el tiempo la orientacion
orientation.addListener(function(mql){
if (mql.matches) {
// si la orientacion es portrait, puedes cambiar la dirección de las imágenes, por ejemplo
} else {
// haces algo
}
});
Usa bootstrap 3, el responsivo es mucho mejor que el template movil porque si haces el template movil te va a faltar el template tv, template tablet, etc, un template movil no se adapta a la pantalla, el responsive si, se adapta a cada tipo de dispositivo a traves de las dimensiones de su pantalla, a demás tendrás que hacer dos veces tu p'ortal, uno normal y otro movil, en cambio con responsive lo haces una sola ves y no tienes que preocuparte que si quieres agregar o eliminar algo nuevo vas a tener que buscarlo tambien en la version movil.
http://getbootstrap.com/
De paso dale un vistazo a boilerplate.