Desde una perspectiva de desarrollo web, ¿por qué sitios como nytimes.com y huffingtonpost.com tienen versiones móviles en lugar de una versión receptiva?

La mayoría de los sitios web que dicen que son ‘móviles primero’ (bandera roja) en realidad solo están construyendo un sitio de escritorio y luego usan un montón de consultas de medios hacia atrás para ocultar cosas y tonterías de una manera visual. Todavía estás descargando todo el sitio.

Así es como la mayoría de los sitios lo hacen … pero no tiene por qué ser así.

Junto con las ideas detrás del diseño receptivo, también existe la idea del diseño ‘ responsable ‘. Diseño Responsive Responsible de Scott Jehl – o esta colección: Responsive Design es un gran recurso sobre el tema.

En mi trabajo, primero diseño una pantalla pequeña con contenido como rey. Cargo cosas condicionalmente en función de una serie de requisitos, como el tamaño de la pantalla y los eventos táctiles. Utilizo un servidor para crear muchos tamaños de imagen y extraerlos en consecuencia. Cargo guiones condicionalmente y trato el contenido de manera diferente según el tamaño de mi pantalla. Cosas como el colapso de la copia y permitir que se abra pueden ser muy útiles. Dependiendo de su sitio, definitivamente puede construir un sitio móvil primero y no tener archivos de gran tamaño y crear una gran experiencia, que sea más fácil de mantener, especialmente para las empresas más pequeñas. Desafortunadamente, esto requiere que todos estén a bordo desde el principio y que las cosas se implementen adecuadamente con previsión / que la mayoría de los clientes aún no ven el valor.

Dicho esto … a menudo este no es el caso . Los sitios que usted ubicó como ejemplos, tienen toneladas de anuncios y marketing y enormes colecciones de contenido y todo tipo de cosas detrás de escena que rastrean todo lo que hace.

En estos casos, puede ser mejor bifurcar los datos en muchos clientes que consumen una API. Cada uno de estos clientes puede tener sus propias ‘vistas’ (plantillas + estilos), y pueden aprovechar cosas específicas de iOS o Android, como por ejemplo, cómo iOS básicamente no le permite poner cosas táctiles cerca del fondo … y cómo Android tiene Algunos botones incorporados.

Todo se reduce a las compensaciones de lo que se puede mantener y lo mejor para ese propósito. Deben haber decidido que para ellos, un sitio separado era lo mejor. Incluso con las nuevas opciones en los marcos de JavaScript, como los motores de ascuas y la capacidad de cargar condicionalmente partes de la aplicación, o crear vistas alternativas, todavía hay muchas razones para tener clientes específicos del dispositivo, especialmente si tiene el $.

Sheriffderek en codementor

Los sitios de respuesta pura envían todo el html para el escritorio a través del enlace de datos móviles, luego lo ocultan usando CSS.

Esto puede causar una notable penalización de velocidad en la carga de la página y los tiempos de representación. Mala experiencia de usuario y mala para SEO

Una versión móvil puede adaptar esto. Solo se envía lo que se necesita.

En AutoTrader, utilizamos una técnica combinada del lado del servidor sensible RESS.

Detectamos dispositivos móviles, tabletas y teléfonos inteligentes en el servidor. La aplicación envía vistas apropiadas. Nuestro feed de Twitter de escritorio tiene por defecto tres tweets y una barra de desplazamiento. La versión móvil de RESS envía un tweet y ninguna barra de desplazamiento para una mejor experiencia móvil.

Es mucho más difícil de hacer, pero tenemos tiempos de carga de página rápidos y locos en dispositivos móviles en comparación con la competencia.

More Interesting

¿Es una buena idea crear una aplicación / software que pueda combinar diferentes sitios web / aplicaciones?

¿Por qué los diseños de sitios web móviles apestan?

¿Existe alguna relación entre el método window.location.replace y el cambio de ruta a m.website.com?

¿Cómo es ser un desarrollador web móvil?

¿Qué software, sitios web u otras herramientas en línea usan los chinos que los estadounidenses pueden adoptar y mejorar sus vidas?

¿Qué porcentaje de un sitio web puede quedar fijo en una pequeña pantalla móvil?

¿WeChat admite la publicación de texto para chatear mediante un esquema de URL para dispositivos móviles?

¿Por qué Google me vincula a versiones móviles de sitios web?

¿Cuántos usuarios prefieren usar la versión móvil de un sitio web en lugar de instalar su aplicación?

Argumentos en contra del diseño web receptivo / adaptativo: ¿qué te parece?

¿Cuál es el mejor orden para usar sitios web u otro software durante el día?

¿Qué plataformas móviles utilizan las principales compañías de motores de reservas de Internet en el dominio de viajes?

¿Conoces algún sitio web diseñado para escritorio / móvil pero de manera opuesta? Quiero decir, con el objetivo principal de que un sitio web no sea el escritorio, sino la aplicación móvil, y aún así accederías desde tu PC y la usabilidad aún es fabulosa.

¿Cuáles son los imprescindibles, qué hacer y qué no hacer cuando está creando un sitio móvil?

¿Alguien puede desarrollar un sitio web móvil y amigable con Google para nosotros?