Прогресивні веб-програми - майбутнє сучасного Інтернету?

Сьогодні прогресивні веб-додатки (PWA) - це мова про місто, головним чином завдяки своїй дивовижній зручності у користуванні та унікальному користувальницькому досвіду. Завдяки об'єднаним функціям веб-сайтів і рідних додатків, PWA стають нормою для веб-додатків для декількох пристроїв дозволяє розробникам створювати динамічні програми, що швидко завантажуються без використання гібридних рамок.

Я вважаю, що прогресивні веб-програми є майбутнє веб-сайтів - і в наступному пишу, я буду обговорювати його переваги і використовувати випадки, щоб дати вам всю картину. Давайте перейдемо до цього.

Що таке Прогресивні веб-програми?

Термін “Прогресивні веб-програми” спочатку придумав Алекс Руселл (розробник Google Chrome) і Френсіс Берріман (дизайнер). Алекс поділився своєю ідеєю про прогресивні веб-додатки “Ці програми не запаковані та розгорнуті через магазини, вони просто сайти, які взяли всі вітаміни“.

“Сайти, які хочуть надсилати вам сповіщення або знаходитись на головному екрані, з часом повинні заробляти це право, оскільки ви їх використовуєте все більше і більше. Вони поступово стають “програми”“, написав Олексій про пристрасті PWA. Нарешті, уклав він, “ці програми можуть забезпечити рівномірний показ кращий досвід користувачів, ніж традиційні веб-програми“.

Веб-програми у порівнянні з прогресивними веб-додатками

Веб-програми або традиційні веб-програми - це програми на стороні клієнта запускати безпосередньо у веб-переглядачі. Хоча вони краще, ніж веб-сайти, але у них є свої проблеми. Якщо ви не знаєте різниці між веб-програмами та сайтами, веб-програми відрізняються від веб-сайтів, оскільки веб-програми виглядають та відчувають себе як рідні програми.

Це, як кажуть, Progressive Web Apps є наступне покоління веб-додатків які працюють більше як вітчизняні програми, використовуючи власні удосконалення пристрою. Наприклад, Progressive Web Apps можуть використовувати рідні особливості як камера, маяки і т.д., а також функції, такі як кеш-офлайн, push-сповіщення тощо.

Навіщо потрібні прогресивні веб-програми?

З одного боку, ми маємо рідні програми, які є неймовірно швидкими та надійними навіть у найгірших ситуаціях, таких як повільний або без підключення. Але, з іншого боку, у нас є веб-сайти та веб-програми, які є повільними і не працюють добре в умовах мережі. Саме тому більшість людей надають перевагу рідним програмам.

У 2016 році розпочався проект "Прискорені мобільні сторінки" (AMP), проект, заохочений Google вирішувати проблеми повільного з'єднання, особливо для смартфонів, а також для кращого користування мобільних користувачів. Проте, AMP не вирішує проблем, пов'язаних з відсутністю мережевих проблем. Крім того, воно не прискорює час завантаження стільки, скільки родні програми, і знову ж таки, воно не має обмежень для досягнення цієї швидкості.

Ось чому нам потрібні прогресивні веб-програми. PWA надають максимально можливий досвід користування у повільній або без мережі умови. Наприклад, PWA може показувати екран прогресу, коли він завантажує вміст або заставку, коли немає підключення до Інтернету відповідно.

Чому прогресивні веб-програми мають сенс?

Як зазначено у звіті американських мобільних додатків 2017 року для компанії comScore, користувачі майже повністю витрачають кошти 77 відсотків свого часу в трьох кращих додатках, в той час, як інші програми залишаються неактивними, але все ще блокують системні ресурси, включаючи пам'ять. Крім того, він також поділяє це 50% користувачів завантажують нульові програми на місяць. Цей факт говорить про те, що користувачі не соромляться встановлювати нові програми, а тому PWA має перевагу.

