[웹사이트 최적화] MDN의 업데이트 소식

Mozilla Developer Network

MDN은 Mozilla 재단에서 운영중인 비영리 개발 문서 사이트입니다.

MDN Web Docs

상당히 많은 문서가 있고, 정말 읽기 쉽게 잘 정리되어있어, 자주 이용하는 사이트중 하나입니다.

 

 

2020/12/14 이후의 변화

기존 방식 (WIKI 구조)

그동안 MDN은 Amazon의 AWS에서 제공되었습니다. (WIKI 형태)

기존의 위키 형태입니다.

 

여기에서 단점은 모든 변경사항을 관리해주어 적용을 해야한다는점 입니다.

자세히 설명하자면, 기여자가 Github를 이용해 오류제보를 하여 수정이 되더라도 오류가 반영되지 않고, 관리자가 최종적으로 서버에 적용해야만 적용되는.

관리자가 두번 승인하는 불편한 방식을 가지고 있었습니다.

 

또한 기존의 웹서비스처럼 쿼리시 서버의 DB를 사용해 문서를 가공하는 작업을하는 구조입니다.

 

 

신규 방식 (JAMStack 구조)

신규방식은 JAMStack구조의 형태입니다.

장점으로는 기존방식보다 가볍고, 관리자의 Github저장소 수정과 동시에 사이트에 반영할 수 있습니다.

 

서버에서 가볍다는 것은 매우 중요합니다.

서버비용을 줄일뿐 아니라 수용인원과 속도도 향상됩니다.

 

신규방식에서는 기여 방법을 간단하게 만들어, 오픈소스 문서의 품질 향상도 기대가 됩니다.

 

 

총평

이런 구조는 블로그등 웹서비스에서 매우 좋은 구조입니다.

현재, 많은 Github의 Static블로그, 네이버 카페, 클라우드 플레어의 워드프레스 최적화 서비스, 최신 구글 UI의 서비스 등 많은 사용자를 처리하기위한 플랫폼에서 사용중인 형태입니다.

최적화를 최대한 할 수 있는 구조로 많은 사이트에서 적용중입니다.

 

구글의 웹서비스 중 최신 UI와 과거 UI에서 속도 차이가 많이 나는것을 알 수 있습니다.

단순히 서버 성능차이도 있을 수 있겠지만, 서버가 어느정도 수준이 되면 사람은 체감되는 차이를 느끼기 어렵습니다.

그런데, 과거의 UI에서 작업을 하는경우 매우 느린 속도를 느낄 수 있습니다.

 

제가 워드프레스 등 CMS를 안좋아하는 이유입니다.

최적화가 어려운 방식으로 설계되어 속도에 한계가 있고, 무겁습니다.