Hola, estoy optimizando una web para dispositivos móviles (ya la tengo hecha, de hecho), y me ha surgido la duda de cómo es más eficiente o en general mejor hacerlo.
Yo lo he implementado del siguiente modo:
- Una función javascript se encarga de cargar un css que se pasa como parámetro:
Código PHP:
function loadCss(css) { ... }
- Al cargar la página (window.onload), comprobamos, también mediante javascript, el tamaño de la pantalla:
Código PHP:
if (screen.width < 481) loadCss('css/estilo-movil.css');
else loadCss('css/estilo.css');
Y en caso de no tener activado JavaScript, cargar la versión de escritorio directamente:
Código HTML:
<noscript>
<link rel="stylesheet" type="text/css" href="css/estilo.css" />
</noscript>
Así pues, ¿hay algún modo mejor de hacerlo? ¿Todos son igual de buenos / efectivos / eficientes?
También podría hacerlo por css, si fuera mejor a la hora de la carga de la web, ya que la web es en php.
Gracias, un saludo.