분석 데이터를 표시하는 레일 앱의 페이지를 개발 중입니다. Flurry Analytics API를 여러 번 호출하여 여러 이벤트를 검색해야합니다. div의 각 데이터 조각을 머리글과 단락 (분석에서 검색하여 jQuery를 통해 삽입 한 숫자가 들어있는 문구)과 함께 표시하고 있습니다.모범 사례 : 한 페이지의 여러 CoffeeScript 파일
API를 호출하여 값을 계산하거나이를 비효율적으로 처리하는 각 div (8 개까지)에 대해 별도의 CoffeeScript 파일을 작성하는 것이 좋습니다.
추가 정보 : 호출하는 API의 속도 제한은 초당 하나입니다.
편리한 개발을 위해 JavaScript 코드 (또는 CoffeeScript)를 별도의 파일로 유지하는 것이 일반적이지만 프로덕션 서버에 배포 할 때는 하나의 파일로 컴파일하는 것이 좋습니다.
그러면 브라우저는 여러 요청을 수행하는 대신 모든 자바 스크립트를 가져 오도록 요청해야합니다 (최신 브라우저는 호스트 이름 당 2 ~ 4 개의 동시 요청을 허용 함).
이렇게하면 페이지 로딩 시간이 단축됩니다.
AFAIK 레일스 자산 파이프 라인은 모든 JS/CS 파일을 application.js라는 하나의 파일로 자동 컴파일합니다. 귀하의 답변에 감사드립니다. –
성능면에서 나는 그것이 어떤 차이가 있을지 상상할 수 있지만, 그것은 모든 div에 대해 다른 파일을 갖는 것이 유지 보수의 악몽처럼 들린다. 나는 편집의 용이함을 위해 하나의 파일에 모든 것을 보관할 것입니다.
흥미롭게도 실제로 유지 관리가 쉽습니다. 각 div는 다른 API 호출을 만들고 결과에 대해 간단한 계산을 수행하므로 파일을 별도로 관리하는 것이 더 쉬워 보입니다. 나는 단지 공연에 대해 걱정했다. 답장을 보내 주셔서 감사합니다. –
각 div에 대해 별도의 파일이 강렬하게 들립니다. 각 섹션의 길이는 얼마나 길습니까? – VoronoiPotato
약 20 줄 정도. @VoronoiPotato –