PHPackages                             showyweb/fast\_background - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. showyweb/fast\_background

ActiveLibrary[Image & Media](/categories/media)

showyweb/fast\_background
=========================

Интеллектуальный JavaScript загрузчик изображений для веб-проектов (поддерживает WebP и IntersectionObserver)

v7.2.6(11mo ago)43.5k—2.9%[2 PRs](https://github.com/showyweb/FastBackground/pulls)MITJavaScriptPHP >=7.1.0CI passing

Since Jan 17Pushed 5mo ago2 watchersCompare

[ Source](https://github.com/showyweb/FastBackground)[ Packagist](https://packagist.org/packages/showyweb/fast_background)[ RSS](/packages/showyweb-fast-background/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (10)DependenciesVersions (18)Used By (0)

FastBackground (deprecated)
===========================

[](#fastbackground-deprecated)

В ближайшем будущем этот репозиторий будет архивирован. Нативная поддержка браузерами HTML атрибутов srcset и loading="lazy" лучше справляется с загрузкой большого количества картинок.
========================================================================================================================================================================================

[](#в-ближайшем-будущем-этот-репозиторий-будет-архивирован-нативная-поддержка-браузерами-html-атрибутов-srcset-и-loadinglazy-лучше-справляется-с-загрузкой-большого-количества-картинок)

FastBackground - это интеллектуальный JavaScript загрузчик изображений для веб-проектов, который позволит вам сильно ускорить загрузку фоновых изображений для блочных элементов, а также элементов с тегом img.

- Поддерживает автоматическую конвертацию в [WebP](https://developers.google.com/speed/webp/), если браузер клиента не поддерживает новый формат изображения, то используется старый.
- Загрузчик использует [Intersection Observer API](https://developer.mozilla.org/ru/docs/Web/API/Intersection_Observer_API) (если он поддерживается браузером) для экономии трафика.
- Вам больше не нужно будет делать несколько версий для разных экранов, к примеру, 1X, 2X и т. д.
- Fast Background в процессе загрузки страницы автоматически рассчитает оптимальный размер изображения на основе размера контейнера, плотности пикселей и CSS свойства background-size и создаст версию в кэше на вашем сервере, в котором старые изображения в зависимости от настроек периодически будут удаляться.
- Также для предотвращения задержки используется двухуровневое кэширование на стороне веб-браузера, если оптимальный размер изображения уже был раннее загружен.

Необходимое ПО
==============

[](#необходимое--по)

- [PHP => 7.1 (ext-gd, ext-mbstring, ext-exif)](http://php.net/)
- [jQuery => 2.X](https://jquery.com/)
- [CSSOBJ => 1.1.2](https://github.com/cssobj/cssobj#cssobj-)
- [ImageMagick => 6.9.7-4 Q16](http://www.imagemagick.org)
- [cwebp => 0.6.1](https://developers.google.com/speed/webp/docs/cwebp)

Установка
=========

[](#установка)

- В composer.json добавьте

```
"scripts": {
    "pre-autoload-dump": [
      "@php vendor/showyweb/fast_background/src/istall_assets.php public/js"
    ]
}
```

Где `public/js` относительный путь до вашей публичной директории JavaScript которая должна быть доступна по протоколу HTTP. **istall\_assets.php** пропускает ранее скопированные файлы **config.php** и **.gitignore**

- Затем выполните команду

```
composer require showyweb/fast_background
```

Использование
=============

[](#использование)

```
>

    Новая страница

    fast_background.ajax_url = "/js/FastBackground/index.php";
    fast_background.update();

```

### Для максимальной производительности важно

[](#для-максимальной-производительности-важно)

- Подключать 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)

###  Health Score

40

—

FairBetter than 86% of packages

Maintenance62

Regular maintenance activity

Popularity25

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity53

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 91.4% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~91 days

Recently: every ~239 days

Total

15

Last Release

346d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/11799853?v=4)[SHOWYWeb](/maintainers/showyweb)[@showyweb](https://github.com/showyweb)

---

Top Contributors

[![showyweb](https://avatars.githubusercontent.com/u/11799853?v=4)](https://github.com/showyweb "showyweb (32 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (3 commits)")

### Embed Badge

![Health badge](/badges/showyweb-fast-background/health.svg)

```
[![Health](https://phpackages.com/badges/showyweb-fast-background/health.svg)](https://phpackages.com/packages/showyweb-fast-background)
```

###  Alternatives

[goat1000/svggraph

Generates SVG graphs

135911.1k3](/packages/goat1000-svggraph)[gravatarphp/gravatar

Gravatar URL builder which is most commonly called as a Gravatar library

16653.6k2](/packages/gravatarphp-gravatar)[rsoury/wp-imgix

Rewrites WordPress image URLs to use ImgIX

167.2k](/packages/rsoury-wp-imgix)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)