본문 바로가기
프로그래밍 놀이터/Web

AMP HTML 어떤 녀석일까?

by 돼지왕왕돼지 2018. 5. 7.

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 의 특징을 가진다.




댓글0