모두 안녕하세요,
다른 웹사이트에 포럼의 주제 목록을 임베딩하고 있습니다.
잘 작동하고 있지만, 각 주제 옆에 표시되는 이미지들이 최적화되어 있지 않습니다.
이로 인해 페이지 로딩 속도가 매우 느려집니다. 이미지는 대략 100px 크기로 표시되지만, 포럼에서 여전히 풀 퀄리티 이미지(약 1MB)를 로드합니다. 최적화된 버전은 약 90kb로, 10배 더 작습니다.
임베드된 주제에서 각 이미지의 최적화 버전을 기본적으로 로드하도록 강제하는 방법이 있을까요?
임베드된 JS를 확인해 보았지만, 이미지와 관련된 줄을 찾지 못했습니다.
감사합니다!
이 js로 실제로 최적화된 이미지를 로드하는 방법이 있을까요?
제 임베드에 있는 이미지는 대략 100px 크기인데, 커뮤니티에서 가져온 큰 사진들이 페이지 로딩 시간을 크게 늘리고 있습니다. 최적화된 375px 버전을 로드하는 것이 불가능한 건가요?
현재로서는 이를 수행할 방법이 없습니다.
로빈님의 답변 감사합니다.
JS를 활용해서 이 작업을 해볼 수 있는 방법이 있을까요?
그렇지 않다면, 대안으로 POST를 이용해 게시글 목록을 가져온 뒤, 해당 주제에 대한 div를 직접 생성하는 방식을 고려하고 있습니다. 다만 이 방식이 얼마나 간단한지는 잘 모르겠습니다.
토픽은 iframe으로 내장되어 있으므로 JavaScript를 사용하는 것은 매우 어려울 것입니다. 플러그인을 작성하거나, 말씀하신 대로 API를 직접 호출하여 원하는 작업을 수행하는 것이 더 수월할 것입니다.
Ruby에 익숙하시다면, 더 작은 이미지 크기를 위한 옵션을 코어에 추가하는 pull request를 환영합니다.
정리하기 위해 다른 질문을 이 주제로 이동했습니다.
문제가 아닙니다. 중복으로 죄송합니다.
감사합니다. 그 부분은 성공적으로 처리했지만, 각 사진의 최적화 버전을 찾는 데 어려움을 겪고 있습니다… 최적화된 이미지를 가져올 수 있는 고정된 링크가 있어야 하지 않나요?
죄송하지만 어떤 방식으로 진행하시나요?