well I think it’s good that the error occurred. A mod should definitely log in with you.
On the one hand, I think you are loading all the scripts that Enfold has on the current page. Which is not necessary. You can set this in the Enfold settings under Performance – Disabling of Template Builder Elements: Load only used Elements.

I don’t know where some of these entries have come from:
<script type="text/javascript" src="data:text/javascript;base64, … " defer=""></script>
i think they come from a plugin trying to optimize or cache existing scripts.
My first advice is : deactivate this lightspeed cache – or any other “optimization” Plugin and see if that corrects the situation. ( Allthough it is installed on the other page too)
After that you can activate one by one – alway flush cache between those trials to see.

Yes – works nice!

And you do not like what you see? ;)
Gtmetrix uses lighthouse too – so i can not believe that the LCP and FCP is so bad on pagespeed and on Gtmetrix not.

A fantastic TTFB !

Given the load times, I wouldn’t care about the number of DOM elements.

PS : that page does not belong to you: https://menainfosec.com/

PPS: brotli is even better than mod_deflate / gzip ;)

If this is the matter (Self Hosted Fonts) – Mikes way should work.

on uploading the fonts via that Font Manager – the @font-face rules are generated – maybe those are still on those origin path.

interesting Question – and still relevant after such a long time.
I also wondered about the poorer loading times of a start page – especially these resources were named there for the poorer values (pagespeed insights – lighthouse). It should be possible, with the above-mentioned settings, not to load these resources if you have not selected videos as slides.

btw: I had a similar experience last week. Everything that was working fine was suddenly showing up as broken on the pages. What I had not considered was that I had changed my bank details in the meantime, but had not updated them on Google. Trivial – but with a big effect.

next: you can exclude some scripts (or css) from merging by:

function avia_exclude_files_from_compression($excluded_files){
  // exclude css 
  $exclude_css = array( 'layerslider', 'abc', 'xyz');  // comma separated list of enqueue names
  $excluded_files['css'] = array_merge($excluded_files['css'], $exclude_css);

  // exclude js files
  $exclude_js = array( 'avia_google_recaptcha_front_script', 'abc_script');   // comma separated list of enqueue names
  $excluded_files['js'] = array_merge($excluded_files['js'], $exclude_js);
  return $excluded_files;
}
add_filter('avf_exclude_assets', 'avia_exclude_files_from_compression', 10, 1);

f.e. in combination with my borlabs cookie plugin – i had to exclude the recaptcha script of google to work fine:
avia_google_recaptcha_front_script

Try to install that little plugin: https://wordpress.org/plugins/dark-mode-toggle/
Even in the free version there is an option to exclude Elements from dark-mode via class (dmt-filter-1)
so if you insert on child-theme functions.php:

function exclude_from_darkmode(){
?>
<script>
window.addEventListener("DOMContentLoaded", function () { 
(function($) {     
  $('.logo, #footer, #socket').addClass('dmt-filter-1'); 
})(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'exclude_from_darkmode');

these elements and all child elements were excluded. The same if you insert to alb element that custom class!

by the way : you can exclude a whole color-section but include again a child by adding the same class to it :lol : -1 x -1 = 1
I don’t know why images on sliders (see example page) are excluded from the outset.

or use the grid-row :

very comfortable even in responsive case – you can decide to have the text for the left cell on top and for the right cell vice versa etc. pp.
To create a non-fullwidth element for the grid-row could be reached easy.

one thing to mention – that video is from 2018. Meanwhile, many deprecated functions have been removed in newer versions of jQuery.

so the video shows:
$(window).load(function(){ …
this is now:
$(window).on('load', function(){

instead of using that script Mike linked to – use the filter:

add_filter( 'avf_default_lightbox_no_scroll', '__return_true' );

So you have set the image to float left f.e.

And there is only one line of text next to it! – asign a custom class to that text-block to better select it specifically
then try

.avia_textblock.alignmiddle > p {
  display: flex !important;
  align-items: center;
}

see here with an alternative Layout to reach what you like to have:https://webers-testseite.de/steveorrmedia/

but this will only work if there is only one p tag inside that text-block element. Otherwise you had to use the text-mode of the text-block to set the image in one div – and the text besides in another div. By this we can use then the flex method again with these two containers.

And you do not like to use this layout?

bei Enfold 5.6.6 ist die Option direkt unterhalb des Logos zu sehen: : Theme Optionen – Transparency Logo Options –
wähl das mal aus, dann gib das Logo an, welches du im Transparenz Modus nutzen möchtest.
Das andere Logo ist für die nicht Transparenzen zuständig.

Bessere Ratschläge könnte ich nur geben, wenn ich die Seite sehen könnte.

but please if it is possible this should be default setting !!!
And perhaps only a checkmark if you realy need that.

But if i inspect the DOM before that change – f.e. on autoplay even there – no parameters were set at the url
just that f.e. src="https://www.youtube.com/embed/G0k3kHtyoqc?feature=oembed"

no autoplay=1 is set to the url etc. – with the changes above – no rel=0

PS: on sliders there are those $video_data’s going to the output of the video url:

ok i see:
the lightbox script got his titles from the img tag not the anchor !
so on line 784 (enfold 5.6.6) and on line 806:

Guess title should be:
title="{$lightbox_title}"
i do not know how to handle the $prev_img_tag if we had to change that too.