AMP HTML이란 무엇입니까?또, 프레임워크/툴 X에 어떻게 대응합니까?

AMP HTML이란 무엇입니까?또, 프레임워크/툴 X에 어떻게 대응합니까?

네, 지금까지 구글에서 AMP HTML에 대해 들어보셨을 겁니다.

이것이 기존 워크플로우와 어떻게 조화를 이룰지 궁금하네요.React 또는 Angular 앱을 작성할 경우 개발 과정에서 AMP HTML은 어떻게 적용됩니까?이들 프레임워크 각각은 컴포넌트를 정의하는 방법을 이미 가지고 있으며, AMP는 스택에 추가할 뿐입니다.

대부분의 사람들은 이미 브라우저나 웹 팩과 같은 다른 도구도 사용하고 있습니다.나는 AMP가 다른 것들과 어떻게 조화를 이루는지 쉽게 알 수 없다.이러한 툴 중 일부는 이미 당사의 사이트에 최적화된 방식으로 서비스를 제공할 수 있습니다.AMP HTML은 이 모든 것을 얼마나 바꿀까요?

AMP HTML은 기본적으로 가장 빠른 HTML을 제공합니다.생각난다WAP및 그Nokia 7110.

웹 페이지를 만들기 위한 엄격한 규칙 집합으로, 다른 회사나 개발자에 의해 확장되고 확장될 수 있습니다.

이것이 SPA(Single Page Apps)와 다른 자바스크립트 프런트 엔드 헤비 프레임워크와 어떻게 연동되는지는 현시점에서는 알려지지 않았다.그것은 개발자들이 알아내는 것이다.

스태틱 HTML 페이지의 핵심에는 저속 연결 및 작은 뷰에서 최대한 빠르게 로드되도록 설계된 커스텀 요소가 포함되어 있습니다.AMP-HTML은 누구나 이미 모바일용으로 사이트를 최적화하여 원하는 경우 몇 KB로 줄일 수 있습니다.

가장 큰 장점은

1. 구글은 안드로이드, 크롬과 구글 검색, 구글 CDN을 지원할 것이다.
2. 페이지는 매우 빠르게 로드되고 꽤 움직이지 않을 수 있습니다.

Wordpress와 다른 출판사에서와 같은 초기 채택은 모바일 친화적인 AMP 페이지 세트일 수 있습니다.이것은 Google에서 제공하는 것으로, 모든 일반 웹 페이지를 모바일로 사용하기 쉽게 하거나 SEO에 접속할 수 있도록 하기 위해서입니다.

장기적으로 보면 퍼포먼스에 초점을 맞춘 모바일 웹 사양입니다.채택된 웹 페이지는 5년 이내에 모바일 접속 품질에 관계없이 몇 초 안에 로딩될 수 있습니다.테크놀로지와 통신사의 속도 향상을 기다릴 수 없다면 페이지 크기는 최소한 줄일 수 있습니다.

AMP는 정적 페이지용으로 설계되었습니다.개발자는 일반 버전과 AMP 버전의 두 가지 페이지를 만들어야 합니다.AMP 페이지에는, 통상의 페이지에의 링크가 있습니다.또, 그 반대도 마찬가지입니다.모바일에서 일반 페이지로 요청이 올 때마다 AMP 페이지가 로드되고 그 반대도 마찬가지입니다.구글은 더 빨리 로딩하기 위해 자체 AMP 캐시를 가지고 있다.AMP 페이지를 작성할 때는 AMP 규칙만 고려하면 됩니다.

이 URL을 통해 더 명확해졌습니다.

가장 큰 최적화 중 하나는 외부 리소스에서 나오는 모든 것을 비동기적으로 만들기 때문에 페이지의 어떤 것도 렌더링을 차단할 수 없다는 사실입니다.

따라서 렌더 블로킹 CSS는 불필요합니다.

기타 퍼포먼스 기술로는 모든 iframe 샌드박스화, 리소스가 로드되기 전에 페이지 상의 모든 요소의 레이아웃 사전 계산, 저속 CSS 셀렉터 비활성화 등이 있습니다.

이 새로운 링크가 도움이 되길 바랍니다.

언급URL : https://stackoverflow.com/questions/32999561/what-is-amp-html-and-how-does-it-fit-in-with-framework-tool-x