Best practice to Clone Website and LCP Speed

[leo01]

Hello Team!
I wanna do a redesign of my current website, but i want to keep the Projects for the most part. What is the best way to clone the current website in the Background so i can work on it and after switch the new design to live?
Is there a guide for this maybe?

Also i have a issue with my current site that the speed for mobile is slow, mainly cause of LCP. In Desktop i get 94 Performance on Mobile just 64. Maybe there is a good easy fix for it.
I do use an image plugin to reduce the file size and use the .web format.
Cache plugin is installed as well.

Best
Leo

Web: www.leopoldfiala.com

[arminunruh]

you can copy your site using the duplicator plugin:
https://wordpress.org/plugins/duplicator/

https://laytheme.com/documentation/moving-website.html

mmh LCP.
seems like "load delay" is the thing that takes the longest

https://stackoverflow.com/questions/77042837/why-is-my-load-delay-really-high-for-my-lcp
here it says:

First up it should be remembered that the Lighthouse proportion of PageSpeed Insights is a simulated test, under specific conditions that may or may not reflect your users actual experience

[arminunruh]

so if i look at the loading waterfall:

i can see google tag manager is loaded before images are loaded:

[arminunruh]

maybe you can put your google tag scripts inside "html at bottom"
instead of head?

in lay options → custom css & html

[arminunruh]

and maybe you can disable the cookie plugin that shows "accept cookies"
cause lay theme doesn't create cookies anyways except for when you use woocommerce as a shop i think

[arminunruh]

theres like 7 things for google tag manager and some "autotracking" things that are loaded before images are loaded maybe its this mmh

[arminunruh]

mmh it seems that when i run the lighthouse test it shows much slower loading times than what the website and first images actually take to load, even when i disable caches

[leo01]

Hi Armin thanks a lot for the swift response!
About the LCP: I tried moving the Tag manager Html to the bottom and disable the cookie plugin. Did not change much unfortunatly. Still seems like tag manager is loading first for some reason.
I have the analytics script (gtag, Tagmanager and Analytics) in the "Custom content" area of the laytheme html and css options.
can is set this whole thing to load last maybe?

Thanks also about the dublication guide will try soon!

[leo01]

@arminunruh i was in belive that google tsg manager or analytics will add cokies, can i somehow check if my site needs cookies at all. I personaly hate cookie banners so would love to get rid of it.

Edit for future users might find this helpful. : Found a site to check https://www.cookieserve.com/ - and Google analytics is the only cookies places on my site. there is a workaround with server side tracking but it needs top be set up.

[arminunruh]

mh

ok then i dont know what to do about the googletags js

does your caching plugin have an option where it can bundle the js files that need to be loaded on your website?

for example if u look here:
https://laytheme.com/documentation/speeding-up-your-website.html

the plugin
https://wordpress.org/plugins/wp-fastest-cache/

has this setting:

pls only use one caching plugin, if you want to try this one, disable the other one you have (except for the one that creates the webp files, dont disable this one)

[leo01]

i tried the recommended plugin but speed results on page insights were worse so i switched back.
Thanks i think its ok for now but with the redesign i will try to solve this. thanks!