2019년 가장 중요한 웹 개발 동향 4가지
게시 됨: 2019-01-24웹 개발 동향
패션과 달리 기술 트렌드는 계절에 따라 변하지 않습니다. 웹 개발 기술은 천천히 발전하고 점진적으로 개선된 다음 더 많은 에이전시에 채택되어 더 많은 클라이언트가 새롭고 더 나은 작업 방식을 수용하도록 영향을 미칩니다.
그렇다면 2019년에는 마케팅 관리자에게 가장 관련성이 높은 것은 무엇일까요?
모바일 우선 디자인
모바일 장치 판매 및 사용은 계속해서 증가하고 있습니다. 현재 영국인의 74%가 스마트폰을 사용하고(2012년 51%에서 증가) 모든 성인의 65%가 스마트폰을 기본 장치로 사용하여 온라인에 접속합니다.
스마트폰과 태블릿 사용의 증가에도 불구하고 모바일에서의 사용자 경험은 여전히 뒤쳐져 있습니다. 왜요? 모바일 우선 사고의 부족.
모바일 퍼스트 디자인이란?
Mobile-First 디자인 접근 방식은 웹 프로젝트를 계획하여 시작할 때입니다. 그리고 데스크톱 버전이 아닌 모바일 경험을 먼저 디자인합니다.
데스크탑 버전용으로 디자인하여 디지털 프로젝트를 시작할 때. 그런 다음 스마트폰과 태블릿을 수용할 수 있도록 응답합니다. 이는 모바일 경험을 매우 독특하게 만드는 특성, 이점 및 기회를 잠재적으로 무시하고 있음을 의미합니다.
디자이너는 사용자가 소비자에게 원하는 콘텐츠, 작은 화면을 고려해야 합니다. 또한 카메라, 자이로스코프, GPS, 블루투스, NFC(Near Field Communication) 기능 등 모바일 장치가 데스크톱에 비해 제공할 수 있는 다양한 기능을 제공합니다.
소비자는 모바일 경험에서 더 많은 것을 요구하고 있으며 웹사이트나 앱이 제공하지 못하는 경우에도 주저하지 않습니다. 사용자의 50%가 좋지 않은 경험 때문에 모바일 거래를 포기합니다. Google에 따르면 61%는 모바일 사이트에서 원하는 내용을 즉시 찾을 수 없으면 다른 사이트로 빠르게 이동할 것이며 40%는 경쟁 사이트를 방문할 것이라고 말했습니다.
2019년에 왜 모바일 퍼스트 디자인인가?
소비자 요구는 Mobile-First 디자인에 초점을 맞추는 데 도움이 될 뿐만 아니라 또한 2018년에 Mobile-First 인덱싱이 도입되었습니다. 여기에서 웹사이트의 모바일 버전이 인덱싱 및 순위 지정을 위한 기본 버전으로 간주됩니다. 모바일 사이트가 없거나 모바일에 최적화되지 않은 데스크톱 버전이 없으면 사이트 순위에 영향을 미치고 오가닉 트래픽에 영향을 미칩니다.
프로그레시브 웹 앱(PWA)
PWA는 클라이언트가 앱 스토어에서 다운로드할 필요 없이 일반 웹 브라우저를 통해 쉽게 액세스할 수 있는 기본 앱의 기능을 제공할 수 있는 가능성을 확인함에 따라 점점 더 대중화되고 있습니다.
PWA는 오프라인 캐싱(예: 선택한 콘텐츠를 다운로드한 다음 오프라인으로 볼 수 있음), 홈 화면 바로 가기와 같은 기능을 제공합니다. 푸시 알림(현재 Android에서 사용 가능). 앱 환경의 모양과 느낌도 마찬가지입니다. 또한 웹 사이트일 뿐이므로 App Store의 장애물이 없으며 사용자가 장치의 소중한 공간을 희생해야 할 필요가 없습니다.
2019년에 PWA가 필요한 이유
PWA의 진정한 폭발적인 성장을 가로막는 유일한 장애물은 애플이다. PWA는 iPhone에서 볼 수 있지만 아직 푸시 알림을 지원하지 않으며 이 기능을 수용할 때까지 지원하지 않습니다. 솔루션의 진정한 잠재력을 저해할 수 있습니다. 그러나 점점 더 많은 사용자가 PWA와 상호 작용하는 경우 Apple은 이 요구를 무시할 수 없습니다.
AMP(Accelerated Mobile Pages)
AMP란?
AMP(Accelerated Mobile Pages)는 사용자에게 즉각적인 콘텐츠를 제공하는 빠르게 로드되는 모바일 웹페이지입니다. 2015년 Google과 Twitter가 주도한 프로젝트는 웹 성능을 향상시키기 위해 설계된 오픈 소스 웹 사이트 게시 기술을 제공하기 위해 설계되었습니다.
Google은 콘텐츠를 저장하고 간소화된 코드를 사용하여 웹 페이지를 매우 빠르게 로드할 수 있도록 합니다. 이 제거된 백 버전은 이미지를 포함하여 더 적은 콘텐츠가 표시될 수 있고 속도를 위해 디자인을 손상시킬 수 있습니다.
Google은 Google 검색에 제공되는 AMP 페이지가 일반적으로 1초 미만으로 로드되고 동등한 비 AMP 페이지보다 10배 적은 데이터를 사용한다고 보고했습니다. 전 세계적으로.
Forrester Consulting Total Economic Impact 연구(Google 의뢰)에 따르면 AMP를 사용하면 웹사이트 트래픽이 10% 증가하고 페이지에서 보내는 시간이 2배 증가하는 것으로 나타났습니다. AMP를 사용하는 전자 상거래 웹사이트의 경우 연구에서는 AMP가 아닌 페이지에 비해 판매 전환이 20% 증가한 것으로 나타났습니다.
2019년에 AMP가 필요한 이유
2019년 AMP의 진정한 인기 성장은 기업이 정보 제공의 중요성을 빠르게 인식하는 방식에 달려 있습니다. 그러나 Page Speed는 Google과 우수한 사용자 경험 모두에 중요한 요소입니다. 사이트의 어떤 콘텐츠를 개선해야 하는지 식별하는 경우일 수 있습니다.
HTTP2
HTTP/2는 더 빠르고 안전한 인터넷을 제공하기 위해 만들어졌습니다. 2015년에 처음 게시된 이후 2018년 11월 현재 상위 1천만 웹사이트 중 31.8%가 HTTP/2를 지원하는 등 점진적으로 채택이 진행되고 있습니다. 이것은 1999년에 최초의 HTTP가 게시된 이후 첫 번째 업데이트입니다.
점점 더 크고 복잡한 콘텐츠 형식을 사용할 수 있게 되었습니다. Google 엔지니어 팀은 인터넷에서 콘텐츠를 더 빠르게 보낼 수 있는 방법을 찾기 시작했습니다. 그들은 원래 HTTP(HyperText Transfer Protocol)를 기반으로 하고 HTTP/2용 플랫폼을 제공하는 구문인 SPDY를 만들었습니다.
HTTP/2의 이점
HTTP/2의 기술적 세부 사항은 백엔드 웹 개발자에게 남겨둘 수 있습니다. 그것이 하는 일과 그 이점에 대한 기본적인 이해를 하는 것이 유용합니다.
간단히 말해서 HTTP/2는 요청 방식을 개선하여 로드 시간을 줄입니다. 그리고 응답은 서버와 브라우저 간에 전송됩니다. 순차적 연결이 아닌 동시 연결, HTTP 헤더 압축 및 축소, 서버 푸시 구현 등 다양한 방법으로 이를 수행합니다.
페이지 로드 속도는 뛰어난 사용자 경험과 검색 엔진 최적화 모두에 중요합니다. 따라서 이를 개선할 수 있는 모든 기술은 확실히 고려할 가치가 있습니다.
대부분의 브라우저는 보안을 유지하기 위해 HTTPS를 통한 HTTP/2만 지원하지만 Let's Encrypt와 같은 사이트에서 보안 인증서를 제공하므로 전환하기가 더 쉽습니다. 그러나 좋은 소식은 많은 웹사이트에서 이미 사용하고 있을 수 있다는 것입니다. Google은 HTTP/2에 대한 풍부한 정보를 제공하며 이를 구현하는 방법에 대해 자세히 알고 싶다면 여기를 참조하세요.
왜 HTTP/2가 2019년의 트렌드가 될까요?
사용자는 즉각적인 응답을 기대하며 로드하는 데 2초 이상 걸리는 사이트는 느린 것으로 간주됩니다. 더 크고 복잡한 콘텐츠 형식에 대한 수요가 증가하고 있습니다. 페이지 로드를 개선할 수 있는 모든 기회를 진지하게 고려해야 합니다.
최소한의 구현 비용과 서버 업데이트의 일부로 많은 웹 사이트가 이미 HTTP/2에 설정되어 있을 수 있다는 사실을 통해 귀하의 사이트가 이미 HTTP/2에 있는지 확인하십시오. 점점 더 많은 사이트가 2019년에 HTTP/2로 변환합니다.