How to optimize Webflow site performance

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 พ.ย. 2024

ความคิดเห็น • 22

  • @altoppingphotography
    @altoppingphotography 8 หลายเดือนก่อน +2

    Thanks. You've allowed me to increase two of my key pages from the low-30's to 70+ on mobile and from the mid-40s to 96 on desktop. All in a few hours. Massive help. Thank you.

    • @sommo_io
      @sommo_io  5 หลายเดือนก่อน +1

      Amazing results! 👏 Keep going, we're here to help 🙌

  • @Vikas_Singh_Kushwaha
    @Vikas_Singh_Kushwaha ปีที่แล้ว +2

    Underrated video. Thanks for the help buddy. 🎉❤

    • @sommo_io
      @sommo_io  ปีที่แล้ว

      Thanks a lot 😍. Glad you find it useful 🙌

  • @robinHAAF10X
    @robinHAAF10X ปีที่แล้ว +1

    I just found this! This was great. Learnt a lot new stuff to try out ✌✌

  • @GoogleIndexingExpert
    @GoogleIndexingExpert 7 หลายเดือนก่อน +2

    Very helpful content!

    • @sommo_io
      @sommo_io  5 หลายเดือนก่อน

      Glad it was helpful!

  • @jdanielortega
    @jdanielortega ปีที่แล้ว +3

    Extremely useful, Thank you very much Andriy.
    When you suggest using images to recreate backgrounds, you mean like creating a div called background on every section, sending it to the back, and placing there the images using position=absolute to display them around the page? you just mentioned to avoid using the image-background style but didn't go in-depth like you did with every other recommendation. Thank you in advance if you get the chance to read this!

    • @sommo_io
      @sommo_io  ปีที่แล้ว +1

      hey Daniel.
      Yes, correct. You can place images like that (or with relative positioning, or in any other way suitable for your website). The main idea that images should be in tag, preferably lazy-loaded if not on the first visible sections.
      And to avoid "background-image" properties.

    • @jdanielortega
      @jdanielortega ปีที่แล้ว

      @@sommo_io Thank you very much Andriy, will give it a shot.

  • @cameron-chittick
    @cameron-chittick ปีที่แล้ว +2

    Thanks so much for this! For the background image issue do you suggest making your full page section an image??

    • @sommo_io
      @sommo_io  ปีที่แล้ว +1

      Yes. Just replace all "background-image" with tag and position them accordingly with "relative" / "absolute" position.

  • @tobihuber7994
    @tobihuber7994 ปีที่แล้ว +1

    This video is awesome!! Thanks.

  • @virathedon
    @virathedon ปีที่แล้ว +2

    Super useful! Can you share the Conditionaly loading code? That seems like a game changer. Cheers!

  • @anthonyp2301
    @anthonyp2301 2 ปีที่แล้ว +3

    Incredible thank you for all that

    • @sommo_io
      @sommo_io  2 ปีที่แล้ว +2

      Hello, Anthony.
      Thanks a lot for your warm feedback, we appreciate that. 🙌

  • @rafael_cunha
    @rafael_cunha ปีที่แล้ว +2

    Your video on optimization was one of the best I've seen, but I didn't understand the final part (33:55). Can I not download the code, *make changes*, and host it myself?

    • @sommo_io
      @sommo_io  ปีที่แล้ว +1

      Hello, Rafael.
      Thanks for the feedback 😊, glad you liked it.
      Yes, sure, you can download the site, make changes all you want, and host it yourself. That way you'll lose some Webflow features, though.
      It works well when you don't plan to add many changes.
      However, if the site is under active development with new pages/content regularly added, it becomes very cumbersome and time-consuming to do it for every single publish of the website.

    • @rafael_cunha
      @rafael_cunha ปีที่แล้ว

      @@sommo_io Thanks for getting back to me so fast. My main concern is about breaking Webflow's terms of service (32:55).

  • @jdanielortega
    @jdanielortega ปีที่แล้ว +1

    Hey Andriy, another question,
    do you know if we swapped fonts, from google fonts to downloading the font like you suggest and uploading it with SWAP attribute, will that mess up the combo classes? should we manually relink them to the uploaded file?

    • @sommo_io
      @sommo_io  ปีที่แล้ว +1

      Nope, it should not impact your combo classes. It's ok (and common) to start with Google fonts, use them to define fonts for all the classes, and then change Google font's to uploaded manually with "swap". Classes continue to use the same fonts, but now they are loaded in more efficient non-blocking way.