Download the PHP package showyweb/fast_background without Composer
On this page you can find all versions of the php package showyweb/fast_background. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download showyweb/fast_background
More information about showyweb/fast_background
Files in showyweb/fast_background
Package fast_background
Short Description Интеллектуальный JavaScript загрузчик изображений для веб-проектов (поддерживает WebP и IntersectionObserver)
License MIT
Informations about the package fast_background
FastBackground
FastBackground - это интеллектуальный JavaScript загрузчик изображений для веб-проектов, который позволит вам сильно ускорить загрузку фоновых изображений для блочных элементов, а также элементов с тегом img.
-
Поддерживает автоматическую конвертацию в WebP, если браузер клиента не поддерживает новый формат изображения, то используется старый.
- Загрузчик использует Intersection Observer API (если он поддерживается браузером) для экономии трафика.
- Вам больше не нужно будет делать несколько версий для разных экранов, к примеру, 1X, 2X и т. д.
- Fast Background в процессе загрузки страницы автоматически рассчитает оптимальный размер изображения на основе размера контейнера, плотности пикселей и CSS свойства background-size и создаст версию в кэше на вашем сервере, в котором старые изображения в зависимости от настроек периодически будут удаляться.
- Также для предотвращения задержки используется двухуровневое кэширование на стороне веб-браузера, если оптимальный размер изображения уже был раннее загружен.
Необходимое ПО
- PHP => 7.1 (ext-gd, ext-mbstring, ext-exif)
- jQuery => 2.X
- CSSOBJ => 1.1.2
- ImageMagick => 6.9.7-4 Q16
- cwebp => 0.6.1
Установка
- В composer.json добавьте
Где public/js
относительный путь до вашей публичной директории JavaScript которая должна быть доступна по протоколу HTTP. istall_assets.php пропускает ранее скопированные файлы config.php и .gitignore
- Затем выполните команду
Использование
Для максимальной производительности важно
- Подключать JavaScript файлы FastBackground в тегах head (без использования атрибутов async и defer)
- Первый вызов
fast_background.update()
выполнять перед закрывающим тегом body - Использовать FastBackground для всех картинок на странице
Если нужно отобразить картинку максимально быстро в первичной области видимости, то на php можно использовать функцию fb_cache
. Чтобы функция была доступна, подключите файл public/js/FastBackground/get_img_without_js.php
Дополнительная документация доступна в файлах
- public/js/FastBackground/fast_background.js (JSDoc)
- public/js/FastBackground/config.php (Комментарии)
- public/js/FastBackground/get_img_without_js.php (PHPDoc)
All versions of fast_background with dependencies
ext-gd Version *
ext-mbstring Version *
ext-exif Version *