Публикации по теме 'lazy-loading'


Почему и как стоит ленивая загрузка в веб-производительности
Почти каждый пост в блоге, который я читал, предлагает один метод повышения скорости загрузки страницы, который называется «Отложенная загрузка». Почему это рекомендация? Допустим, пользователь просматривает веб-страницы со скоростью 12 Мбит/с при мобильном интернет-соединении, что означает, что загрузка ресурса размером 1500 КБ займет секунду. Это только скорость загрузки, также есть время DNS и время соединения TCP, и если ресурс представляет собой файл javascript, также необходимо..
Реализация ленивой загрузки изображений с помощью vanilla JavaScript API
Вам знакомо это чувство, когда вы заходите на веб-сайт, но вам приходится ждать несколько дополнительных секунд, прежде чем вы сможете эффективно перемещаться по странице, потому что изображения не загрузились полностью? Раздражает, да? 😅 Обычно такая ситуация возникает по одной из следующих причин: Медленное интернет-соединение. Более старое (медленное) устройство. Размер изображения, получаемого браузером. При использовании графических ресурсов (изображений) на веб-сайтах для..
Относительная производительность Webpack по сравнению с современной ленивой загрузкой с подходом JAMstack; и будущее…
Я написал статью на вышеуказанную тему в github, вот ссылка: https:// lazy.metabake.net В статье я сравниваю производительность Webpack с современной ленивой загрузкой с подходом JAMstack. И я коснусь будущего «импорта» и покажу продвинутый пример отложенной загрузки. Плюс даю советы, как оптимизировать производительность. Пожалуйста, проверьте историю там.
Введение в наблюдатель пересечения
Введение в наблюдатель пересечения Что такое Intersection Observer? Мы все знаем, что означает «наблюдатель» в реальной жизни, как будто все мы хотим пойти в свое любимое место и понаблюдать за окружающей средой. Разные наблюдатели наблюдают за разными вещами, а не все наблюдают только за окружающей средой. Intersection Observer - это один из видов наблюдателей, которые накапливаются Javascript. Intersection Observer наблюдает за пересечением элемента через один из его..
Ленивое и нетерпеливое выполнение функций в Javascript
Рассмотрение аспектов функционального программирования. Эта и другие статьи доступны в блоге I Read You Learn Вот вопрос к вам, приведенный ниже код содержит функцию, которая повторяет букву «А» 10 раз, можете ли вы определить, выполняется ли это функция с жадностью или лениво? Что ж, мы обернули функцию, выполняющую работу, внутри функции повторителя , поэтому работа фактически не будет выполняться, пока мы не вызовем функцию, которая повторитель возвращает значение,..
Веб-компоненты — Отложенная загрузка изображений с помощью Intersection Observer
Веб-компоненты — ленивая загрузка изображений с помощью Intersection Observer В предыдущем посте Введение в веб-компоненты мы рассмотрели основы веб-компонентов и создали один автономный веб-компонент . Теперь попробуем настроить существующий HTML-элемент и придайте ему новый вкус. Мы попытаемся создать настраиваемый элемент изображения <img> . Давайте попробуем добавить функцию ленивой загрузки к существующему элементу HTML <img> . Наш элемент <img> будет..
Станьте ленивым: создание эффективных сайтов с большим количеством изображений
На дворе 2019 год. Интернет полон больших ярких изображений, а пропускная способность бесконечна. Правильно? Неправильный. Очень легко запутаться в самообмане в кресле Aeron в уютном офисе. Вероятно, вы подключены к WiFi или 4G/LTE со скоростью 50-100 Мбит+. Вы, вероятно, разрабатываете против локального хоста. Все кажется молниеносным… тебе. Тем временем ваши пользователи находятся в густонаселенных городах, городских каньонах, переполненных метро с сомнительным Wi-Fi, странах, где..