How to Make Images Load FAST!

Поделиться
HTML-код
  • Опубликовано: 18 дек 2024

Комментарии •

  • @nomadcoders
    @nomadcoders  Год назад +4

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

  • @BLUE_PHYSICS
    @BLUE_PHYSICS Год назад +45

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

  • @dailybyahn
    @dailybyahn Год назад +3

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

  • @alpakasynergy
    @alpakasynergy Год назад +2

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

  • @eungyolee_
    @eungyolee_ Год назад +12

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

    • @ChloeAriko
      @ChloeAriko Год назад +1

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

  • @harashi0708
    @harashi0708 Год назад

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

  • @ChloeAriko
    @ChloeAriko Год назад +1

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

  • @이지후-w8v
    @이지후-w8v Год назад +2

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

  • @ufiela
    @ufiela Год назад +2

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

  • @donggeonchae1036
    @donggeonchae1036 Год назад +2

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

  • @개13남자
    @개13남자 Год назад +2

    고마워 니콜라스에몽!

  • @kyoungseokim
    @kyoungseokim Год назад

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

  • @chin_angel
    @chin_angel Год назад +1

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

  • @정주영-f1m
    @정주영-f1m Год назад

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

  • @devferoce7745
    @devferoce7745 Год назад

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

  • @김영민-w2i4t
    @김영민-w2i4t Год назад +1

    Picture 요소 너무 좋지요 : )

  • @mobe_e
    @mobe_e Год назад

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

  • @gh.design3521
    @gh.design3521 Год назад

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

  • @a-leta
    @a-leta Год назад

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

  • @용산경찰서
    @용산경찰서 Год назад +3

    강아지가 킬포인트

  • @daebaksdailylife3933
    @daebaksdailylife3933 Год назад

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

  • @풍류-w8z
    @풍류-w8z Год назад

    좋은 영상 고맙습니다!

  • @songbird345
    @songbird345 Год назад +1

    영상 잘봤습니다!

  • @일하기싫어24
    @일하기싫어24 Год назад

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

  • @calamitymike0
    @calamitymike0 Год назад

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

  • @FPT_HL1209
    @FPT_HL1209 Год назад

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

  • @Yacktalkun
    @Yacktalkun Год назад

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

  • @suholee392
    @suholee392 Год назад +1

    꿀팁 감사합니당

  • @Dev_softer-hv8ni
    @Dev_softer-hv8ni Год назад +1

    어우 달아 유용하네요

  • @lukedwise7824
    @lukedwise7824 Год назад

    오~ 좋네요~

  • @user-sqqwtnl
    @user-sqqwtnl Год назад

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

  • @아이니아
    @아이니아 Год назад

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

  • @ゲーマ初心者
    @ゲーマ初心者 Год назад

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

  • @swl7024
    @swl7024 Год назад

    Thanks for nice tip!!!

  • @har00n56
    @har00n56 Год назад +1

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

    • @har00n56
      @har00n56 Год назад

      @@jinhanaura 답변 감사합니다

    • @greeenfrog
      @greeenfrog Год назад

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

    • @daebaksdailylife3933
      @daebaksdailylife3933 Год назад

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

  • @안나-f8u
    @안나-f8u Год назад

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

  • @holiclove
    @holiclove Год назад +1

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

  • @quantume7143
    @quantume7143 Год назад +1

    Nice :)

  • @공개미-w4l
    @공개미-w4l Год назад

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

    • @서지훈-x3e
      @서지훈-x3e Год назад

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

    • @공개미-w4l
      @공개미-w4l Год назад

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

  • @jaehyunko7623
    @jaehyunko7623 Год назад

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

  • @happyboyhj
    @happyboyhj Год назад +1

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

    • @nomadcoders
      @nomadcoders  Год назад +1

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

  • @jkijljbnj7165
    @jkijljbnj7165 Год назад

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

  • @bokhanlee4049
    @bokhanlee4049 Год назад

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