아시다시피 티스토리는 원래 유튜브 이미지나 동영상 썸네일을 지원하지 않습니다.
오직 첨부된 이미지나 업로드한 썸네일 이미지가 있어야만 썸네일이 지원되고, 없을 경우 지원되지 않으며 스킨에 따라 노이미지로 대체할 수 있는 정도예요.
따라서 묘연 스킨 중 유튜브 동영상 또는 이미지 썸네일을 적용할 수 있는 스킨은 제가 스크립트를 짜서 넣었기 때문입니다.
스킨 옵션에서 유튜브 동영상 또는 이미지 썸네일을 적용하는 과정
묘연 스킨 중 유튜브 썸네일을 지원하는 스킨은 아래 과정을 거칩니다.
- 첨부된 기본 썸네일이 있는지(=노이미지) 를 체크한 뒤 없을 경우
- 이를 해당 글 안의 소스를 읽어들여서 (본문=글 페이지)
- 그 중에 첫번째 유튜브 동영상의 url을 가져와
- 유튜브 동영상 썸네일로 설정한 경우 가져온 유튜브 동영상 URL을 동영상으로 적용 시키고
- 유튜브 이미지 썸네일로 설정한 경우 가져온 유튜브 동영상 URL을 해당 영상의 이미지 썸네일로 변환해서 노이미지를 대체시킵니다.
스킨 옵션에서 유튜브 동영상 또는 이미지 썸네일을 적용했을 때 로딩이 느린 이유
중요한 부분이 위 2번 항목인데요.
- 스킨 옵션에서 노이미지 썸네일을 유튜브 동영상이나, 이미지 썸네일로 설정했고,
- 대체해야할 목록이 많아요(유튜브 영상이 첨부되고 썸네일이 설정되지 않은 글 = 노이미지가 많음)
- 그러면 그 글들의 소스를 전부 각각 읽어 들여야겠죠.
- 근데 그 글들 안에 뭐가 많으면 더 읽는게 늦을 수 있어요.
(첨부된 동영상이 많다거나.. 이미지가.. 움짤이 많은데 썸네일이 설정되어있지 않다면 용량도 많겠죠).
- 근데 또 유튜브 영상은 이미지 썸네일에비해 개별적으로 읽어들이는 항목이 많아요(용량이 크다와 비슷하다고 보면 됨)
- = 이 결과가 보고 있는 페이지의 로딩 시간입니다.
- 추가로 이 스킨 옵션을 적용하고 처음 방문(접속)한 경우 생성된 쿠키, 캐시가 없기 때문에 위 로딩시간이나, 재방문이라면 생성된 쿠키, 캐시가 있기 때문에 조금은 빠를 수도 있습니다.