AMP (Acceleration Mobile Pages) 웹 개발이란 무엇입니까?

AMP의 장점과 Responsive Web Design과의 차이점

지난 몇 년 동안 웹 사이트에 대한 웹 로그 분석 트래픽을 살펴보면 모바일 기기의 사용자에게서 유입되는 방문자의 수가 증가하면서 공통점이 모두 공통점을 공유한다는 사실을 알게 될 것입니다.

전 세계적으로 모바일 장치에서 오는 웹 트래픽은 기본적으로 데스크톱 또는 랩톱 컴퓨터를 의미하는 "기존 장치"로 생각하는 것보다 많습니다. 모바일 컴퓨팅이 사람들이 온라인 콘텐츠를 소비하는 방식을 바꿔 놓았다는 것은 의심의 여지가 없습니다. 즉, 점점 더 모바일 중심의 관중을 위해 웹 사이트를 구축해야하는 방식이 바뀌 었습니다.

모바일 사용자를위한 건물

"모바일 친화적 인 웹 사이트"를 만드는 것은 웹 전문가들에게 수년 동안 우선 순위를두고 있습니다. 모든 장치에서 잘 작동하는 사이트를 만드는 데 도움이되는 반응 형 웹 디자인 과 같은 실천과 사이트 성능 및 빠른 다운로드 시간에 중점을두고 모든 사용자, 모바일 또는 기타 사용자에게 혜택을줍니다. 모바일 친화적 인 사이트에 대한 또 다른 접근법은 가속 모바일 페이지 (Accelerated Mobile Pages)를 의미하는 AMP 웹 개발이라고합니다.

Google이 후원하는이 프로젝트는 웹 사이트 게시자가 휴대 기기에서 더 빠르게로드하는 사이트를 만들 수 있도록하는 공개 표준으로 만들어졌습니다. 반응이 빠른 웹 디자인과 비슷하다고 생각한다면 틀리지 않을 것입니다. 두 개념은 공통점이 많습니다. 즉, 모바일 장치의 사용자에게 콘텐츠를 제공하는 데 중점을 둡니다. 그러나 이러한 두 가지 접근 방식에는 여러 가지 차이점이 있습니다.

AMP와 반응 형 웹 디자인의 주요 차이점

반응 형 웹 디자인의 강점 중 하나는 항상 사이트에 추가되는 유연성이었습니다. 방문자의 화면 크기에 자동으로 응답하는 하나의 페이지를 만들 수 있습니다. 이를 통해 휴대 전화에서 태블릿, 노트북, 데스크톱 및 기타 다양한 기기 및 화면 크기에 적합한 페이지 도달 범위와 좋은 경험을 제공 할 수 있습니다. 반응이 빠른 웹 디자인은 모바일뿐 아니라 모든 장치와 사용자 경험에 초점 맞 춥니 다. 그것은 여러면에서 좋고 다른면에서는 좋지 않습니다.

사이트의 유연성은 뛰어나지 만 실제로 모바일에 집중하려는 경우 모바일 사이트가 아닌 모든 화면에 초점을 맞추는 사이트를 만들면 순전히 최적화 된 모바일 성능을위한 유연성을 확보 할 수 있습니다. 이것이 AMP의 이론입니다.

AMP는 순전히 속도에 초점을 맞 춥니 다. 이 프로젝트의 Google Tech Lead 인 Malte Ubl에 따르면 AMP는 "즉각적인 렌더링을 웹 컨텐트로 가져 오는 것"을 목표로합니다.

