제가 블로거 목록을 보여주는 페이지가 있는데요. 각 카드에는 이름, 소개, 소셜 미디어 링크, 그리고 지연 로딩된 iframe 비디오가 포함되어 있어요. 이 페이지에는 총 50~100개의 카드가 있거든요.

두 가지 방식 중에 뭘 선택해야 할지 고민 중이에요.

1) 페이지네이션: 페이지당 20개씩 보여주고 페이지 이동 버튼을 두는 방식

2) 무한 스크롤: 사용자가 아래로 스크롤할 때마다 더 많은 카드를 불러오는 방식

제가 주로 걱정하는 부분은 이래요.

SEO: 검색 엔진 색인에는 어떤 방식이 더 좋을까요?

성능: (지연 로딩을 하더라도) iframe 비디오들이 있는 상황에서 어떤 방식이 더 잘 처리될까요?

UX: 제가 놓치고 있는 고려사항이 있을까요?

비디오는 이미 지연 로딩 중이지만, DOM 크기나 잠재적으로 DOM에 들어올 50~100개의 iframe 때문에 전체 페이지 성능이 걱정되거든요.

여러분은 어떤 걸 추천하시고 그 이유는 뭔지 궁금해요!