Problem at Google pagespeed

Tagged: CLS

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts

PHP

Participant

March 23, 2021 at 1:37 pm

Post count: 1

#863625

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

en_US/fbevents.js(connect.facebook.net)
jquery.ilightbox.js?ver=2.2.3

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

…fusion-styles/a0f468f….min.css?ver=3.2.1()
…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