How to optimize Webflow site performance

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

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

  • @altoppingphotography
    @altoppingphotography 10 месяцев назад +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  7 месяцев назад +1

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

  • @GoogleIndexingExpert
    @GoogleIndexingExpert 9 месяцев назад +2

    Very helpful content!

    • @sommo_io
      @sommo_io  7 месяцев назад

      Glad it was helpful!

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

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

  • @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 🙌

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

    This video is awesome!! Thanks.

  • @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. 🙌

  • @virathedon
    @virathedon 2 года назад +2

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

  • @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 Год назад +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.

  • @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.