Публикации по теме 'progressive-web-app'


Полное руководство по индексам IndexedDB: улучшение поиска данных в веб-приложениях
IndexedDB — это мощная база данных на стороне клиента, которая позволяет веб-приложениям эффективно хранить и извлекать данные. Одной из ключевых функций, улучшающих поиск данных в IndexedDB, является использование индексов. В этой статье мы рассмотрим концепцию индексов IndexedDB, их важность и способы их эффективного использования в ваших веб-приложениях. Мы предоставим примеры кода, чтобы продемонстрировать использование индексов в IndexedDB. Оглавление Понимание индексов..
Twitter Lite и высокопроизводительные прогрессивные веб-приложения на React в любом масштабе
Взгляд на устранение распространенных и необычных узких мест в производительности одного из крупнейших в мире PWA на React.js, Twitter Lite . Создание быстрого веб-приложения включает в себя множество циклов измерения того, на что тратится время, понимания того, почему это происходит, и применения потенциальных решений. К сожалению, быстрого решения нет. Производительность - это непрерывная игра, в которой нужно наблюдать и оценивать области, которые нужно улучшить. В Twitter Lite мы..
Я пытаюсь сделать прогрессивное веб-приложение! Часть 4: Как я реализовал сервис-воркеры
Вау, это название почти столько же времени, сколько прошло с тех пор, как я написал последнюю запись в этой серии. Давайте вспомним, на чем мы остановились, прежде чем я с головой погрузился в сервис-воркеров. Вот так выглядел отчет Lighthouse: Не регистрирует Service Worker Это был мой следующий пункт в списке дел. Я написал три блоговых поста об этом приключении, но до сих пор не внедрил сервис-воркеров в приложение Klickrubrik . HTTPS на локальном сайте Это была..
Улучшите свою веб-производительность с Workbox
Это серия публикаций о рабочем ящике и его использовании, состоящая из нескольких частей. В этом посте мы сможем добавить поддержку автономного кеша для нашего текущего веб-приложения с помощью рабочей среды cli. Workbox — это набор библиотек, который предоставляет нам простой способ написания прогрессивных веб-приложений. Workbox разработан и поддерживается разработчиками Google. Прогрессивные веб-приложения помогают нам создавать быстрые, интегрированные, надежные и автономные..
Разработка нового интерфейса для компонентов
В последние годы фреймворки на основе компонентов захватили Интернет штурмом. Сейчас мы живем в эпоху, когда веб-сайты такие же гибкие и отзывчивые, как настольные / мобильные приложения. Веб-страницы больше не просто запускают и забывают документы. Теперь ожидается, что веб-страницы будут сохранять свое состояние и обновляться при действиях пользователя без перезагрузки. Они называются одностраничными приложениями (SPA). Было создано множество фреймворков для помощи в создании..
Дорога к PWA — Часть 2
Это снова мы! Добро пожаловать во вторую часть Дороги к PWA . Если вы здесь впервые, вы можете найти мой первый пост здесь . Для начала я еще раз резюмирую основные функции PWA: Устанавливаемый: используйте веб-приложение с домашнего экрана. Более быстрая загрузка: улучшена загрузка благодаря кэшированию. Возможность работы в автономном режиме: даже без подключения мое приложение должно работать в некоторой степени. Прогрессивность: упомянутые функции являются опциональными,..
Как прогрессивные веб-приложения снова делают Интернет великим
Прогрессивные веб-приложения — одна из самых горячих тенденций в веб-разработке прямо сейчас, и все больше и больше людей хотят узнать об этой концепции и технологии. Большинство статей на эту тему либо очень низкоуровневые и их трудно воспринимать нетехническим людям, либо, наоборот, очень короткие и поверхностные. В этой статье мы пытаемся достичь невозможного — объяснить концепцию PWA таким образом, чтобы это было интересно и понятно не только ИТ-специалистам, но и тем, кто в целом..