Публикации по теме 'pwa'


Переход без сборки
Привет всем У меня отношения на расстоянии, а это значит, что каждые несколько недель я летаю в Англию. Каждый раз, когда я нахожусь в этом самолете, я думаю о том, как было бы хорошо прочитать какие-нибудь посты на Reddit. Что я мог сделать, так это найти приложение Reddit, которое позволяет кэшировать сообщения для офлайн (я уверен, что оно есть), или я мог бы воспользоваться возможностью написать что-нибудь сам и использовать некоторые из последних и лучшие технологии и..
Магия сервис-воркеров с Workbox и Preact
TL; DR; Service Workers - это удивительное новое достижение в браузере, которое играет ключевую роль в создании прогрессивных веб-приложений. Workbox - это супер-инструмент, который поможет вам создать сервис-воркера. Preact - это фантастический тонкий фреймворк на основе React, который является отличным выбором для создания PWA из-за его небольшого веса и встроенной поддержки PWA. Preact CLI Самый простой способ начать работу с Preact - использовать preact-cli . Вам..
Ваш PWA сломается в августе 2021 года
ОБНОВЛЕНИЕ: 14 апреля Google объявил, что приостанавливает выполнение плана по развертыванию этой функции. Ознакомьтесь с моей последующей статьей здесь . Если у вас есть PWA и вы недавно просматривали манифест консоли или приложения, возможно, вы заметили это сообщение: Страница не работает офлайн. Начиная с Chrome 93, критерии возможности установки меняются, и этот сайт нельзя будет установить. Https://developer.chrome.com/blog/improved-pwa-offline-detection для получения..
Workbox  — библиотека, упрощающая и эффективная написание сервис-воркеров.
Со временем наш интернет-опыт резко изменился. Вы будете удивлены, узнав, что всего 10 лет назад среднее время загрузки веб-страницы составляло 16 секунд, а сейчас — 6 секунд. Сегодня все соревнуются за то, чтобы привлечь внимание Google, чтобы вывести их контент и веб-сайт на первое место в результатах поиска. Google объявил, что скорость страницы является фактором целевой страницы для поиска Google, объявлений Google и мобильного поиска. Итак, если вы являетесь разработчиком..
Статус Service Worker в автономном режиме
Введение В этой статье демонстрируется использование Service Workers для отображения настраиваемого автономного представления, когда веб-браузер не подключен к сети. Сервисные работники являются ключом к прогрессивным веб-приложениям, веб-сайтам, которые можно установить на домашний экран в виде приложения. Проблемы Несколько. Эта функция не предназначена для развертывания новичками. Поддержка сервис-воркеров остается неравномерной, но если браузер не поддерживает ее, веб-сайт..
Как создавать прогрессивные веб-приложения (PWA)
Новичок в концепции прогрессивных веб-приложений (PWA)? Давайте начнем с основ. PWA - это современные высококачественные приложения, созданные с использованием веб-технологий. Они предлагают аналогичные возможности приложений для iOS / Android / настольных ПК, они надежны даже в нестабильных условиях сети и их можно установить, что упрощает их поиск и использование пользователями. Прогрессивные веб-приложения сочетают в себе лучшее из Интернета и лучших мобильных приложений. Они..
Стартовый набор для создания современного сайта знакомств - swirlMATCH.com | Часть 1 - Архитектура / Дизайн
Чтобы расширить технологии, изложенные в статье - С чего начать? Руководство для разработчиков (2018) - рассмотрим архитектуру swirlMATCH.com . Исходный код: https://github.com/SeanHogg/swirlMATCH Архитектура сайта swirlMATCH.com следует многим основным принципам проектирования, таким как SOLID, DRY и Encapsulation. Архитектура разбита по системам и уровням внутри каждой системы. Системы определяются как дискретные коммуникационные (физические) границы в..