WordPress 비즈니스를 위한 프로그레시브 웹 앱의 중요성

'인터넷 사용 행태'의 변화하는 추세는 인터넷을 기반으로 하는 모든 사업주에게 충격으로 다가와야 합니다. 다가오는 '모바일 웹'의 물결에 눈을 떠야 할 때입니다. 블로그나 웹사이트를 소유하고 있다면 많은 트래픽이 모바일 장치를 통해 유입된다는 사실을 알고 있었을 것입니다.

Pew Research 센터의 연구에 따르면 미국인의 95%가 휴대전화를 소유하고 있고 77%가 스마트폰을 소유하고 있습니다. 이제 모바일 장치에 최첨단 기술이 탑재되어 인터넷 및 기타 서비스에 액세스하는 것이 훨씬 쉬워졌습니다. 많은 인터넷 트래픽이 모바일 장치를 통해 들어옵니다. 주요 기업들은 이를 이해하고 '모바일 우선' 접근 방식을 취하고 있습니다.

네이티브 앱은 누군가의 모바일 장치에서 귀하의 존재를 알리는 가장 인기 있는 방법 중 하나였으며 어느 정도는 여전히 그렇습니다. 그러나 추세는 웹을 장악하고 있는 프로그레시브 웹 애플리케이션의 끊임없는 증가와 함께 변화하고 있습니다.

프로그레시브 웹 앱이란 무엇입니까?

PWA(프로그레시브 웹 앱)는 최신 웹 기능을 사용하여 사용자에게 앱과 같은 경험을 제공하는 웹 앱입니다. 이러한 앱은 특정 요구 사항을 충족하고 서버에 배포되며 URL을 통해 액세스할 수 있으며 검색 엔진에서 색인을 생성합니다. 원래 Google에서 개발한 사이트 성능을 조정하기 위한 웹 표준 모음입니다. 이러한 개발로 인해 웹 기능은 제한 없이 기본 앱과 비슷해집니다.
PWA는 서비스 워커 시스템을 통해 앱 리소스와 페이지 정보를 캐시하므로 오프라인 상태이거나 네트워크 연결이 낮은 상태에서도 웹사이트에 액세스할 수 있습니다.
Treebo의 개발자에 따르면 "PWA는 보다 몰입감 있고 기본 앱과 같은 경험을 제공하는 기능으로 점진적으로 향상되는 단일 페이지 응용 프로그램입니다."

기본 앱보다 더 우수하고 효율적입니다.

네이티브 앱은 고유한 특성과 이점이 있지만 그에 따른 많은 제한 사항도 있습니다. 기본 앱을 웹에 연결하려면 네트워크 평가가 필수 요구 사항입니다. 네이티브 앱은 푸시 알림을 보낼 수 없습니다. 그들은 공간을 차지하며 플레이 스토어 또는 애플 스토어에서 다운로드해야 합니다. 여기서 문제는 앱이 엄격한 절차를 통해 매장의 승인을 받아야 한다는 것입니다. 네이티브 앱 개발은 완전히 새로운 게임이며 복잡한 코딩은 소수의 사람들에게만 제공됩니다.

프로그레시브 웹 앱은 가능한 모든 면에서 기본 앱을 능가하기 때문에 두드러집니다. PWA는 빠르며 거의 즉시 로드됩니다. 이러한 앱은 기본 앱보다 훨씬 빠르고 사용자 상호 작용에 더 빠르게 응답합니다. 오프라인으로 작업하면서 기본 앱의 모든 기능을 계속 수행할 수 있는 기능을 통해 PWA는 우리가 웹을 사용하는 방식을 완전히 바꾸고 있습니다.

사이트가 PWA로 분류되려면 몇 가지 기준을 충족해야 합니다.

• 오프라인 또는 열악한 네트워크 조건에서 작업하십시오. 이것은 서비스 워커를 사용하여 달성됩니다.
• 웹 앱 설치 배너 또는 홈 화면에 추가 버튼.
• 웹 푸시 알림을 사용합니다. Web Push API의 도입으로 이제 브라우저가 닫힌 경우에도 사용자에게 푸시 알림을 보낼 수 있습니다. 이것은 기본 앱을 통해 가져 오는 것 중 하나입니다.
• HTTPS 및 CSS 스크립팅을 구현합니다.
• 네이티브 애플리케이션과 유사하게 사용자의 화면에 즉시 로드되는 애플리케이션 셸(또는 앱 셸) 아키텍처를 사용합니다.

PWA와 워드프레스

WordPress는 현재 '프로그레시브 웹 앱' 생성을 완전히 지원하지 않습니다. 그러나 내년에는 Jetpack 팀이 WordPress의 Javascript-ification을 지원하는 PWA 기능을 추가할 것으로 추측됩니다.

개발자 Dan Walmsley는 WordPress VIP 블로그에서 Jetpack이 준비되는 대로 WordPress 프로그레시브 웹 앱 기능을 추가할 것이라고 밝혔습니다. 개발자는 v5.6.0부터 Jetpack의 매니페스트 모듈을 사용하여 매니페스트 파일을 추가할 수 있으며 페이지에 많은 이미지가 있는 경우에도 사이트 로딩 속도를 높이는 지연 로딩 이미지를 도입했습니다. 올해에는 더 많은 기능이 제공될 예정입니다.

