Публикации по теме 'lazy-loading'
От ленивой оценки к эффективному кэшированию: изучение @cached_property в Python
Введение
cached_property это сочетание ленивой оценки и запоминания
В мире программирования на Python оптимизация производительности кода является важнейшей задачей. Независимо от того, создаете ли вы веб-приложение, обрабатываете данные или работаете над каким-либо проектом Python, эффективность вашего кода может существенно повлиять на скорость выполнения и использование ресурсов. Именно здесь Python cached_property вступает в игру как мощный инструмент оптимизации..
Как лениво загружать любые диаграммы и рекламу с помощью lazysizes.js
После добавления диаграмм трендов эмодзи на emojigraph.org/chart-decreasing/ я столкнулся со значительным 📉 падением скорости загрузки страниц на мобильных устройствах. И такая же проблема у меня была с рекламой.
Я уже использовал lazysizes.js для отложенной загрузки изображений, поэтому начал искать способ использовать ту же библиотеку для отложенной загрузки диаграмм и рекламы.
Будем надеяться, что есть событие lazybeforeunveil , запускаемое для каждого элемента lazyload..
Оптимизация кода JavaScript
Отличный код требует большой ответственности, поэтому оптимизируйте свой код с помощью следующих методов.
Минификация и сжатие кода
Вы можете использовать такой инструмент, как UglifyJS, для минимизации кода JavaScript. В следующем примере показано, как использовать UglifyJS для минимизации файла с именем «input.js» и сохранения вывода в «output.js».
const UglifyJS = require("uglify-js");
const fs = require("fs");
let code =..
Что я узнал на работе на этой неделе: ленивая загрузка
Я пишу этот блог, чтобы однозначно предотвратить ситуации, подобные той, что была у меня на работе на прошлой неделе. Во время парного программирования с коллегой он предположил, что проблема, с которой мы столкнулись, могла быть связана с отложенной загрузкой . Разговор проходил примерно так:
Коллега: Хм, это могло быть вызвано ленивой загрузкой, но я не совсем помню, как это работает… а вы?
Я: Я ... не знаю, узнал ли я когда-нибудь об этом.
В этом не было ничего страшного,..
Ленивая загрузка закадровых изображений для Angular ngFor list
Некоторое время назад я написал статью об использовании IntersectionObserver API, где я использовал сервис Angular, чтобы решить, какое изображение наблюдать, и он отлично работал для веб-сайта Джоанны , что было довольно простым вариантом использования. . У меня был другой вариант использования, когда я хочу лениво загружать закадровые изображения - веб-приложение под названием Наши заметки позволяет создать группу и добавить / удалить заметку с дополнительным изображением...
Ленивая загрузка компонентов React при прокрутке страницы с использованием Intersection Observer API (крюк и обертка…
Оглавление.
· Безумный вариант использования… · Проблема с нашим вариантом использования! · Решение · API Intersection Observer ∘ Хук useFiestViewportEntry. ∘ Компонент-обертка RenderOnViewportEntry · Использование · Заключение
Сегодня React используется для создания приложений, которые с каждым днем становятся все более сложными. Одной из причин этого является его высокая производительность и простота обучения. Другая причина заключается в наличии множества..
Предварительная загрузка лениво загруженных пакетов в React
Привет всем, сегодня я собираюсь рассказать об интересной концепции, которая может пригодиться для повышения производительности (ленивая загрузка пакета), а также помочь с пользовательским интерфейсом (посредством «предварительной выборки» пакета, чтобы было меньше шансов задержки, вызванной ленивой загрузкой во время выполнения).
Существует способ указать браузеру загрузить (а затем кэшировать) ресурс в фоновом режиме и не мешать более важным ресурсам, которые загружаются при начальной..
