[01] Layout Optimization Best Practice

Could you share what's the advantage of using % for the padding vs using px or em/rem? And when do we use em/rem?

first test on network tab was not using second cache, and after optimzation it was test using cached site.

Thanks🥰

Will you redo these videos with containers?

What about the responsive to mobile devices from your "optimal icon box"??

It appears Lighthouse is no longer available....

Great tutorial accept when I set up the header exactly as instructed, when view in the browser ,the logo, navigation and phone number were in a row down the left side with the logo being at the top, navigation in the middle and phone number at the bottom. So although the concept of reducing columns sounds good, if it doesn't work when you follow the instructions exactly then using lots of widgets, columns and sections is your only option.

great! these are some of the most helpful videos for nocode web designers. Even to understand in code form how to structure a website better. With my experience I think it is very useful to always use globally the colours, typography and some sections well optimized. It is a great help to start like this.

You could also teach us how to do gym along with elementor

This makes me wonder, when would more than one columns be needed? Would it not be better to remove multiple so that everyone learn to build more efficiently using one?

Thank you so much for this initiative.

This video is just great: really clear and actionable insights as to how to make a much simpler layout with Elementor. I keep coming back to it when I am building new pages: thanks for the awesome content!

Dang

My interface looks nothing like what you are showing when you design your header without using 3 columns? I gather that Elementor must have had an update since April 2021, but I simply cannot replicate what you are doing - not even with Elementor Pro? The whole "in-line" sort of setting is nowhere to be found? :-(

Eu comprei esse curso, mas só consigo entrar nas aulas através do meu celular, estou a 6 dias tentando me escrever em algumas empresas tbm não consigo. Vou cancelar pois temos 7 dias pra fazer isso, cansei. 🥵🥵🥵😡😡😡

Simplesmente um vídeo perfeito! Muita coisa nova foi aprendida vendo esse vídeo e com certeza salvarei! Começarei a ensinar essas práticas no meu canal.

I am not sure if someone has test the website on Phone? After I follow the steps, layout on phone looks awful!

thank you so much

best tutorial ever!

Nc

Top tutorial! sooo useful!! thanks! Just a quick question. How can I add subtitles to image boxes, for example? a subtitle that is in a different font and color? is it possible?

Please remake this course for css flexbox

Will you do a video with the same subject but with flexbox?

be nice is you answer peoples questions :)
dies this all change with containers?

Just wow

this is for the paid version. whats the best setup for the free pls?

This is hands down the best elementor page layout video ive watched so far. Well done

Hi - Me again - trying to implement these changes - however with the drop down in mobile - it drops down the entire section? Any fix or what am I missing? Many thanks - Heather

Less widgets and sections

Good for desktop version but it doesn't works well on responsive version. While I try to increase or decrease the custom with (%) it doesn't work

I have the hardest time loading elementor. I continue to get the toolbar panel with a spinning loading circle. It is very frustrating when I'm trying to follow along with my website. Any ideas?

If the shortcuts for the copyright symbol doesn't work then just use " © "

Priceless info and so great to know the motion effects (I’m all about these!) don’t affect the load times

Can anyone please provide this man Insta or any social link
I want to follow him he really knows what he's doing
Other elementor tutors are not as good as him
This man is awesome

Very very Good !

Thank, this very great <3

I found lots of good information on this video but it would have been nice to show how you now optomize this layout for tablet and mobile. When I tried to do it with some of the widgets used it was pretty much impossible?

Love the humor, the lively video and ESPECIALLY the end! And yes, the info was to the max!! I watched to see if I should switch from Elementor to Divi. Now, you have helped me decide to keep Elementor (since I just paid for a higher level pro), and to then buy Divi's lifetime ($199) later, so as to use both. (Yes, like you - at the end of this video - said you do.) P.S. Thank you for the really great timestamp (under "Show More"). More Ferdy: SUBSCRIBED!

the most important...And mobile? because allways not pass the google metrics.. what we can do?

I use the product slider and the different images makes it move about and I guess it affects this cumulative shift thing? Or whatever it is? I wonder if there might be a way to counter this?

MY GOSH....I FEEL LIKE I CAN BE A PROFESSIONAL FROM THIS 22 minute tut!!!!

it might be a great tutorial for somebody with advanced knowledge, but it breezes over things so fast I can't hope to absorb anything. Totally over my head, and frustrating.

I got a funny situation. I did as you said and removed more than 15 sections from the page and the result was much worse than it was at the beginning. How to explain it? Very strange situation 🤔

Watched this just before starting to make my website... couldn't be more thankful! Such a helpful video!!

This is hands down the best Elementor optimization video I've seen.
Thank you!

The most important tutorail for elementor designers . Thank you ❤

I must rebuild my site, brilliant tutorial

Wow ... What an incredible learning resource--THANK YOU! This one is definitely being saved for future reference!