Live Drag & Drop Editor: Build and customize every part of your website intuitively with Elementor’s visual builder. Zero coding required.
90+ Widgets: Achieve your design goals with a widget for every need along with full customization freedom.
Pixel-Perfect Design: Create flawless websites with custom positions, padding, margins, and global settings for colors & typographies.
⚡️ Full Website Kits - Export your entire website including templates, content, and site settings, then import them into a new or existing website.
⚡️ Kits library - Accelerate your web creation with dozens of pixel-perfect, designer-made website kits, containing everything you need for a complete website.
⚡️ Performance Improvements - Experience faster page load and get better performing websites scores enabling the new conditional and inline CSS Load.
⚡️ Color sampler - Now you’ll have the ability to grab the primary colors from any image on your page or the specific colors from widgets you added color values to.
Layout Optimization Best Practice
In this lesson, we'll learn the most efficient ways to create your pages layout with Elementor.
This lesson will how to:
✓ Reduce the number of elements on a page
✓ Test your website's pages speed
✓ Improve your page accessibility and rankings
✓ And much more!!
Don’t forget to subscribe to our channel!
In this lesson, we’ll explore the importance of optimizing images used on your website. We’ll help you to understand the common web based image types and also learn where and when to use them.
This lesson will provide you with:
✓ A clear understanding of common web based image formats: JPG, SVG, GIF and PNG
✓ The correct use of images and what to avoid
✓ Optimizing your images for web use before uploading them
✓ Editing & optimizing your website images in Photoshop, Illustrator, PhotoPea, Inkscape & TinyPNG
✓ And much more!
Don’t forget to subscribe to our channel!
In this video I explain in detail how you can use Sections, Inner Sections, Columns, Margin & Padding to create a page layout in Elementor. This is a Elementor Tutorial for beginners that want to get started in Elementor. So if you are new to Elementor, then this video might be interesting for you.
Bonus Content
Speeding up using plugins
Speed up your Elementor website in 5 simple but powerfull steps. We will be using a REAL website to speed up, and with every change you see the results! This website also has WooCommerce enabled.
Start here
Do you want to support my channel? Leave a like or buy WP Rocket or Elementor pro via the link below. That will help me enormously to create these free videos for you and keep going!
I want you to succeed with your website, so lets get started.
Timestamps
0:00 Speed up Elementor in 5 steps - Intro
1:48 Test your current speed
1:59 Using Google Page Speed ➜ https://developers.google.com/speed
2:10 Using GTMetrix ➜ https://gtmetrix.com/
2:17 Using Pingdom Tools ➜ https://tools.pingdom.com/
3:13 Step 1: Get worlds best caching plugin ➜ https://wpressdoctor.com/nr1cachingpl...
4:21 Upload plugin to WordPress
4:39 Setting up plugin with live Speed tests with every change
10:32 Step 2: Getting rid of that unhealthy and sluggish fat
11:17 Step 3: Optimising images
12:25 Step 4: Rerouting website through CloudFlare ➜ https://www.cloudflare.com/
16:54 Step 5: Time for serious surgery
17:56 Final scores
Speeding Plugins Compare test
المشاركات
