Bypass Chrome Android: LITE MODE (carga perezosa) - fuerza de carga ansiosa a la página web completa

Hola.

Tengo un sitio web hecho en Bootstrap4. Funciona bien hasta que detecté un error específico Google Android Chrome navegador - y su defecto LITE MODE.

Si soy correcto Modo Lite = Carga perezosa, carga elementos cuando sea necesario (detectado por distancia de desplazamiento supongo).

Pero tengo un problema con esto. Este es un solopager - un largo sitio web con menú en la parte superior. Y no soy capaz de "scroll to ID" desde arriba. Bueno puedo, pero siempre termino en un resultado imperfecto de desplazamiento. Si llamara a la función de desplazamiento de nuevo - ahora se iría "Exactamente dónde se supone que debe".

Supongo que... ya que la carga perezosa está encendida, algunos elementos no se renderizan y por lo tanto los "scroll offset" de JQuery están rotos... Cuanto más bajo desplace al "exacter" se convierte en la función "scroll to ID".

Pero para los usuarios que no se desplazan en absoluto pero quieren hacer clic en el menú y desplazarse hacia abajo - bueno tienen un problema si están en el cromo androide con modo lite encendido.

¿Hay alguna manera de decirle al navegador "no hacer carga perezosa aquí" por favor?

EDIT:El proyecto está en línea, si desea RECREAR TI siga estos pasos:(Dispositivo Android con Chrome necesario)

  1. Que la versión LITE se encienda.
  2. Abrir nuevo TAB (esto es importante)
  3. Visita: https://objednavka.pollitocheesecake.sk/
  4. Desplazarse lentamente al primer producto que verá y empuje el verde +
  5. Ahora un nuevo botón "POKRACOVAT POPS UP"
  6. Haga clic en eso y se enviará hacia abajo y terminará en una "pantalla entre" secciones

Si usted hace lo mismo con LITE MODE OFF - usted terminará en la siguiente sección conou cualquier problema.

Nota: La partew con NUEVA TAB es importante, en una simple recarga de la versión de lite ya hace la página y las obras de navegación incluso en LITE MODE. Sólo sus primeras visitas.

Gracias. Oliver

Pregunta hecha hace 3 años, 4 meses, 29 días - Por compilerhero

2 Respuestas:

  • Para evitar que Chrome Android en modo Lite realice carga perezosa y cargue la página completa, puedes intentar agregar el atributo data-no-transform en la etiqueta <meta> de tu sitio web. A continuación te muestro cómo hacerlo:

    Puedes agregar esta etiqueta en la sección <head> de tu página HTML. Esto le indica al navegador que no realice transformaciones en el contenido de la página, lo que incluiría la carga perezosa.

    Prueba con esta solución y verifica si resuelve el problema que estás experimentando en Chrome Android con modo Lite activado. ¡Espero que te sea de ayuda!

    Respondida el Dec 18, 2020 a las 03:10 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • Cómo deshabilitar la carga diferida en Chrome para Android en modo Lite:

    Actualmente, no hay una forma oficial de deshabilitar la carga diferida (carga perezosa) en el modo Lite de Chrome para Android. Sin embargo, puedes intentar las siguientes soluciones alternativas:

    Solución 1: Deshabilitar el modo Lite

    Abre Chrome para Android. Toca el icono de tres puntos en la esquina superior derecha. Selecciona "Configuración". Desplázate hacia abajo hasta "Configuración avanzada". Desactiva "Modo Lite".

    Solución 2: Usar una aplicación de terceros que deshabilite la carga diferida

    Existen aplicaciones de terceros que permiten deshabilitar la carga diferida en Chrome para Android. Una opción popular es Disable Lite Mode.

    Solución 3: Crear un sitio web compatible con carga diferida

    Si tienes control sobre tu sitio web, puedes implementar técnicas de optimización para mejorar la compatibilidad con la carga diferida:

    Usa imágenes pequeñas: Carga imágenes de baja resolución inicialmente y reemplaza por imágenes de mayor resolución cuando se necesiten. Carga recursos críticos primero: Identifica los recursos esenciales para la experiencia del usuario y cárgalos primero. Usa la API de Intersection Observer: Esta API te permite rastrear cuándo los elementos entran en el área visible y cargarlos en consecuencia. Implementa la paginación: Divide el contenido en páginas y cárgalas a medida que el usuario se desplaza.

    Solución 4: Informar un error a Google

    Puedes informar este problema al equipo de desarrollo de Chrome enviando un informe de error. Esto ayudará a Google a ser consciente del problema y potencialmente solucionarlo en futuras versiones.

    Advertencia:* Ten en cuenta que deshabilitar la carga diferida puede aumentar el tiempo de carga de la página y consumir más datos móviles.

    Respondida el Dec 18, 2020 a las 03:13 - por Gemini

    Votos positivos: 0 | Votos negativos: 0