Ввод в поле ввода вялый/чрезвычайно медленный на ios + chrome

Я с ума сошел.

Если я открою этот url https://www.gomme-auto.it/pneumatici/205/55/16 на моем iphone с хром и попробую ввести в большое поле ввода сверху страница, , она очень медленная и вялая и едва пригодная для использования.

Если я открываю его в сафари, он отлично работает.

В любом симуляторе iphone я пробовал, он работает правильно. Но на физическом устройстве это не так. Пробовал с iphone5/iphone6 ​​/ipad-air как с ios 8.4.1 (последний).

Я провел последние 12 часов, пытаясь понять, что случилось, и я не смог идентифицировать проблему.

Я проверил некоторые другие веб-сайты, и я не могу найти другие сайты с таким поведением, так что это мой html, но до сих пор я полностью не мог найти, что не так.

Так как в Safari все работает правильно, это что-то связано с Chrome.

Если кто-то может помочь, это было бы здорово.

Ответ 1

Может быть полезно знать, что, хотя Chrome работает отлично на большинстве мобильных устройств, двоичный файл, установленный на вашем устройстве iOS, не использует один и тот же JavaScript API или механизм выполнения как "все elses" Chrome.

Смотрите, Apple любит следить за тем, чтобы все их программное обеспечение отлично работало в эко-сфере Apple, поэтому любой браузер, разработанный для iOS, действительно должен запускаться с использованием механизма рендеринга Safari.

Но есть уловка - хотя Chrome использует механизм рендеринга Safari, они не вслух используют JavaScript-движок Safari!

Хорошая аналогия представляет их как автомобили в гонке Формулы 1. Оба способны удерживать двигатели v10, но если они работают на трассе Яблок, то Chrome-автомобиль должен запустить v4.

Нелепый способ заставить их технологию казаться выше - но эй, это не моя компания.

Вполне возможно, что проблемы с задержкой, которые вы видите на своем сайте через браузер Chrome через iOS, являются симптомами проблем, которые я только что выложил.

Ответ 2

Вы можете использовать это правило:

-webkit-backface-visibility: hidden;

если этот случай попытается удалить это из вашего css, а затем снова проверить ваш сайт.

Поскольку это правило используется в ядре bootstrap, это может быть проблемой. попробуйте протестировать свой сайт без бутстрапа, чтобы убедиться, что он стал медленным или нет, и тогда вы сможете помочь начальным разработчикам, изменив исходный код на своем веб-сайте.