웹에서 속도

Question

강사님 잘 가르쳐주셔서 너무 감사합니다 :) html, css,js만 이용해서 간단한 랜딩페이지를 웹에서 작동시켜 보려 합니다.  현재 AWS EC2 서버에 올려서 작동을 시켜봤는데, 로딩이 되는데 애플 페이지 보다 시간이 조금 많이 걸리네요 ㅠㅠ 카카오톡 발송을 통한 링크 화면에서는 처음에 동영상 세팅 부분이 조금 맞지 않는 환경도 있구요 .. 혹시 이 부분과 관련해서 어떤 점을 보완하면 속도가 빨라질지 애플처럼 바로 화면에 뜨게 할 수 있을지, 카카오톡 연결되는 브라우저 상에서는 css처리를 어떻게 하면 좋을지 궁금합니다! 참고해서 사이트를 더 좋게 개선해보고 싶네요!

1분코딩 · Answer

파일 로드 속도 자체는 서버 환경이나 성능에 영향을 받을 수 밖에 없을텐데, 일단 그건 우리가 바로 해결할 수 있는 것이 아니니^^;
일단은 파일 개수가 많아서 용량이 크기 때문에이미지를 압축툴로 압축해서 용량을 최적화 해주시면 좋을 것 같고요,
이미지들을 전부 로드 후 페이지를 초기화하는게 아니라, 처음에 나오는 영상의 이미지들 먼저 로드가 끝나면 바로 초기화 함수를 실행해서 일단 페이지가 먼저 보이도록 하는 방법이 있을 것 같습니다.
그리고 이미지 개수가 많을수록 느려질테니 비디오에서 이미지를 뽑으실 때 프레임당 이미지수를 줄여서 이미지 개수 자체를 줄이는 방법도 써보면 좋을 것 같아요.
애플의 엄청난 자본과(!) 깐깐한 QA를 거쳐 만든 페이지와 같은 퀄리티를 내는 것은 사실 쉽지 않겠지만, 해볼 수 있는 저런 방법들로 시도해보시면 도움이 되지 않을까 싶습니다^^;