This week we begin with the first in a two-part masterclass on main causes of slow page loading, and the solutions, tips, and advice that could help us accelerate our page load time to get ahead of the competition.
This episode covers a lot of valuable web-building information for all levels looking to learn about:
How site data travels from the server to the user 02:10
How we measure internet speed 03:22
What is Page Load Time 04:07
What we can do to speed our server data 05:01
Using content delivery networks (CDNs) 05:40
Server software 06:20
Shared servers vs. virtual private servers (VPS) 06:58
Read more about speed and page load time in the in-depth post featured in this edition of Elementor’s Online Magazine:
\ TOOLS we MENTIONED in this MASTERCLASS:
▸ SiteGround |
▸ WP Engine |
▸ FlyWheel |
▸ Apache |
▸ MySQL |
▸ PHP |
▸ Nginx |
▸ MariaDB |
\ RESOURCES USED in this MASTERCLASS:
▸ Pingdom |
▸ SiteGround |
▸ Imperva |
▸ Dreamhost |
▸ Kinsta |
▸ Google |
“Pong” created by Allan Alcorn, published by Atari 1972
Get Elementor:
Get Elementor Pro:
Don’t forget to check out part 2 of Monday Masterclass: How to Speed up Your WordPress Website
Ironically, the markup that Elementor generates is terribly unoptimised. This is understandable though as there is an inherent trade-off of making a code generation tool that is flexible vs writing the optimal code for a specific site's use-case. So any other visual layout tools will generally also generate non-optimal code, unless you really dig in and change their code templates to suite your personal needs.
GREAT.
You need to speed up your videos, intros are way too looooooooooonnnnngggggg
It would be more useful if: take a real website on a shared hosting (where most of your customers host their elementor sites) with a a lower google speed insight and show how you can step by step improve google ranking.
update: I've tested elementor.com on google site speed. The score is a low 38 for mobile 🙁
Are you the brother of Adam Preiser?
Simon the king !
U can also use lite speed server for hosting websites
You will always be fighting an uphill battle with optimisation. It's a visual page builder that loads in a heap of scripts.
I'm yet to see URL examples which I can test myself that show proof that Elementor can reach Page Speed 100/100
A really good subject. And a good, high-level intro for those people who are not experts. I do have a concern with Elementor (basic+pro), it seems to add a lot of bloat and convoluted coding. the site speed improvement after moving to Elementor (and Hello) is not at all what I had expected. From what it seems (but I am not an expert in the matter) Elementor pages sent to the client are built with some awfully complex and tangled code. I certainly do hope that this is something that the team is working hard on. It is a very important issue.
Too many DOM elements with Elementor.
Simon, your just awesome being my instructor
This is good stuff, and the complainers below fail to realize that a big percentage of Elementor users don't have the same understanding of the basics that some of us do have…and so the presenter here is doing exactly the right thing by explaining some of those things so those less-knowledgeable users will have an understanding of what is coming up in the next video(s).
hahaha you guy talk nonsense and have NO CLUE what you are talking about. "Some experts" WHo the f***k they are ? Because you seriously need to change your "experts" sources.
Hi. Nice video.
Could you add some video about Cloudfare? What is it and if it really improves site speed? Thank you!
Here's what helped us with https://liftedwebsites.com/
1. use elementor, (template) no theme
2. switched from siteground to WPengine (google cloud server) now Siteground is moving or has moved to Google cloud server I believe and they weren't at the time
3. use cloudflare cdn
4. use autoptimize/WP rocket lazy load plugins
5. reduce as much of the 3rd party codes as you can
6. within autoptimize use shortpixel image optimizer and its plugin that connect to it.
Hope this helps others looking for more of a guide or steps..
Great job!
Use oxygen builder will speedup your website.
very nice!
I would rather see an actionable guide rather than nine minutes of talking without any hands down info about tonto speed up a site
When next masterclass?
Awesome video. Thanks. 😄👍
Great video, thank you for the useful advices..I am looking forward for the next masterclass..!
hello, everything is fine, everything is fine with me, and the following I downloaded a virtual store owned by your company in my research, but I came across some problems, one of which I already found the solution. But the site I intend to set up here in Brazil will need some features, which I do not know yet if it already exists in the plugins market. Thinking about my difficulty, I decided to ask those who already work in the market and have knowledge in the area.
First question: Is there a plugin that I can click on within your Rife free theme that I can make like this site 🙁 https://www.atualcard.com.br/) Note, that make my site as similar as possible like the one mentioned above. I have more questions on how to purchase other plugins to better develop and enable good customer service … But first if you can help me by answering my question, I will be very happy and grateful to God and you. Answer there please if it exists or not.
Thank you. God bless you
Thanks a lot Elementor. I have faced a problem when I Install elementor pro version and click edit with elementor all the widget take too much time to work .
Pls show us real example of Fast elementor website's score. I think elementor Is creating too big DOM and speed cannot be that much fast
The topic that I really was looking for. Deep Thanks
Does anyone know how fast Namecheap shared hosting is? Same question for Hostinger and GoDaddy. Thanks.
Elementor's ranks for Google Page Insights – Mobile 36/100
Sorry, I personally didn't find the video useful at all, especially if this is supposed to be a "masterclass" But I can give you all some great advice from my own experience.
I had already highly optimized my site with predominantly WP Rocket, Asset CleanUp Pro: Page Speed Booster, ShortPixel Image Optimizer.
It is an eCommerce site with around 300 products and my page speed was 1.5 to 2.5 seconds fully loaded.
Being nitpicky and never 100% satisfied :), I really wanted to completely customize the woo commerce pages and improve the design, (which were already customized to my liking with Elementor Pro) so I purchased the Jet Woo Builder plugin suite, which is quite an amazing tool.
It looked fantastic unfortunately, it added 8 seconds to my page load speed and at least 100 more requests!
I spent the next two days uninstalling the Jet Woo Builder and hand-coding (mainly CSS) all the templates so I had exactly the same look and design, but without the plugin.
Basically, the motto here is to get rid of unnecessary plugins. They are the biggest speed killers of all. Plus keep everything (database Esp) squeaky clean.
My site now fully loads in 1.5 seconds on average.
Main thanks go to (WP Rocket, Asset CleanUp Pro Page Speed Booster, ShortPixel Image Optimizer)
I hope this helps everyone, especially if you are building woo commerce stores.
The page speed is one of the lowest ranking factors, so your statement of the SEO importance is not correct there. Of course if is very important to the visitors, as they hate slow sites.
Why make it 2 parts – its just 9 minutes ….
Google and gtmetric complain hat elementor generates dozens of single Js/css Files instead of minifying and inlining this information.
Elementor should speed up here because minifying using 3rd party Addons often breaks elementor functionality.
What beginners do not realise is the choice from the start of a fast web host is the most important choice, as changing hosts, DNS, email accounts is laborious and risky. Glad you ended with a hint towards that.
It is really good that Elementor brought this up . I optimized my site pretty well.
Here are some question i really want to ask –
1. Why Elementor add so much bloat to the site. if you're using Free version of Elementor then you have less bloat to maintain but if you use Pro version then you're in deep trouble.
2. Why elementor combine all the css into one stylesheet instead of creating into small file ( This might overwhelmed newbie) but for those who want speed it is really good and helpful. So we can remove unused CSS using Asset management plugin. And better for critical CSS and unused CSS.
Now we can't if you disable frontend.min it will disable everything. Having an option in advanced setting to split all the css ,it will be really helpful . If you see Frontend.min it will also include – woocommerce, etc
3. I wish most of the elementor 's JS are not dependent to jQuery .
I'm using Litespeed instead of Apache.
WP Rocket is amazing for speeding up WordPress sites, does most of the work for you and use it in conjunction with Imagify, serve WebP images. Use Cloudflare free CDN package, takes a few minutes to setup
Updating version of jquerry helps alot…
Elementor has improved alot in term of speed, right now I am able to achieve Google insight page speed score of 80 in mobile view and 97 in desktop view
Wonderful the aviator glasses