kasumil의 코딩 공작소

회사 소개 사이트가 완성된지는 꽤 오래되었는데, 해당 사이트 최적화 이슈가 터졌다. 모바일은 너무 느리다고... 원인을 찾아보니 첫번째. 영상의 크기가 너무 컸다. 두번째. 영상의 로딩시 임시로 띄울 화면이 없었다.(poster 속성 미기재) 세번째. 이미지들이 너무 컸기에 문제가 있었다. 네번째. js와 css 호출하는 데 있어 blocking때문에 그러했다. 1번의 경우 영상이 50mb 이상의 파일을 2개이상이나 호출하고 있었다. 2. poster 속성의 이미지를 미기재 할 경우 load단계에서 동영상 다운로드 문제로 대역폭이 좁아져 자연스럽게 blocking이 된다. ㄴ poster를 기재하면, 일단 load단계에서 poster이미지를 호출하고, 브라우저 load작업이 끝나면, 그때부터 동영상을 호..

html 코드 서버전송 아래 코드는 업로드 창에서 무제한(?)으로 업로드 할 수 있다. 하지만, 나는 한개만 업로드하고 기존것을 제거하는 것이 필요하여, 한개만 업로드 하는 기능을 구현하였다. 이제 문제로는 이것을 서버에 제출할때 사진도 한번에 제출하는 방식으로 가야하는데, 그것에대해서 고민해봐야겠다. -공식문서- https://www.dropzone.dev/js/ Dropzone.js Dropzone.js is an open source library that provides beautiful and easy to use drag'n'drop file uploads with image previews. www.dropzone.dev -코드 출처- https://askforyou.tistory.com/9..