Ha escuchado que la Web se ha vuelto más visual y que las imágenes importantes en su sitio web comercial son importantes.
Pero esas imágenes pueden ser el flagelo de los visitantes de su sitio web. Las imágenes representan 1MB de los 1.7MB que contiene la página web promedio.
Es posible que esto no sea un problema para sus visitantes en computadoras de escritorio que utilizan conexiones de Internet de alta velocidad. Sin embargo, si está viendo o quiere ver un aumento en el tráfico de visitantes móviles, esas imágenes podrían ser un problema. Las páginas web con gran cantidad de imágenes pueden tardar mucho tiempo en descargarse. Los visitantes se frustran y abandonan su sitio.
$config[code] not foundEs posible que haya implementado un diseño web sensible, pensando que resuelve todos sus problemas móviles. Y es cierto que un diseño web sensible resuelve algunos problemas. Organiza y muestra automáticamente los elementos de su sitio para que se vean en pantallas móviles más pequeñas y estrechas.
Pero el diseño web responsivo no es la respuesta a todo. No necesariamente resuelve el problema de descarga de la imagen. Incluso con un diseño sensible, muchas veces esas imágenes de peso pesado aún se descargan de todos modos. Como el especialista en rendimiento web, Yoav Weiss, señala sucintamente en el sitio web de Opera:
“Responsive Web Design RWD combinó nuevas capacidades de navegador y técnicas de CSS para crear sitios web que se adaptan al dispositivo que los muestra y se ven ideales en todas partes. Eso permitió a los desarrolladores dejar de preocuparse por la detección de dispositivos poco fiables y pensar en sus sitios web en términos de dimensiones de las vistas.
Pero, aunque los sitios de RWD parecían diferentes en cada dispositivo, debajo, la mayoría de ellos continuaron descargando los mismos recursos para todos los dispositivos ".
El nuevo
Si no sabe nada sobre el código HTML, una definición no técnica es: es un lenguaje especial. Cuando se usa entre bambalinas en el código de su sitio web, este idioma brinda instrucciones sobre cómo el navegador debe mostrar el texto y las imágenes. El nuevo elemento de imagen es un tipo de lenguaje de marcado HTML. Está escrito de esta manera (según el Grupo de la Comunidad de Imágenes Responsivas): El elemento Picture es acerca de responsive imagenes no responde diseño. Para los empresarios no técnicos, esa distinción puede parecer pequeña. Pero cuando se trata del rendimiento de su sitio en dispositivos móviles, podría ser significativo. De acuerdo con un informe de ArsTechnica, el nuevo elemento de marcado aborda los problemas causados por las imágenes que debían verse en un monitor de tamaño completo, que no se traducen bien en dispositivos móviles. los
“Cuando el navegador se encuentra con un elemento de Imagen, primero evalúa las reglas que el desarrollador web pueda especificar. *** Luego, después de evaluar las distintas reglas, el navegador selecciona la mejor imagen según sus propios criterios. Esta es otra característica interesante ya que los criterios del navegador pueden incluir sus configuraciones. Por ejemplo, los futuros navegadores pueden ofrecer una opción para evitar que las imágenes de alta resolución se carguen sobre 3G, independientemente de lo que diga cualquier elemento de Imagen en la página. Una vez que el navegador sabe qué imagen es la mejor opción, en realidad carga y muestra esa imagen en un elemento img antiguo. … lo que sucede es que Picture envuelve una etiqueta img. Si el navegador es demasiado viejo para saber qué hacer con un No todos los desarrolladores aceptaron el nuevo elemento Picture al principio. La historia de Ars Technica describe el proceso por el que pasaron los líderes de la comunidad de desarrollo web para llegar al punto en que $config[code] not found Pero el problema ahora parece resuelto, con el nuevo elemento HTML de imagen siendo adoptado. los
Como gente de negocios, es importante saber que Implementar el elemento HTML de imagen para imágenes es algo que debe discutirse con su desarrollador web. Los expertos en mentalidad y los que hacen el trabajo por sí mismos pueden ir aquí para aprender a usar el elemento Picture. Es un excelente artículo escrito por Scott Gilbertson. Siéntase libre de implementar
Imágenes: Shutterstock; RICG ¿Qué es el elemento HTML de la imagen?
Puntos clave sobre el
