일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- input 안보임
- LF
- 응답코드
- 원시값
- HTTPS
- git 개행문자
- expected linebreaks to be 'lf' but found 'crlf' linebreak-style
- git
- vscode
- react
- JadenCase
- CRA
- REST API
- lazy-load
- eslint-prettier
- eslint
- IP주소
- 퀵정렬
- CRLF
- prettier
- input type password
- k번째수
- 개행문자
- git autocrlf
- 프로그래머스
- 가장큰수
- 참조타입
- expected linebreaks to be 'crlf' but found 'lf' linebreak-style
- git 명령어
- password 안보임
Archives
- Today
- Total
목록lazy-load (1)
우파루파의 개발 기록
[HTML] Image Lazy load가 무엇이고, 왜 필요할까
안녕하세요. 굉장히 오랜만에 글을 쓰는 것 같습니다. 대학교에 합격하게 돼서 눈코 뜰 새 없이 직대딩 생활을 하다가, 이제서야 1학기 종강을 해서 조금 여유가 생겼습니다. 최근에 회사에서 최적화 작업을 진행했었습니다. 완전히 각 잡고 최적화를 진행한 적이 거의 처음이라, 많은 내용을 알아보면서 진행했는데요. 전부터 Lazy image load는 '최적화를 한다면, 이 작업은 꼭 해야겠다' 싶었던 내용이었던지라 가볍게 다뤄볼게요. Image lazy load 이 작업은 말 그대로 이미지가 사용자 화면에 실질적으로 보이게 될 때 로드하는 기법을 말합니다. 기본적으로 웹 페이지는 로드와 동시에 포함된 이미지들도 함께 로드하게 됩니다. 사실 이건 단순히 생각해 봐도 좋지 않죠. 그나마 적을 땐 괜찮지만, 만약 ..
development/HTML | CSS | Vanilla JS
2022. 7. 5. 10:24