부트스트랩 템플릿을 써서 주로 작업하는데요.

 

기본적으로 10개 페이지별로 기능이 많이들어갈때는 30개이상 불러옵니다.

자바스크립트 수만큼 css가 붙을때도 있구요.

 

페이지 로딩은 둘째치고 코딩할때도 관리 자체가 힘들어지네요.

 

Q. gulp로 css랑 js를 전부 모아서 쓰던안쓰던 모든페이지에서 메가바이트 단위의(js는 전부 모으니 10메가가 좀 넘네요-_-)

js와 css를 하나씩만 불러오는게 좋을까요? 아니면 require.js를 써서 필요한 부분에서만 따로 불러오는게 좋을까요?

  • ?
    gulp나 Grunt 이용하시거나 webpack이용해서 병합 후 불러오시는걸 추천드립니다..
  • ? ?

    필수 js 말고 플러그인같은 수십개의 js가 있는데요. 특정페이지에서는 필수 js말고는 쓸일이 없다고 해도 병합하는게 좋을까요?

    용량이 좀 되더라도 캐싱이 되니까 요청수가 많은것보다 용량이 큰게 더 나을까요?

  • ? ?
    페이지 UX나 방문 빈도 고려하셔서 결정하시는게 좋을것같습니다. 사용할일이 자주 없으시다면 분리하시는게 좋지만, 사용을 자주 하거나 사용 인원이 특정되어있다면 병합해서 gzip전송하시는게 좋아요
  • ? ?
    답변 감사합니다^^