¿Cuáles son las ventajas y desventajas de los sitios web responsivos?
De hecho, la razón por la que Anhui MaNong Technology escribió este sitio web responsivo hoy es porque los sitios web responsivos realmente se han vuelto muy populares en los últimos dos años. Muchos clientes se sienten increíbles con la presentación del vendedor, e incluso con el. El vendedor del sitio web lo dijo él mismo. Lo creí y me engañé. Pensé que la capacidad de respuesta era omnipotente y perfecta. De hecho, la capacidad de respuesta no está exenta de deficiencias. Para ser precisos, también tiene muchas deficiencias fatales.
¿Qué es un sitio web responsivo?
El diseño de un sitio web responsivo debe responder y ajustarse en consecuencia según la resolución del dispositivo utilizado por el usuario, para maximizar las necesidades de experiencia del usuario de los diferentes dispositivos. El diseño de sitio web responsivo significa que un sitio web puede ser compatible con múltiples terminales sin necesidad de crear una versión específica para cada terminal. Simplemente comprenda: un sitio web responsivo = sitio web móvil + sitio web pad + sitio web para PC. El método de implementación específico está determinado por muchos aspectos, incluido el uso de cuadrículas elásticas, imágenes elásticas, consultas de medios CSS (mediaquery), etc.
cuadrículas flexibles
Amplíe o estire el contenido según la resolución de la pantalla.
Grids flexibles
Se puede reducir el tamaño en pantallas pequeñas y expandirse a un tamaño máximo para admitir pantallas grandes.
Las consultas de medios (mediaqueries)
son fragmentos de código colocados en el HTML y las hojas de estilo del sitio para recopilar información sobre las capacidades de visualización del dispositivo para admitir diversas formas de interfaces.
Ahora Anhui MaNong Technology resumirá las ventajas y desventajas de los sitios web responsivos.
Ventajas de los sitios web responsivos
1: Experiencia de usuario amigable
Con la diversificación de los tamaños de computadoras y la popularización de los dispositivos inteligentes (pads/smartphones), hoy en día en En la era en la que se busca primero la experiencia del usuario (en 2016), el ancho fijo (960 px o 1000 px) comúnmente utilizado por los sitios web en el pasado se ha vuelto gradualmente incapaz de satisfacer las necesidades de diferentes dispositivos y diferentes resoluciones. En los monitores de pantalla ancha de computadora de alta resolución, hay demasiado espacio en blanco a ambos lados. Cuando se muestra en un teléfono móvil, el contenido es demasiado pequeño para verlo claramente, el usuario primero debe ampliar la interfaz y luego arrastrarla hacia la izquierda y hacia la derecha. Los sitios web responsivos pueden ajustar automáticamente el diseño de la interfaz, mostrar contenido y tamaño del contenido de acuerdo con diferentes terminales, diferentes tamaños y diferentes entornos de aplicación, proporcionando un muy buen efecto de visualización visual y una experiencia consistente y amigable.
2: compatible con SEO
Debido a que el sitio web responsivo tiene un efecto de visualización de interfaz amigable en diferentes terminales, los usuarios siempre pueden mantenerse en contacto con el sitio web, por ejemplo, la URL permanece sin cambios y se acumula. compartir a través de una única URL. La dirección recopila todos los enlaces para compartir en redes sociales y los optimiza para los motores de búsqueda. Los motores de búsqueda son cada vez más inteligentes para conectar sitios web móviles y de escritorio.
3: Varios sitios web solo necesitan un backend para completar todo el mantenimiento del sitio web sin carga adicional. En este punto, se puede decir que en lugar de crear un sitio web responsivo, puede crear un sitio web móvil que pueda sincronizar datos y proporcionar un backend. Eso es muy cierto, pero solo se limita a mantener productos y contenido de noticias generales. No todo el contenido se puede sincronizar en una sola parada. Por ejemplo, el tamaño de las imágenes en el banner del sitio web y en algunos lugares específicos debe recortarse dos veces.
Desventajas de los sitios web responsivos
1: No es compatible con la compatibilidad de navegadores más antiguos
Este es un problema fatal debido a un soporte deficiente para navegadores más antiguos. Al abrir un sitio web responsivo en una versión anterior del navegador, es posible que las imágenes no se muestren completamente y que el diseño se estropee.
2: Falta de flexibilidad
Según los diferentes atributos del dispositivo de diferentes terminales, los requisitos de experiencia del usuario para los productos serán completamente diferentes. Los sitios web con mucho contenido y funcionalidad no son adecuados para el diseño de sitios web responsivos, como los sitios web de comercio electrónico. Si todo el contenido de la PC en pantalla ancha se muestra en el teléfono móvil, inevitablemente dará lugar a una interfaz muy larga en el teléfono móvil. Debe rediseñarse el marco de información basado en el teléfono móvil para los atributos, lo que tiene requisitos muy altos para los sitios web receptivos y es muy difícil y costoso de implementar. Sin embargo, para mejorar la experiencia del usuario, los sitios web grandes generalmente responden al tamaño de respuesta mínimo de los sitios web de pantalla ancha de alta resolución de 1024 px, que ya no es adecuado para teléfonos móviles. Un sitio web móvil se rediseña y desarrolla para teléfonos móviles. entendido simplemente como respuesta 2.5, como: sitios web de comercio electrónico Amazon, CalvinKlein, Nike, sitios web de videos Youtube, etc.
3: La velocidad puede disminuir
Dado que la página responsiva descarga múltiples conjuntos de códigos de estilo CSS al mismo tiempo, se pueden descargar códigos redundantes para PC y Pad en el teléfono móvil , lo que hace que el archivo se haga más grande, lo que afecta la velocidad de carga. Sin embargo, la memoria ocupada por el código de estilo CSS no es grande en comparación con las imágenes, por lo que si se maneja bien la programación front-end, esto no afectará la velocidad de carga del sitio web.
4: Los costos de desarrollo son altos
Esta cuestión de precio y presupuesto suele ser la cuestión que más preocupa a todos. A estas alturas, puede que le resulte extraño que un sitio web sea responsivo. solo un sitio web. ¿Por qué es más caro que crear dos sitios móviles y dos sitios para computadoras separados? Las razones principales son:
1. El costo más importante de la personalización del sitio web corporativo es el costo de mano de obra. La producción de un sitio web responsivo requiere diseñadores y programadores senior. Producir cada versión de forma independiente solo requiere diseñadores e ingenieros comunes, pero el desarrollo de sitios web responsivos requiere diseñadores y programadores senior, lo que genera una diferencia muy grande. Todo el mundo conoce la diferencia entre los diseñadores y programadores senior y los normales, por lo que el precio de los sitios web responsivos es mayor.
2. Hay demasiados detalles a los que se debe prestar atención en un sitio web responsivo. Por ejemplo, para un efecto JS normal, se deben considerar las diferencias entre 3 y 4 terminales. escrito debe tener muy buena compatibilidad Según la experiencia de desarrollo anterior, esa atención a los detalles es de 3 a 5 veces mayor que la de los sitios web normales. Si prestas más atención a los detalles, el ciclo de desarrollo será más largo y así es como aumentan las horas de trabajo.
3. Muchos sitios web receptivos en el mercado a menudo no consideran la velocidad de la red. Los datos de la página que deben cargarse en el terminal móvil y en el terminal de PC suelen ser los mismos. utiliza la velocidad de red 2G_x0003_G, no solo es lenta sino que también consume tráfico. Un sitio web responsivo perfecto no debería ser así, pero la dificultad técnica necesaria para lograrlo es muy alta, por lo que esto también genera mayores costos.
Recordatorio: Que una empresa cree un sitio web responsivo depende del posicionamiento de su propio sitio web. Si se trata de un sitio web oficial corporativo ordinario con menos contenido y presupuesto suficiente, los clientes con mayores requisitos para las páginas del sitio web pueden considerar la posibilidad de crear un sitio web responsivo.
Si desea crear un sitio web funcional con mucho contenido, debe hacerlo por separado en una computadora y un teléfono móvil. De hecho, si prestas un poco de atención, lo entenderás. La capacidad de respuesta es realmente tan buena, ¿por qué JD.com no lo hace y Tmall y Taobao no lo hacen? En primer lugar, la implementación técnica es demasiado difícil y, en segundo lugar, realmente no es adecuada para estos sitios web funcionales.