Increase Page Loading Speed With One Line Of HTML Code

Поділитися
Вставка
  • Опубліковано 3 лют 2025

КОМЕНТАРІ • 39

  • @lundeveloper
    @lundeveloper  12 годин тому +6

    In the next few hours, there will be an extremely high-quality video published, Let's wait together

    • @AdamsTaiwan
      @AdamsTaiwan 12 годин тому

      How does that work if the images are dynamically scaled?

    • @dit_project
      @dit_project 4 години тому

      Thanks

    • @ipa_stor
      @ipa_stor 2 години тому

      It sounds like a New Year's gift👍

  • @AllHandsOnEveryThing
    @AllHandsOnEveryThing 13 годин тому +11

    I almost missed this crucial knowledge because of that thumbnail😂😂 please change the thumbnail

  • @_cannachris
    @_cannachris 2 години тому

    This knowledge-transfers makes me high - thanks!

  • @ICUAT
    @ICUAT Годину тому

    thank you, great info

  • @sunnymeghrajani5412
    @sunnymeghrajani5412 6 годин тому

    Seeing you after many days
    Happy to see new Video😃🥳

  • @Trendi_Vibes
    @Trendi_Vibes 4 години тому

    Great 👍 Lundev always Awesome 👌

  • @trainerdevesh
    @trainerdevesh 12 годин тому

    I was amazed and I was proud that I subscribed you

  • @PicSta
    @PicSta 6 годин тому

    Yes, page speed performance is important today, especially if you want to get ranked high in the search results. Sadly, this is a game where some contenders cheat with loaded a blank page first, get an ultra-high performance then later load the real website data.
    Happy you're back with a new video, and I highly hope everything is fine, as I never got a reply on message I had sent you.

    • @duclonghoang161
      @duclonghoang161 6 годин тому

      Wouldn't that get a bad score on the Largest Contentful Paint metric?

    • @PicSta
      @PicSta Годину тому

      @@duclonghoang161 No idea how that works, as some paid solutions use a trick for that "faked score". I don't use such things, btw.

  • @PankajKumarMaurya_
    @PankajKumarMaurya_ 10 годин тому +1

    ❤ nice 👍🏻

  • @sergioalcantar3290
    @sergioalcantar3290 12 годин тому

    Insightful. Thanks.

  • @srivatsajoshi
    @srivatsajoshi 11 годин тому

    Nice video... Insightful

  • @hassansyed6087
    @hassansyed6087 7 годин тому +1

    I have a side question --> How did you select all image tags and place the cursor at the end to write "loading = "lazy" in all of them at once
    I only know of holding "Alt" and clicking each line one by one but little shortcuts like that are so helpful
    Thanks

    • @rhushabhrathod
      @rhushabhrathod 7 годин тому

      Ctrl + shift + L

    • @hassansyed6087
      @hassansyed6087 7 годин тому

      @@rhushabhrathod
      Do I highlight all the html lines I need, put the cursor at the end, and then hit Ctrl Shift L ?

    • @rhushabhrathod
      @rhushabhrathod 7 годин тому

      ​@hassansyed6087 just select or put cursor at the end of the word and then use the shortcut ctrl + shift + L , it will highlight and put cursor on the all occurrence of that word

    • @rhushabhrathod
      @rhushabhrathod 6 годин тому

      @@hassansyed6087 you just have to select or put the cursor end of that word , and hit the command Ctrl + shift + L , it will highlight / select all the occurrences of that word

  • @MustaPha-s4i
    @MustaPha-s4i 13 годин тому

    Welcome again 😂😂😂, l miss your video

  • @jacobswiney9977
    @jacobswiney9977 7 годин тому

    the Goat is back

  • @Olamidecentt
    @Olamidecentt 13 годин тому +9

    img {
    width: 100%;
    height: 100vh;
    }
    Anytime 👨‍🚒

  • @Bernard-p7z
    @Bernard-p7z 13 годин тому

    Thanks for sharing such valuable information! Just a quick off-topic question: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Could you explain how to move them to Binance?

  • @thewebstylist
    @thewebstylist 14 годин тому

    Amazing! And so it even loads the images just before the window view so the visitors never see images missing or loading rt?

  • @Rodrigo-nx4fg
    @Rodrigo-nx4fg 8 годин тому +1

    1:29 🤣🤣🤣🤣🤣

  • @vosyasabesquien
    @vosyasabesquien 11 годин тому

    "the system needs to know how big the images are to kkep the space".... but is valid to put width 100 percent and height 100 percent (or 100 viewport height) for images inside a blog post or an article (dynamic content)? we can define there the width like 100 percent of the article container, but we can't define height (without breaking the aspect ratio of them)

  • @TrầnViệtBắc-b4u
    @TrầnViệtBắc-b4u 4 години тому

    Hi Lun Dev,
    Can I get your setting.json of your vscode :

  • @sunnymeghrajani5412
    @sunnymeghrajani5412 6 годин тому

    I'm a react developer and in react we say this is a lazy loading feature which improves the performance of our Application and doesn't apply load on the app while loading everything

  • @christianjack1250
    @christianjack1250 13 годин тому

    Impressive

  • @ukyo6195
    @ukyo6195 6 годин тому

    Bullshit. Dont lazyload the first visible images, dont use 100% w and h.

  • @HuynhLuong227
    @HuynhLuong227 12 годин тому

    oh, thuộc tính loading="lazy" mới à anh, chưa support safari phải

    • @NamVu-im2xm
      @NamVu-im2xm 9 годин тому

      safari là explorer thời hiện đại, và chẳng ai thích nó cả. Fan apple nên biểu tình đi.

  • @RealLexable
    @RealLexable 13 годин тому +1

    Do shorts bro

  • @AAA-hf1iy
    @AAA-hf1iy 15 годин тому

    🧱