웹페이지의 3가지 중요한 요소는 css, html, javascript 이다
html = html + 서버사이드 DB 결과가 될 수 있다.
빠른 속도의 웹을 만드는것과 무슨 관계가 있냐고 물을 수 있다. 빠르기 위해서는 서버와 네트웍 디비쿼리를 빠르게 하면 되지 않을까라고 반문할 수 도 있다
하지만 서버와 네트웍 DB의 속도개선으로 웹사이트가 빨라지기 어렵다.
물론 너무 느린 서버, 너무 느린 네트웍, 너무느린 DB를 사용하고 있다면 개선해야 한다.
웹서비스에서 느리다고 느끼는것은 클릭을 하고 나서 화면의 변화에 따른다.
웹사이트는 모두 단일구조로 되있다보니 기본적으로 화면 로딩은 어쩔수 없다고 말하는 개발자들도 많다.
하지만 대형 서비스를 하는 대부분의 사이트는 절대로 전체 페이지를 로딩하는 형태로 개발하지 않는다
jQuery 를 사용에서 가장 큰 기능이 ajax, load 기능이라 생각한다
웹페이지를 로딩할때 화면에 표시될때까지는 아무리 빠른 컴퓨터라 해도 2,3초 정도의 시간이 소요된다
즉 5번만 클릭해도 10초이상을 사이트에서 시간을 쓰게 된다. 고객에게 의미없는 10초는 정말 긴 시간이 될 수 있다
초기 메인프레임구조를 만들고 반복적으로 부분로딩 코딩을 하는것이 바람직하다.
개인적으로 개발하는 모든 서비스는 최초 1회 페이지를 로딩하고 이후로는 절대로 페이지 이동을 하지 않고 모든 내부 페이지만 변경하는 구조로 만들고 있다
가끔은 이렇게 오랬동안 스크립트를 로딩할때 브라우져나 컴퓨터에 부하가 되지 않을까 하는 생각을 안한건 아니다. 하지만 몇일을 사용하고 수천번의 부분 로딩으로 사이트를 만들어서 문제가 생긴적은 한번도 없으니 안심하고 개발해도 좋다
내부 로딩 방식으로 개발할때 중요한 부분은 스크립트에 어떠한 오류도 나지 않도록 만들어야 한다. 스크립트는 단 하나의 오류에도 이후 스크립트가 실행되지 않기 때문이다. 오류 뒤에 있는 함수들이 실행되지 않을 수 있다
두번째로 함수를 최소한으로 사용해야 한다. 함수호출 형태로 만들면 보안에도 문제가 많고 수없이 많은 함수를 만들게 된다. 객체요소에 함수를 바로 연결하는 방법으로 개발해야 한다