Avada Forums Community Forum Problem at Google pagespeed


Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • PHP
    Post count: 1

    I got this error when i check speed test in google pagespeed.

    Error (1) : Avoid non-composited animations – 26 animated elements found
    Animations which are not composited can be janky and increase CLS.

    <li id="menu-item-43063" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home cu…" data-item-id="43063">
    Unsupported CSS Property: border-bottom-width
    Unsupported CSS Property: border-bottom-color
    Unsupported CSS Property: margin-right
    <li id="menu-item-43065" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43065" data-item-id="43065">
    Unsupported CSS Property: margin-left
    Unsupported CSS Property: border-bottom-color
    Unsupported CSS Property: border-bottom-width
    Unsupported CSS Property: margin-right

    Error (2): Avoid serving legacy JavaScript to modern browsers


    Error (3): Avoid chaining critical requests 15 chains found
    most are font problem.

    …fusion-gfonts/KFOmCnqEu….woff() - 30 ms, 14.89 KiB
    …icomoon/icomoon.woff() - 30 ms, 21.33 KiB
    …fusion-gfonts/pxiByp8kv….woff() - 30 ms, 11.10 KiB
    …webfonts/fa-brands-400.woff2() - 30 ms, 77.60 KiB
    …fusion-gfonts/pxiEyp8kv….woff() - 30 ms, 11.19 KiB
    …webfonts/fa-solid-900.woff2() - 40 ms, 79.30 KiB
    …webfonts/fa-regular-400.woff2() - 30 ms, 14.17 KiB
    …fusion-gfonts/pxiByp8kv….woff() - 100 

    Error (4): Largest Contentful Paint element 1 element found
    <img width="700" height="490" alt="Paul Hype Page Oversea branches Map" src="/wp-content/uploads/2021/02/P…" class="img-responsive wp-image-44534" srcset="/wp-content/uploads/2021/02/P…" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 700px">

    Error (5): Avoid large layout shifts 5 elements found

    <div class="fullwidth-overlay" style="background-color:rgba(255,255,255,0);"> 0.287
    ul id="menu-mobile-main-menu" class="fusion-menu fusion-custom-menu fusion-menu-element-list" style="left: -279.594px;"> 0.074
    <div class="fusion-layout-column fusion_builder_column_inner fusion-builder-nested-col…"> 0.021
    <div class="fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container …" style="background-color: #ffffff;background-position: center center;background-re…" data-transition-offset="0" data-scroll-offset="0" data-sticky-small-visibility="1" data-sticky-medium-visibility="1" data-sticky-large-visibility="1" data-sticky_kit="true"> 0.011
    <div class="fusion-search-field search-field"> 0.019

    if there anybody got same like problem and how should i solve it? Thanks

    Post count: 1

    Hi, I have the same issue with CLS on mobile that stops the site from passing google core web vitals

    Avoid large layout shifts

    <div class=”fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container …” style=”background-color: rgba(255,255,255,0);background-position: center center;b…”>

    I am passing on desktop but not on mobile. I am preloading all the fonts so I don’t have the font issue / Avoid chaining critical requests

    Post count: 4

    Any fix for this?

    Georg Kirbis
    Post count: 1

    Same issues here. @Avada can you please give us a way out?

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.