Отложенная загрузка изображений в WordpressОпубликовано: 26.05.2017 Скорость загрузки является важным требованием к сайту как со стороны поисковиков, так и с точки зрения пользователей. Люди хотят быстро получать информацию, а не ждать несколько секунд пока отобразится страница. Именно поэтому разработчики пытаются всячески улучшить данный процесс: внедряют подборки рекомендаций как на mkels.com , экспериментируют с сервисами и CMS модулями. Если говорить про картинки, то тут 2 варианта: оптимизация с помощью веб-решений или графических редакторов, а также ленивая загрузка изображений (англ. — Lazy Load). В WordPress для второго метода имеется целый ряд плагинов, которые сегодня рассмотрим. Основной принцип отложенной загрузки картинок заключается в том, дабы показывать их только тогда, когда пользователь прокручивает до места, где они фактически находятся. По умолчанию браузеры скачивают и обрабатывают всю графику сразу, что в свою очередь создает ненужную задержку. Реализация Lazy Load на Jquery Как работает Lazy Load: браузер подгружает содержимое сайта без медиафайлов; с помощью некого JavaScript определяются какие картинки/видео должны выводиться изначально при запуске страницы; «дополнительная» материалы отображается при прокрутке, когда пользователь доходит до нужного контента.Все очень даже логично — зачем изначально скачивать информацию с сервера, которую человек физически не видит и, возможно, даже к ней не дойдет. Отложенная загрузка изображений может значительно улучшить ситуацию со скоростью работы сайтов, в которых используется много высококачественных иллюстраций или видеороликов. Cокращение времени загрузки за счет ленивой загрузки По теме в сети была найдена интересная статья , где автор оценивал эффективность скриптов Lazy Load в WordPress. Для теста был взят максимально простой шаблон TwentySixteen. Некоторыми цифрами из заметки есть смысл поделиться. Во-первых, посмотрим как именно медиафайлы влияют на результат. |
Добро пожаловать ,
Гость
!
|