마찬가지로 WordPress 최적화 도구는 서비스 작업자 및 매니페스트 도구를 제공합니다. 'Super Progressive Web Apps '는 매니페스트를 생성하고 '홈 화면에 추가' 버튼을 비롯한 여러 기능을 제공합니다.

큰 질문?

따라서 가장 큰 질문은 PWA가 WordPress 비즈니스를 어떻게 변화시킬 것인가 하는 것입니다. 웹사이트를 운영하고 있다면 이것은 반드시 해결해야 하는 중요한 질문입니다. 이유는 PWA가 웹사이트의 경험을 바꿀 수 있기 때문입니다. 비즈니스가 눈에 띄고 사용자에게 가치를 제공하기를 정말로 원한다면 이는 큰 결정 요인이 될 수 있습니다.

Progressive Web Apps 가 비즈니스를 변화시킬 수 있는 방법과 이유를 살펴보고 이와 함께 PWA로 전환한 인기 있는 회사의 몇 가지 예와 그들이 관찰한 결과를 살펴보겠습니다.

안정적으로 빠르고 향상된 성능

연구에 따르면 일반 사용자는 로드하는 데 3분 이상 걸리면 로드 페이지를 종료합니다. 현재 통계에 따르면 4개국(미국, 영국, 일본, 독일) 전체 웹사이트의 평균 로딩 시간은 8.66초입니다. 많은 웹사이트에서 PWA를 사용할 수 있습니다.

이미지 소스

사용자가 검색 결과에서 다음 웹사이트로 건너뛰는 것을 막을 수 있도록 빠른 로딩 웹사이트를 갖는 것이 중요합니다. PWA는 거의 즉시 로드됩니다. 서비스 워커를 통한 매우 효율적인 캐싱 시스템을 통해 서버 지연 없이 PWA를 로드할 수 있습니다.

Treebo는 인도 호텔 체인입니다. 그들은 PWA를 만들어 모바일 로드 시간을 6초에서 1.5초로 단축했다고 보고했습니다. 이제 사이트가 1초 만에 데스크탑에 로드됩니다! 그들의 기술 팀은 사이트의 검색 순위가 향상되었고 월간 전환율이 두 배 이상 증가했다고 보고했습니다.

오프라인에서도 작동

PWA를 실행하기 위해 인터넷에 있을 필요는 없습니다. PWA의 한 가지 고전적인 점은 브라우저가 열려 있지 않은 경우에도 푸시 알림을 보낼 수 있다는 것입니다. 사용자는 장치 또는 데스크탑을 통해 데이터에 액세스할 수 있습니다. PWA의 일부로 모든 사람이 귀하의 웹사이트를 홈 화면에 아이콘으로 저장하고 언제든지 방문할 수 있습니다.

사용자를 웹사이트에 계속해서 참여시키고 재방문하게 하는 좋은 방법입니다. 이는 이탈률을 줄이고 여러 세션을 가져오며 더 나은 사용자 상호 작용을 만듭니다.

홈 화면에 PWA를 추가하는 것은 새로운 섹시함입니다. 푸시 알림을 보낼 수 있습니다. 예를 들어 웹은 앱처럼 작동합니다. FoxNews의 웹사이트에는 '홈 화면에 추가' 버튼이 있습니다. 완료되면 최신 뉴스 업데이트 아이콘을 클릭하고 왼쪽이나 오른쪽으로 스와이프하여 스크롤할 수 있습니다.

간단한 코딩은 고전적인 PWA를 만듭니다

PWA를 만들기 위해 코딩 닌자가 될 필요는 없습니다. PWA는 HTML, CSS(Cascading Style Sheets) 및 JavaScript와 같은 간단한 웹 언어를 사용하여 만들어집니다. 네이티브 앱을 만들려면 많은 기술이 필요합니다. Java는 배우기 쉬운 언어가 아닙니다. 네이티브 앱을 개발하는 동안 많은 제한 사항이 있으며 코딩하기 어렵습니다. 앱을 플레이 스토어 또는 애플 스토어에 등록하려면 제3자 확인이 필요합니다.

PWA를 사용하면 제3자 승인이 필요하지 않습니다. PWA는 사이트 및 데이터에 직접 연결됩니다. 코딩하기가 더 쉽기 때문에 네이티브 앱을 만들면 지출했을 많은 돈과 리소스를 절약할 수 있습니다. 사이트와 앱을 함께 관리하는 것은 어려운 일이지만, 앱도 함께 운영하는 사이트, 이보다 더 좋은 것은 없을 것 같아요.

Microsoft는 Windows 10의 다음 버전에서 PWA를 지원할 것이라고 발표했습니다. Apple과 Mozilla도 자체 에코시스템에 PWA를 포함하고 있습니다. PWA의 효율성과 용이성은 무시할 수 없으므로 주요 기술 대기업의 지원을 받고 있습니다. Google은 이미 모바일 웹의 다음 물결을 예측했으며 PWA가 거기에서 중요한 역할을 합니다.