Как убрать блок с картой Yandex для мобильной версии сайта или отложить ее загрузку?

Question

[Эдуард]

Есть карта Yandex на сайте и она серьезно влияет на скорость загрузки сайта. Можно ли сделать так, чтобы при мобильных разрешениях экрана карта вообще не загружалась, или же как то отложить ее загрузку?

Answer 1

[Сергей delphinpro]

Её загрузку лучше и на десктопах отложить до того момента как она попадет в область просмотра. Зачем лишнее грузить? Может пользователь и не пролистает до нее. Я уже не говорю о том, что не нужно подключать апи на страницах где карты вообще нет.

Делается элементарно. Следим за прокруткой, в нужный момент создаем тег script через который будет загружаться апи, вставляем его в head, по событию его загрузки запускаем инициализацию карты. Для пущей красоты раскрасим пустой див (в котором будет рендерится карта) в серенький цвет с надписью "Карта загружается...".