Home › Forums › Basel support forum › Rendering

Rendering

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 5, 2024 at 10:50 pm #602799

    Tuomo
    Participant

    Hi there,
    how can I make this (<div class=”top-bar-left”>) faster? This is taking 2 700 ms to load on mobile devices.
    Text in the header top bar
    Place here text you want to see in the header top bar. You can use shortocdes. Ex.: [social_buttons]

    Best Regards,
    Tuomo Nurkkala

    October 7, 2024 at 2:31 pm #603077

    Tuomo
    Participant

    I read that Font Awesome icons take a lot of time to load? Should I use instead SVG icons or?
    How can I use SVG icons instead for example on the header?
    Here is the header code:
    <i class=”fa fa-truck” aria-hidden=”true”></i><span style=”margin-left: 10px;”>Ilmainen toimitus yli 70ā‚¬ ostoissa Postin automaattiin.</span>

    October 7, 2024 at 3:47 pm #603116

    Artem Temos
    Keymaster

    Hello,

    Could you please send us a screenshot where you see 2700ms so we can better understand what you mean?

    Kind Regards

    October 7, 2024 at 3:53 pm #603122

    Tuomo
    Participant

    Oh, I thought I sent the image in the first comment. I’m not sure why it didn’t come here. Here it is again.

    Attachments:
    You must be logged in to view attached files.
    October 7, 2024 at 3:55 pm #603124

    Tuomo
    Participant

    This image is a snapshot from PageSpeed Insights.

    October 7, 2024 at 4:22 pm #603138

    Artem Temos
    Keymaster

    This report says that this element is LCP but it doesn’t mean that it takes 2700ms to load itself. It actually means that before this element is rendered, the browser needs 2700 to load all the resources. And 2700 is quite fast anyway.
    Read more information in Google docs https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/?utm_source=lighthouse&utm_medium=lr

    October 9, 2024 at 10:33 pm #603868

    Tuomo
    Participant

    Okay, good to know! šŸ™‚

    October 10, 2024 at 9:08 am #603944

    Artem Temos
    Keymaster

    Feel free to contact us if you have any further questions.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Rendering’ is closed to new replies.