My Header Has a High Load Delay – How Can I Fix This?

As you see in the screenshot, it may has to do with my header. However, I do not find that piece of code from the screenshot in WordPress. this is a copy of the code in WordPress

The picture is just 30 KB, so I do not know why it is load so slow

This is the header, what is causing this?

Header 
<!-- wp:cover {"url":"https://travelingkunz.com/wp-content/uploads/2024/07/banner-buddha-Kinmen-homepage-header-red-scaled.webp","id":398,"alt":"Buddha Statue in Kinmen Island with a Temple in the back","dimRatio":0,"customOverlayColor":"#f05959","isUserOverlayColor":true,"focalPoint":{"x":0.74,"y":0},"minHeight":214,"minHeightUnit":"px","isDark":false,"align":"center","style":{"spacing":{"padding":{"right":"var:preset|spacing|20","left":"var:preset|spacing|20"},"margin":{"top":"0","bottom":"0"}},"dimensions":{"aspectRatio":"auto"}},"fontSize":"medium","layout":{"type":"constrained"}} -->

<div class="wp-block-cover aligncenter is-light has-medium-font-size" style="margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);min-height:214px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#f05959"></span><img class="wp-block-cover__image-background wp-image-398" alt="Buddha Statue in Kinmen Island with a Temple in the back" src="https://travelingkunz.com/wp-content/uploads/2024/07/banner-buddha-Kinmen-homepage-header-red-scaled.webp" style="object-position:74% 0%" data-object-fit="cover" data-object-position="74% 0%"/><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"center","align":"full"} -->

<div class="wp-block-columns alignfull are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"","layout":{"type":"default"}} -->

<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->

<div class="wp-block-group"><!-- wp:image {"id":396,"width":"100px","sizeSlug":"thumbnail","linkDestination":"none","style":{"border":{"radius":"100px"},"shadow":"var:preset|shadow|natural"}} -->

<figure class="wp-block-image size-thumbnail is-resized has-custom-border"><img src="https://travelingkunz.com/wp-content/uploads/2024/07/Logo-Square-Traveling-Kunz-Face-Ferdinand-150x150.webp" alt="Logo of the Traveling Kunz Travel Vlogger" class="wp-image-396" style="border-radius:100px;box-shadow:var(--wp--preset--shadow--natural);width:100px"/></figure>

<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0px"},"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2"} -->

<div class="wp-block-group has-base-2-color has-text-color has-link-color"><!-- wp:site-title {"level":0,"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"elements":{"link":{":hover":{"color":{"text":"var:preset|color|contrast-3"}}}}},"fontSize":"large","fontFamily":"bebas-neue"} /--></div>

<!-- /wp:group --></div>

<!-- /wp:group --></div>

<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"65%","style":{"spacing":{"blockGap":"var:preset|spacing|20","padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->

<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:65%"><!-- wp:group {"style":{"elements":{"link":{":hover":{"color":{"text":"var:preset|color|contrast-3"}}}},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center","orientation":"horizontal"}} -->

<div class="wp-block-group"><!-- wp:navigation {"ref":4,"textColor":"base-2","overlayMenu":"never","icon":"menu","overlayBackgroundColor":"contrast-2","overlayTextColor":"base-2","style":{"spacing":{"margin":{"top":"0"},"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}},"fontSize":"medium","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} /--></div>

<!-- /wp:group --></div>

<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":""} -->

<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"layout":{"type":"default"}} -->

<div class="wp-block-group"><!-- wp:social-links {"size":"has-normal-icon-size","align":"center","className":"is-style-default","layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->

<ul class="wp-block-social-links aligncenter has-normal-icon-size is-style-default"><!-- wp:social-link {"url":"https://www.facebook.com/TravelingKunzTravelVlog","service":"facebook"} /-->

<!-- wp:social-link {"url":"https://www.youtube.com/@traveling_kunz","service":"youtube"} /-->

<!-- wp:social-link {"url":"https://www.linkedin.com/company/traveling-kunz","service":"linkedin"} /--></ul>

<!-- /wp:social-links --></div>

<!-- /wp:group --></div>

<!-- /wp:column --></div>

<!-- /wp:columns --></div></div>

<!-- /wp:cover -->

The picture is just 30 KB, so I do not know why it is load so slow

• This topic was modified 1 month, 1 week ago by Ferdy.

The page I need help with: [log in to see the link]