이미지 레이지 로드를 해봤어요

치킨랭크는 페이지네이션이 구현되어 있지 않아요.

그래서 한 번에 1위에서 꼴찌까지가 한 페이지에 표현되요.

그런데 치킨마다 이미지가 있다보니

페이지가 전부 로딩 될 때 까지 시간이 많이 걸리는 문제가 있었어요.

페이징을 하고 인피니트 스크롤로 해결할까 어쩔까 고민하다가

이미지를 미리 불러오지 않고 필요할 때 불러오도록 바꾸어봤어요.

그 결과는 짜잔

놀라운 사실은 이걸 구현하는데

자바스크립트 코딩을 1도 하지 않았다는 거에요!

물론 뒷단에서는 자바스크립트가 동작하는 거지만

PHP 코딩 만으로도 이런게 되는 세상이라니

정말 세상 많이 좋아졌습니다.