반응형

Performance 2

[CI4] 동영상이 있는 페이지 성능 최적화.

사이트 내 동영상이 여러개 있는 상황. 그와중에 모달이 떠야하는데, 모달 내 이미지가 굉장히 늦게 로드되는 문제였다. 띡띡띡 끊김.... 원인은 모든 페이지가 로드된 후 modal이 켜짐 되니, 그때부터 이미지를 다운 받는데 video가 다운 받는 중에 이미지 다운로드도 진행되는 것. 원인은 video 태그 내 autoplay가 문제였다. 태그가 생성되고 바로 재생되다보니, 시스템 자원이 그곳으로 몰려버리게 되는 것. 그래서 autoplay 속성을 제거하고, js에서 해당 파일을 재생하게 만들어버렸다. 모달 출력을 먼저하게 하고, 동영상을 재생하는 부분을 구현하게 하였다. 그랬더니 모달이미지가 늦게 뜨지 않고, 모달이미지가 먼저 출력된 후 동영상 다운로드가 실시되었다. document.getElement..

취업/CodeIgniter 2022.05.31

[SQL] explain을 통한 쿼리 퍼포먼스(성능) 최적화 하기

MySQL을 사용하다보면 이 쿼리문의 성능은 어떻게 측정할까? 라는 의문을 갖고 있었다. 찾아보니 있더라. EXPLAIN을 쿼리문 앞에 달면 SQL에서 타입을 준다. 아래 링크를 통해서 들어가면 해당 내용을 주는데, 놀랍게도 내가 만든 코드는 type은 all이었다. 졸라게 느렸다는 말... ㅠ(지금은 그냥 잘 되어도 유저가 늘어나면 나중에 뻗게된다.) 아래의 링크대로 변경하니 index로 떨어졌다. https://marobiana.tistory.com/35 MySql] JOIN 속도를 빠르게! EXPLAIN, STRAIGHT_JOIN 내가 만든 웹페이지중에 엄청나게 속도가 느린 곳이 있었다. 분명 DB에서 SELECT하는데 문제가 있을 것이었다. 문제의 그 쿼리는 3개의 테이블을 JOIN해서 SELEC..

코딩/SQL 2022.02.09
728x90