속도 최적화 - JS 및 이미지

안녕하세요,

모든 JavaScript 파일 또는 여러 JavaScript 파일을 하나로 결합하고, CSS 스프라이트를 통해 반복적으로 사용되는 이미지를 효율적으로 처리하는 기능이 있는지 궁금합니다.

처음 웹사이트를 로드할 때 시간이 조금 걸리지만, 두 번째 로드부터는 매우 빠릅니다.

추천할 만한 방법이 있을까요?

공식 설치 프로그램을 사용 중이고 SSL이 활성화되어 있다면(예: https://yoursite.com으로 사이트에 액세스) HTTP/2를 사용할 수 있습니다.

즉, 모든 자산을 더 효율적으로 전송할 수 있으며, HTTP/1.1 시대에 필요했던 아바타 스프라이트 및 기타 다양한 해킹 기법이 더 이상 이점을 제공하지 않습니다.

아, 이제 이해했습니다. Discourse의 DO 이미지/설치 스크립트에 기본적으로 http2가 포함된다는 생각은 해본 적이 없네요.

저는 이 기술 스택에 대해 고급 수준이 아니라서, 왜 h1.1/h2 요청이 섞여 있는지가 궁금했습니다. 브라우저의 선택 사항인가요?

또한, 첫 페이지 로딩 시간을 줄이기 위해 Discourse에 특화된 페이지 최적화/CDN/서버 측 설정에 대한 주제나 논의가 여기 있는지 궁금합니다.

비공개 창에서 7~10초의 로딩 시간이 걸리고 있으며, 이는 기본 설정(vanilla setup)의 작은 포럼입니다.

그리고 블로그/카테고리 섹션이 있다면, 디스커스 팀이 포럼을 구축하면서 내린 엔지니어링/스케일링 관련 의사결정에 대해 읽어보고 싶습니다.

위쪽의 돋보기 아이콘을 사용하여 scaling과 scalability로 검색할 수 있습니다. :wink:

또한, #site-feedback:blog 하위 카테고리에서 그가 공유한 게시물에서 codinghorror의 블로그 링크를 찾을 수도 있습니다.

이와 관련된 주제에 대해 놓치기 쉬운 매우 유용한 게시물입니다:

스크린샷을 잘 보면 HTTP1.1로 표시된 줄들은 실제 요청이 아니라 캐시에서 가져온 리소스임을 확인할 수 있습니다.

다들 감사합니다 :grinning: