How to Make Images Load FAST!

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 51

  • @nomadcoders
    @nomadcoders  Рік тому +4

    📌 니콜라스와 무료로 코딩 공부하기
    bit.ly/45u4dC7

  • @BLUE_PHYSICS
    @BLUE_PHYSICS Рік тому +43

    뒤에서 자고 있는 강아지처럼 세상 편하게 자고 싶어지네 ㅠㅠ

  • @dailybyahn
    @dailybyahn Рік тому +2

    댕댕이에 자꾸 눈이 가서 집중이 안되요ㅎㅎ 강아지 쇼츠 영상 하나 만들어주세요. 미동 하나없이 저러고 계속 자는거 힐링이네. ㅎ

  • @eungyolee_
    @eungyolee_ Рік тому +11

    니꼬님 편집 실력이 점점 좋아지시는거 같아요...!

    • @ChloeAriko
      @ChloeAriko Рік тому

      편집자가 따로 있는 걸로 아는데요 (...) 중요한 내용은 아니긴 하지만...

  • @alpakasynergy
    @alpakasynergy Рік тому +1

    강아지가 저 자리를 좋아하네요

  • @harashi0708
    @harashi0708 Рік тому

    멍멍이로 힐링까지 챙겨주시는 감동

  • @ChloeAriko
    @ChloeAriko Рік тому +1

    더 빨라진다고 해서 혹시? 했는데 역시! 네요... 1년 전부터 영상에 나온 방식들을 써오고 있는데 이미지 로딩 속도 진짜 빨라집니다. 안써보신 분들은 한번 써보세요.

  • @이지후-w8v
    @이지후-w8v Рік тому +2

    형 강아지 너무 귀여워요🐶🐕

  • @ufiela
    @ufiela Рік тому +2

    오늘 딱 필요해서 찾아봤는데 이런 영상 올려주셔서 감사합니다.❤

  • @개13남자
    @개13남자 Рік тому +2

    고마워 니콜라스에몽!

  • @chin_angel
    @chin_angel Рік тому +1

    와 이런기능도 있었구나 반응형만들때 진짜 도움이 많이 되겠어요!! 감사합니다~!!~!~!

  • @kyoungseokim
    @kyoungseokim Рік тому

    반응형 짤 때 코드가 너무 더러워진다 싶었는데 이런게 있었군요...! 역시 니코 센세 ㄷㄷ

  • @gh.design3521
    @gh.design3521 Рік тому

    뒤에 강아지 인형인 줄 알았어요 ㄷㄷ 너무 귀욤 소개 영상 한번 올려주세요!

  • @김영민-w2i4t
    @김영민-w2i4t Рік тому +1

    Picture 요소 너무 좋지요 : )

  • @용산경찰서
    @용산경찰서 Рік тому +3

    강아지가 킬포인트

  • @devferoce7745
    @devferoce7745 Рік тому

    한 3년전만해도 익스플로러때문에 하지못햇던것들 요즘엔 다 쓸수있으니 너무 편안해~

  • @정주영-f1m
    @정주영-f1m Рік тому

    영상이 갈수록 고퀄이 되고있네요 감사합니다.

  • @donggeonchae1036
    @donggeonchae1036 Рік тому +2

    responsive 처리할때 js나 css의 background 를 사용하지 않고도 이미지를 교체할수 있겠네요..! 좋은내용 감사합니다 ☺

  • @mobe_e
    @mobe_e Рік тому

    이미지 관련하여 잘 정리된 영상 같아요~ 항상 좋은 정보 감사합니다

  • @풍류-w8z
    @풍류-w8z Рік тому

    좋은 영상 고맙습니다!

  • @Yacktalkun
    @Yacktalkun Рік тому

    이제 앞으로 사진다운받을때 webp로 뜨면 화안내고 사랑해줘야겠다..😂😂😂

  • @calamitymike0
    @calamitymike0 Рік тому

    Your videos are my favorite. Very informative and well explained 🙂

  • @일하기싫어24
    @일하기싫어24 Рік тому

    javascript로 매번 프로젝트마다 똑같은 코드를 만들기 귀찮아서 HTML에 기능을 추가했다는게 학계의 니콜라스 ㅋㅋㅋㅋ

  • @leta3519
    @leta3519 Рік тому

    좋은 영상 만들어주셔서 감사해요😊

  • @아이니아
    @아이니아 Рік тому

    감사합니다. picture 홍보대사시네요.

  • @daebaksdailylife3933
    @daebaksdailylife3933 Рік тому

    와..... 이거다!!!!!
    이미지 어떻게 빠르게 불러오지나 나중에 불러오지로 검색하다 알게 된 거긴 한데 이렇게 써도 되나 확신이 없어서 므ㅏ.... 하던건데
    이거다!!!!!!

  • @ゲーマ初心者
    @ゲーマ初心者 Рік тому

    img, picture 다 좋지만 결국 이미지파일을 준비하는데 시간과 수고가 듭니다. 파일의 해상도를 유지하면서 사이즈를 지정해 출력해주는 사이트 없을까요?

  • @songbird345
    @songbird345 Рік тому +1

    영상 잘봤습니다!

  • @FWE_HL1209
    @FWE_HL1209 Рік тому

    으앗! 3:40에 이는 유저가 'src' ...을 "이는 유저가 'srcset'...으로 바꿔야겠네요!!

  • @Dev_softer-hv8ni
    @Dev_softer-hv8ni Рік тому +1

    어우 달아 유용하네요

  • @user-sqqwtnl
    @user-sqqwtnl Рік тому

    니꼬의 홈페이지에 있는 각각의 tech 로고 이미지도 사실은 webp 형식이라는거~

  • @suholee392
    @suholee392 Рік тому +1

    꿀팁 감사합니당

  • @lukedwise7824
    @lukedwise7824 Рік тому

    오~ 좋네요~

  • @안나-f8u
    @안나-f8u Рік тому

    귀여운 멍뭉이가 시선을 빼앗는다아아아아

  • @har00n56
    @har00n56 Рік тому +1

    궁금한 점이 있는데요,
    이러한 부분은 프론트엔드 개발자 영역이라고 봐야하나요 퍼블리셔의 영역이라고 봐야할까요?

    • @har00n56
      @har00n56 Рік тому

      @@jinhanaura 답변 감사합니다

    • @greeenfrog
      @greeenfrog Рік тому

      둘다 아닐까요 전 프론트에 한표 성능 문제니까

    • @daebaksdailylife3933
      @daebaksdailylife3933 Рік тому

      외국에는 디자이너-프론트엔드로 퍼블리셔와 프론트엔드 구분을 딱히 안 둬서 프론트엔드 영역으로 보고
      국내는 디자이너-퍼블리셔-프론트엔드로 직업을 구분지어뒀기 때문에 퍼블리싱 영역이라고 볼 가능성이 높습니당

  • @공개미-w4l
    @공개미-w4l Рік тому

    lazy loading와 비슷하게 화면에 해당 이미지가 보일때에만, 자바스크립트코드가 실행되게할 수 잇나요?
    이미지의 위에 텍스트를 얹는 코드가 있는데 이미지가 로딩되지 않았을때에도 해당 이미지 위치에 텍스트가 위치하게 스크립트가 작동하니 낭비가 심한 상황입니다

    • @서지훈-x3e
      @서지훈-x3e Рік тому

      onload를 사용하세요
      onload에 함수를 할당해주면 이미지가 로딩된 후에 함수를 호출할 수 있습니다

    • @공개미-w4l
      @공개미-w4l Рік тому

      @@서지훈-x3e 그럼 위의 lazy loading이랑 같이 사용해야하는게 맞는거겠죠? 같이 사용안하면 의미없는듯한데

  • @swl7024
    @swl7024 Рік тому

    Thanks for nice tip!!!

  • @happyboyhj
    @happyboyhj Рік тому +1

    비글 시강이라 강의 하나도 못봐서 다시 돌려서 본사람? ㅋㅋㅋㅋ

    • @nomadcoders
      @nomadcoders  Рік тому +1

      댕댕이는 사랑입니다.... 💖

  • @holiclove
    @holiclove Рік тому +1

    오호^-^?
    어떻게 이런~ㅋ

  • @quantume7143
    @quantume7143 Рік тому +1

    Nice :)

  • @jaehyunko7623
    @jaehyunko7623 Рік тому

    memory leak을 찾아서 고치는 방법도 알려주세요 ㅜㅜ

  • @jkijljbnj7165
    @jkijljbnj7165 Рік тому

    강아지 보느라 머리에 입력이 안됨 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

  • @bokhanlee4049
    @bokhanlee4049 Рік тому

    짹짹 거리는 참새 소리로 들려 뭔소리인지 안들림 ~