웹사이트 속도 개선

일하는 회사에서 최근 웹사이트 속도개선이라는 .. 참 광범위하고 머리 아프게 할만한 업무가 생겼다. 

다른 연구 필요없이, 모두가 알고 있을만한 개선 방법을 적어보자면, 

1. 이미지 최소화

이미지는 최대한 적게 로드하고, 로드하더라도 용량이 작아야 하며, 큰 이미지일경우 잘게 여러등분으로 쪼개서 로드하면, 속도개선의 효과가 있다. 

2. 자바스크립트 최소화

이미지와 마찬가지로, 자바스크립트 또한 내부에 어떠한 함수가 있느냐에 따라 속도가 천차만별이 된다. 당연히 스크립트가 길어지면 길어질수록 속도에 영향을 미친다. 

3. 자바스크립트 로드 위치

html 파일이던, asp던, jsp던.. 어찌되었건, javascript는 document가 로드 된 이후에 로드하는것이 속도개선에 도움이 된다. 제일 위 혹은, 마크업 중간중간에 스크립트를 삽입 할 경우, 한참 document를 읽어오다가 중지하고 스크립트를 실행하고 다시 읽고.. 꼭 필요한 경우가 아니라면, 최대한 자제 하자. 

4. DB조회

개발단에서 DB 조회하는데에 시간이 걸린다면, 당연히 로드 속도에 영향을 줄수 있다. 

5. css 최적화

우리들이 명심해야 할 내용은 css는 반드시 최적화가 되어야 한다는 점이다. 불필요한 css 남발로 계속 무언가를 엎어간다면, 속도에 영향을 많이 받는다. 

여기까지는 누구나 알법한 내용이지만, 사실 마크업을 그렇게 했다해도, 데이터를 불러올때 돔을 다시 그리기 때문에, 느려지는건 어쩔수 없다. 은근히 로딩을 길게 하는 부분은

1. 페이스북을 연동햇을 경우.

기본적으로 facebook api 들고 오는 시간이 기본 300마이크로 정도 된다. 

2. 폰트를 로드 했을경우, 

제일 애매한 부분중 하나가 이건데, 기본 폰트로 사용할 경우, 상관이 없지만, 용량큰 폰트를 로드했을경우, 캐시되기 전까지는 많이 느리다. 

일반적인 구글링으로 습득할수 있는 정보는 다 적용했지만, 별 수 가 나지 않는다. 

이제부터 머리 싸매는 수밖에 없을듯..