Webamator Blog

Lazy Load Google Maps
MENU
Home » Сайтостроителю » Lazy Load Google Maps

Lazy Load Google Maps

Я думаю, не секрет, что карты Google замедляют загрузку вашей страницы. Давайте взглянем ближе на популярную проблему: стандартные методы для вставки карт на сайт создают много дополнительных запросов поскольку загружается очень много изображений. Такое количество файлов может серьезно замедлить работу сайта.

Lazy Load Google Maps – это очень простой плагин для WordPress, позволяющий решить эту проблему. Он значительно улучшит производительность вашей начальной загрузки страницы, особенно если на одной странице есть две или более карт.
Вы наверняка знаете о Lazy Load для картинок? Это почти то же самое, но для Google Maps.

Плагин загружает JS и изображения для карт, только если карта находится в зоне видимости. Таким образом уменьшается время загрузки страницы и увеличивается результат Google PageSpeed. На демонстрационном сайте Google Page Speed Result равен 60/99 (плагин отключен/включен).

Демонстрация плагина:

https://extra-speed-blog.webamator.net/lazy-load-google-maps-demo/. Как вы можете видеть на скриншотах ниже, демонстрационная запись с двумя картами Google может улучшить производительность почти на 40%:

Lazy Load Google Maps отключен

Lazy Load Google Maps включен

Lazy Load Google Maps включен

Обратите внимание, для теста я использую самый быстрый бесплатный шаблон WordPress, который способен обеспечить результат 99-100% в Google PageSpeed. Если ваш текущий шаблон имеет меньший результат без карт, плагин не сможет вам гарантировать такой результат PageSpeed.

Установка:

Установка в панели управления WP очень простая:
Просто используйте меню «Плагины» -> «Добавить новий», введите в форме поиска «Lazy Load for GMaps» и нажмите «Установить».
Ручная установка также несложная:
1. Загрузите плагин в каталог /wp-content/plugins/ через FTP.
2. Активируйте плагин через меню «Плагины» (Plugins) в WordPress.

Как пользоваться:

1. Перейдите в меню «Настройки» -> «Lazy Load GMaps», вставьте и сохраните свой ключ Google Maps API.
2. Используйте шорткод в том месте публикации где желаете показать карту, например: [lazy_google_map latitude=”50.449688999″ longitude=”30.52250900″].

Скачать последнюю версию плагина Lazy Load Google Maps с сайта разработчика или репозитария WordPress. А если у вас есть какие-либо вопросы или идеи – как всегда, добро пожаловать в комментарии.

Popularity: 23%

Добавлено 10 января 2020
Рубрика: Сайтостроителю
Метки: , , ,

Если данный пост показался вам полезным или интересным, нажмите на одну из кнопок ниже - от vkontakte, facebook, tweeter или google+, чтобы о нем узнали ваши друзья. Спасибо!

Также рекомендую публикации, похожие на "Lazy Load Google Maps"

YEP for WordPress

Я думаю, ни для кого не секрет, что стандартные методы для вставки видео на сайт (с использованием iframe или embed) замедляют загрузку вашей страницы. Дело в том что [...]

Что нового в WordPress 5.1

WordPress 5.1 «Бетти» был выпущен 21 февраля 2019 года. Назван он в честь американской джазовой певицы Бетти Картер. WordPress 5.0 был загружен более 35 миллионов раз и сейчас 5.1 [...]

Что нового в WordPress 5

WordPress 5.0, названный в честь джазового музыканта Bebo, стал доступен с 6-го декабря 2018 года. Вы можете скачать его или обновиться автоматически через панель управления WordPress. Если вы [...]

Нет комментариев

No comments yet.

RSS feed for comments on this post.

Leave a comment