#ios #wordpress #image-rendering
#iOS #wordpress #визуализация изображений
Вопрос:
У нас есть страница, которая содержит 20 изображений .svg. Страница отображается полностью нормально при первой загрузке для всех устройств, которые мы тестировали, но специально для iPhone 6 и iPhone 6 Plus, как только мы прокрутили страницу вниз или вверх, немного быстрые изображения исчезли, и для их повторного отображения требуется время. Я пробовал несколько разных решений, но ни одно из них не кажется на работу. Я был бы очень признателен за помощь.
Страница, с которой я столкнулся с проблемой: https://transform.makeen.io/forms
Видео с iPhone 6 :
Видео с iPhone 8 :
Спасибо
Ответ №1:
Это может быть связано loading="lazy" . Поскольку WordPress 5.5 по умолчанию loading="lazy" применяется к изображениям, поскольку он стал обычным поведением браузера.
Мы можем отключить это собственное поведение, используя этот wp_lazy_loading_enabled фильтр в вашем function.php .
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
В соответствии с Can I Use поддержка attribut loading="lazy" по-прежнему имеет только глобальное 72.72% значение.
| IE | Edge | Firefox | Хром | Сафари | IOS Safari |
|---|---|---|---|---|---|
| Не поддерживается | Поддерживаемый | Частичная поддержка | Поддерживаемый | Не поддерживается, но может быть включен | Не поддерживается, но может быть включен |
Как вы можете видеть, IOS не поддерживает его по умолчанию, что может вызвать некоторые проблемы с загрузкой.
Если вы продвинетесь в этом направлении, я бы предложил вернуться к старому методу отложенной загрузки или, возможно, к загрузчику перехода на страницу.
Узнать больше
Комментарии:
1. К сожалению, это не тот случай, если бы это было связано с Safari, изображения не отображались бы и на iPhone 8. Чтобы убедиться, что я применяю предложенное решение, но все равно его рендеринг на iPhone 6 занимает слишком много времени. В любом случае спасибо 🙂