이것들은 AMP 로드를 매우 빠르게 만드는 몇 가지 원칙입니다. 그러나 오랫동안 웹 전문가들이 싫증나게하는 항목도 있습니다. 인라인 스타일 시트 . 우리 중 많은 사람들은 수년간 모든 스타일이 외부 스타일 시트에 포함되어야한다고 들었습니다. 하나의 외부 시트에서 사이트 페이지를 많이 스타일링 할 수 있다는 것은 CSS의 강점 중 하나입니다. 페이지가 인라인 스타일을 대신 사용하면 무효화됩니다. 예, 외부 파일을 다운로드 할 필요가 없지만 단일 스타일 시트를 사용하여 전체 사이트를 관리 할 수는 있습니다. 그래서 어떤 접근 방식이 더 낫지? 현실은 둘 다 장점과 단점이 있습니다. 웹은 끊임없이 변화하며 사이트를 방문하는 사람들마다 서로 다른 요구가 있습니다. 서로 다른 접근법이 다른 상황에서 의미가 있기 때문에 모든 경우에 적용되는 규칙을 수립하는 것은 매우 어렵습니다. 핵심은 각 접근법의 장점 또는 단점을 비교하여 어떤 경우에 가장 적합한 것인지 결정하는 것입니다.

AMP와 RWD의 또 다른 주요 차이점은 반응 형 디자인이 기존 사이트에 거의 추가되지 않는다는 점입니다. RWD는 사이트의 아키텍처와 경험을 실제로 재검토하기 때문에 일반적으로 응답 스타일을 수용하기 위해 사이트를 다시 디자인하고 재개발 해야합니다. 그러나 기존 사이트에 AMP를 추가 할 수 있습니다. 사실 기존 응답 형 사이트에 추가 할 수도 있습니다.

자바 스크립트 고려 사항

RWD가있는 사이트와 달리 AMP 사이트는 Javascript로 잘 재생되지 않습니다. 여기에는 오늘날 사이트에서 널리 사용되는 타사 스크립트 및 라이브러리가 포함됩니다. 이러한 라이브러리는 사이트에 놀라운 기능을 추가 할 수 있지만 성능에 영향을 미칩니다. 따라서 페이지 속도에 집중하는 접근 방식이 Javascript 파일을 피할 수있는 이유가됩니다. 이러한 이유 때문에 AMP가 매우 정적 인 웹 페이지 나 정적 인 웹 페이지 또는 특정 이유에 따라 특정 Javascript 효과를 필요로하는 것과는 반대로 정적 인 웹 페이지에서 가장 잘 사용되는 경우가 있습니다. 예를 들어 "라이트 박스"스타일 경험을 활용하는 웹 사이트 갤러리는 AMP의 훌륭한 후보가 될 수 없습니다. 한편, 표준 웹 사이트 기사 나 멋진 기능을 필요로하지 않는 보도 자료는 AMP와 함께 제공하는 훌륭한 페이지입니다. 이 페이지는 소셜 미디어 또는 모바일 Google 검색을 통해 링크를 보았던 모바일 장치를 사용하는 사람들이 읽을 가능성이 높습니다. 불필요한 Javascript 및 기타 리소스가로드되는 동안 다운로드 속도를 늦추는 대신 요청한 콘텐츠를 즉시 전달할 수 있으므로 훌륭한 고객 경험을 얻을 수 있습니다.

올바른 솔루션 선택

AMP 또는 RWD 중 어떤 옵션이 적합합니까? 물론 특정 요구에 따라 다르지만, 둘 중 하나를 선택할 필요는 없습니다. 더 똑똑하고 (보다 성공적인) 온라인 전략을 원한다면 우리가 사용할 수있는 모든 도구를 고려하고 함께 작동하는 방법을 배워야 함을 의미합니다. 아마도 이는 사이트를 반응 적으로 전달하는 것을 의미하지만 해당 개발 스타일에 가장 적합한 선택 섹션이나 페이지에서 AMP를 사용하는 것입니다. 그것은 또한 서로 다른 접근 방식의 측면을 취하고 그것들을 결합하여 매우 특정한 필요를 충족시키고 해당 사이트의 방문객에게 두 가지 장점 모두를 제공하는 하이브리드 솔루션을 만드는 것을 의미 할 수 있습니다.