AMP HTML 어떤 녀석일까?

AMP HTML 어떤 녀석일까?

http://hackya.com/kr/amp-html-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%9D%BC%EB%A9%B4-%EC%A7%80%EA%B8%88-%EA%BC%AD-%EC%9D%B5%ED%98%80%EC%95%BC-%ED%95%98%EB%8A%94-%EC%83%88%EB%A1%9C%EC%9A%B4-%ED%94%8C%EB%9E%AB%ED%8F%BC/

https://www.ampproject.org/how-it-works/

-

Advanced Mobile Pages HTML 의 약자.

-

웹이 애플과 페이스북의 플랫폼으로 종속되는 현상을 막고자

구글이 주도해서 개발한(~ing) 새로운 플랫폼.

-

웹의 플랫폼 종속이라는 이야기는..

컨텐츠와 기술을 가진 기업들이, 모든 컨텐츠를 소유하려는 현상.

-

구글은 왜 이런 일을 하는가?

구글의 모토는 Don’t be evil.

Open Web, Net neutrality 를 추구한다.

-

AMP 는 Open source 로 Git 을 통해 만나볼 수 있다.

https://github.com/ampproject/amphtml

-

AMP HTML 은 웹의 이슈를 Javascript 로 본다.

Javascript 자체가 문제라는 것은 아니고, library 들이 섞이면서 성능 이슈를 만들기 쉽다는 것.

그래서 개발자가 만든 JS 나 3rd-party JS 는 포함시키지 않도록 했다.

그리고 현재 JS 로 구현되어 있는, 여러개지 embed, poll, quiz 그리고 그 외 여러가지 것들을 JS 없이 쉽게 구현되도록 할 것이다.

그것은 JS 로 구현된 custom elements 와 web components 로 하는데, 이것들은 서로 유기적으로 얽혀 위에서 제시한 우려를 만들지 않을 것이다.

-

CSS 는 그대로 유지.

-

AMP HTML 은 결론적으로 엄청 빠를 것이다.

JS 문제도 풀고, Contents 는 CDN 에 올릴 것이다.

-

모든 resource loading 은 AMP library 에 의해 되고, 리소스 사이즈를 명시적으로 꼭 줘야 한다.

-

정리하면..

AMP HTML 은 HTML 의 subset 이고, 믿을만한 성능을 보여주는 custom element(JS로 만든)와 CDN 과 로직을 통한 instant static content loading 의 특징을 가진다.

3rd party js, advanced mobile pages, advanced mobile pages html, AMP, amp html, AMP HTML 어떤 녀석일까?, amp library, CDN, contents, css, custom elements, dont be evil, embed, javascript, js, Library, net neutrality, Open source, open web, Poll, Quiz, resource loading, sizing up front, web components, 개발자 js, 구글, 구글 모토, 리소스, 웹의 플랫폼 종속