Я вважаю, що люди в основному йдуть на веб-сайти на настільних комп'ютерах, але надають перевагу програмам на мобільних пристроях (звичайні програми, звичайно). Причина в тому, що комп'ютери пропонують набагато більше мережевих ресурсів, ніж смартфони, а програми споживають менше ресурсів, ніж їхні колеги. Також вони швидкі та надійні.

Більш того, вітчизняні програми коштують набагато більше, ніж веб-сайти - до п'яти-десяти і більше разів, залежно від типу проекту. Крім того, їх вартість може збільшитися, якщо виникне потреба у розробці власних програм для декількох платформ (наприклад, Android та iOS) з різними кодами. Проте PWA може допомогти мінімізувати такі високі витрати на розробку, завдяки підтримці різних платформ.

Функції прогресивних веб-програм

Прогресивні веб-програми мають багато прямих функцій, які роблять їх різними, ніж їхні простіші колеги, тобто веб-програми (або простіші веб-сайти):

• Чуйний. Працюйте на всіх пристроях будь-якого розміру екрана.
• Спочатку в автономному режимі. Завантажується також повільно або без мережі.
• Відчуття, схоже на додаток. Переглядайте та взаємодійте, як рідну програму.
• Сучасний. Оновлення самостійно, майже прозоро.
• Безпечний та безпечний. Використовуйте HTTPS для завантаження ресурсів сторінки.
• Видимий. Доступний контент для пошукових систем.
• Повторно задіяний. Повторно ввімкніть, скажімо, використовуючи сповіщення.
• Встановлюється. Можна розмістити на головному екрані.
• Linkable. Завантажуйте сторінки, подібні до програми, але з URL-адресами.

Мені цікаво, що Progressive Web Apps не просто виглядають і відчувають себе рідними програмами, а й мають доступ до властивостей пристрою. Це означає, що PWA може зайняти вашу фотокамеру. Однак, я повинен поділитися, що він не отримує доступ до обмежених функцій, таких як місцезнаходження, телефон або SMS.

Примітка: Ви можете прочитати більше про його функції та інші деталі в цій публікації.

Створення прогресивних веб-програм?

Google надає a “Контрольний список прогресивних веб-застосунків” - список деталей, щоб допомогти початківцям створити Progressive Web Apps. У цьому списку немає посилань необхідні функції для створення PWA - a “Базова лінія PWA” і a “Зразковий PWA”; перший перераховує важливі речі для базової програми, а другий - для розширеної програми.

Крім того, існують різні інструменти, які допоможуть вам у створенні PWA. Наприклад, Lighthouse є вільним відкритим вихідним кодом інструмент для покращення веб-сторінки включаючи перевірку якості доступності, продуктивності та функцій PWA. Ще одним цікавим інструментом є Workbox, який допомагає створювати програми з першим досвідом у режимі офлайн.

Є прогресивні веб-програми майбутнього?

Хоча Прогресивні веб-програми можуть не вирішити всі наші проблеми з додатками або замінити рідні програми в найближчому майбутньому, але я вважаю, що це відіграватиме значну роль, завдяки його переваги, які набагато більше, ніж його обмеження. І майже з кожною великою платформою, що починає підтримувати PWA, ми далеко не побачимо їх скрізь.

Apple представила функції PWA (Web API) в Safari 11.1, включаючи Beacon API, службовці, Web App Manifest і т.д .; таким чином, якщо це не так, це призводить до того, що PWAs до iOS скоро вийдуть. Google вже підтримує PWA в Chrome для Android, і він також планує вивести його на настільні платформи. Корпорація Майкрософт також додала підтримку PWA в Microsoft Edge і також перерахувала їх у Microsoft Store.

Як ти гадаєш - є прогресивними веб-додатками майбутнього? Дайте мені знати безпосередньо в @aksinghnet або написати коментар через розділ нижче коментарів, щоб залишити свій відгук.