2017-04-05 1 views
2

레일즈 및 vue.js에서 루비를 사용하여 www.fastvenues.com을 구축했습니다. 애셋은 프로덕션 환경에서 컴파일되며 네트워크 탭에서로드가 느린 것을 볼 수 없습니다.느린 로딩 레일 앱의 속도를 높이려면 어떻게해야합니까?

어떻게 속도를 높이나요? 처음 열 때 아래로 스크롤하려고하면로드하는 데 약 10 초가 걸립니다. 이것은 새로운 사용자와 실제 사용자 환경에 좋지 않습니다.

어떻게 해결할 수 있습니까? 문제를 해결하기가 어렵습니다.

알려주세요.

+0

여러 가지 이유가있을 수 있지만 miniprofiler gem (https://github.com/MiniProfiler/rack-mini-profiler)을 사용하여 시작할 수 있습니다.로드/실행에 너무 오래 걸리는 부분을 식별하는 데 도움이됩니다. . – Gerry

+1

Rails를 사용하여 자산을 전달하지 마십시오. CDN을 사용하거나 NGinX에서 바로 제공하십시오. 역방향 프록시도 유용 할 수 있습니다. – max

답변

0

당신은 상당히 많은 사진을 가지고 있습니다. 물론 52 개가 볼 수 있습니다. 브라우저가 모든 요청을하는 데 시간이 걸리며, 동시에 모든 요청을 개미에게 보낼 수는 없습니다. 제한이 있습니다.

식당의 첫 번째 사진 만로드하고 사용자가 예를 들어 스크롤하면 더 많은 사진을 다운로드하도록하십시오. 또한 모든 레스토랑을로드하지 마십시오 (12 개를 볼 수 있습니다!), 몇 번로드 한 다음 다시로드하고 사용자가 스크롤 할 때 더 많이로드하십시오.

관련 문제