Bundlephobia - Узнавайте размер пакетов до их установки

Description

Хотите знать, насколько новый npm-пакет увеличит размер вашего проекта? Bundlephobia дает наглядное представление о «весе» любого JavaScript-пакета. Вы можете быстро проверить размер и оценить его влияние на производительность вашего сайта, что поможет принимать более обоснованные решения при выборе зависимостей. Это позволит вам эффективно оптимизировать фронтенд-бандлы, ускорить загрузку для пользователей и сделать работу с сайтом более плавной. Понимание реальной стоимости каждого пакета поможет поддерживать легкость и эффективность ваших проектов. • Просматривайте размер отдельных пакетов • Понимайте влияние на общий размер бандла • Делайте осознанный выбор зависимостей • Работает даже в автономном режиме Вы можете открыть Bundlephobia прямо в браузере и добавить на главный экран одним нажатием. После этого он будет открываться в отдельном окне, как нативное приложение. Он также поддерживает фоновые обновления и push-уведомления, предоставляя те же возможности, что и обычное приложение, без необходимости регистрации в магазине или отдельных скачиваний.

Операционные системы

Хотите использовать Bundlephobia как полноценное приложение?

Хотите использовать Bundlephobia как полноценное приложение? В 2026 году это проще простого! Ознакомьтесь с инструкциями под все браузеры и устройствами.

Chrome - Desktop

Нажмите кнопку «Установить приложение» - иконка: коппьютер со стрелкой вниз

Подтвердите установку нажмите «Установить»

Chrome - Android

Откройте меню браузера - три точки в правом верхнем углу

Выберете пункт «Установить приложение» иногда это: «Добавить на главный экран»

А здесь подтвердите установку - нажмите «Установить»

Chrome - iOS

Нажмите на значек «Поделиться» - правом верхнем углу, рядом с адресом сайта

Выберете пункт: На экран «Домой»

А здесь кнопочку «Добавить». И Приложение появится на главном экране вашего iPhone

Safari - iOS

Нажмите кнопку «Поделиться» внизу экрана

Выберете пункт: На экран «Домой»

А здесь кнопочку «Добавить». И Приложение появится на главном экране вашего iPhone

Safari - Desktop

Нажмите кнопку «Поделиться» - в верхнем правом углу экрана

Выберете пункт: Добавить в Dock

Теперь нажмите кнопку «Добавить» - и приложение появится в Dock вашего Mac

Yandex - Desktop

Откройте «меню действий с ресурсом» - три точки в правом верхнем углу - рядом с адресом сайта

Выберете пункт «Установить как приложение»

А тут выберете «Отдельное окно»

Yandex - Android

Откройте меню браузера - три точки в правом нижнем углу, рядом с адресом сайта

Выберете пункт «Добавить на рабочий стол»

А тут нажмите кнопку «Добавить» - и приложение появится на главном экране

Yandex - iOS

Откройте меню браузера - три точки в правом нижнем углу, рядом с адресом сайта

Нажмите кнопку «Добавить ярлык на телефон»

Тут выберете пункт: На экран «Домой»

А здесь кнопочку «Добавить». И Приложение появится на главном экране вашего iPhone

Edge - Desktop

Нажмите кнопку «Установить приложение» - иконка: 3 блока с плюсиком

Подтвердите установку нажмите «Установить»

Edge - Android

Откройте меню браузера - «бургер» иконка в правом нижнем углу, рядом с адресом сайта

Свайпните иконки меню вправо

Выберете пункт «Добавить на главный экран»

А здесь подтвердите установку - нажмите «Установить»

Opera - iOS

Откройте меню браузера - три точки в правом нижнем углу, рядом с адресом сайта

Тут Нажмите на кнопку «Поделиться»

Выберете пункт: На экран «Домой»

А здесь кнопочку «Добавить». И Приложение появится на главном экране вашего iPhone

Opera - Android

Откройте меню браузера - «Три точки» в правом верхнем углу

Выберете пункт «Добавить...»

Тут выберете пункт «На главный экран»

Нажмите кнопку «Добавить»

А тут подтведите - и снова нажмите «Добавить» - и приложение появится на главном экране

Samsung internet - Android

Нажмите кнопку «Установить приложение» - иконка: квадтрат со стрелочкой вниз

И нажмите кнопку «Добавить» - и приложение появится на главном экране

Keywords: PWA приложение, Progressive Web App, установить PWA, установить PWA приложение, PWA web-приложение, PWA мобильное приложение, PWA браузер приложение, web-приложение installable, PWA installable web app, PWA без App Store, PWA без Google Play, PWA кроссплатформенное приложение, PWA offline приложение, PWA push уведомления, PWA для iOS и Android, Progressive Web App install, Progressive Web App offline, Progressive Web App browser, Progressive Web App installable, Progressive Web App web application, Progressive Web App mobile app, Progressive Web App без магазина, приложение работа без интернета, браузерное приложение как приложение, установить приложение с браузера, web-app приложение, install web app, install web-app on phone, web application install, быстрая установка PWA, мгновенная установка PWA, быстро установить PWA, легкая установка PWA, простая установка PWA, установка PWA по шагам, пошаговая установка PWA, инструкция установки PWA, как установить PWA быстро, установка PWA инструкция, руководство по установке PWA, Bundlephobia, Узнавайте размер пакетов до их установки, utilities-tools