Kadence Blocks DOM Size - How to Avoid Excessive DOM Size on your page
Are you using Kadence Blocks? If yes, you've got to watch this! Kadence Blocks are generally lightweight, but not all Blocks are made the same. Each Kadence Block contributes a different number towards the DOM Size of the web page.
Knowing the DOM Size and depth each Kadence Blocks bring, you can skirt around the Google Page Speed Insights audit called "Avoid Excessive DOM Size". If you don't know what it is, don't worry, I'll explain it to you in this video as well. The key is, there is no speed optimization plugin that will help avoid being flagged by the audit.
So, it is definitely imperative for you to know the DOM Size of each Kadence Block before you use it.
🔨 Recommended WordPress Tools:
✅ Cheap & Fastest Web Host: https://jackcao.com/cloudways
✅ Kadence Pro Theme: https://jackcao.com/kadence
✅ Kadence Blocks Pro: https://jackcao.com/kadence-blocks
✅ Best Speed Optimization Tool: https://jackcao.com/wprocket
Kadence Blocks Pro DOM Size (Blog): https://jackcao.com/kadence-blocks-dom-size/
⌚ Chapters (Time Stamps):
0:00 Introduction
2:05 What is DOM?
3:24 DOM Size of the Blank Page (For Comparison)
4:14 Spacer / Divider
5:46 Advanced Button
7:18 Icon
8:48 Advanced Header
10:00 Tabs
13:19 Info Box
14:58 Accordion
16:13 Icon List
16:45 Testimonial
18:47 Advanced Gallery
20:37 Form
22:03 Countdown Timer
23:21 Row Layout
25:21 Nested Row Layout
26:39 Outro
📺 More Helpful Videos:
💕 Page Speed Optimization Resources (Mentioned in the Video):
✅ Case Study - Styles & Bags: https://youtu.be/d-mhyKr2Doc
✅ Case Study - Dee Why Skin: https://youtu.be/LnbUXnmk6kw
✅ Case Study - https://youtu.be/INvxYNH9gKk
✅ Speed Optimization Tips: https://youtu.be/TBWeflLPuJQ
✅ Playlist: https://youtube.com/playlist?list=PLaWK8UfrNqw3b89sWgI-DQKhPfZNuo5VO
🎓 WordPress Gutenberg Videos:
✅ Create a Magazine Site from Scratch: https://youtu.be/_xbpzTsjiFY
✅ Create a Next-Level Home Page from Scratch: https://youtu.be/W1zJo7M21wk
✅ Create a Lead Capture Page from Scratch: https://youtu.be/n2Hqlea0RMo
✅ Create an Ecom Store from Scratch: https://youtu.be/kgfZLfyGUW8
✅ Build Any Page You See from Scratch: https://youtu.be/HZkpG-tfHPA
✅ Playlist: https://youtube.com/playlist?list=PLaWK8UfrNqw3605EvDefj4b697LbP_UiG
__________________________________________________________________________
AFFILIATE DISCLOSURE: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. I won't put anything here that I haven't verified and/or personally used myself. And, you will never pay anything more than what it cost if you buy the product directly from the source. From time to time, I may even provide you with some discount codes to help you save money.
__________________________________________________________________________
#kadenceblocks #googlepagespeedinsights #domsize #jackcao #kadenceblocksdom #googlepsi
Видео Kadence Blocks DOM Size - How to Avoid Excessive DOM Size on your page канала Jack Cao
Knowing the DOM Size and depth each Kadence Blocks bring, you can skirt around the Google Page Speed Insights audit called "Avoid Excessive DOM Size". If you don't know what it is, don't worry, I'll explain it to you in this video as well. The key is, there is no speed optimization plugin that will help avoid being flagged by the audit.
So, it is definitely imperative for you to know the DOM Size of each Kadence Block before you use it.
🔨 Recommended WordPress Tools:
✅ Cheap & Fastest Web Host: https://jackcao.com/cloudways
✅ Kadence Pro Theme: https://jackcao.com/kadence
✅ Kadence Blocks Pro: https://jackcao.com/kadence-blocks
✅ Best Speed Optimization Tool: https://jackcao.com/wprocket
Kadence Blocks Pro DOM Size (Blog): https://jackcao.com/kadence-blocks-dom-size/
⌚ Chapters (Time Stamps):
0:00 Introduction
2:05 What is DOM?
3:24 DOM Size of the Blank Page (For Comparison)
4:14 Spacer / Divider
5:46 Advanced Button
7:18 Icon
8:48 Advanced Header
10:00 Tabs
13:19 Info Box
14:58 Accordion
16:13 Icon List
16:45 Testimonial
18:47 Advanced Gallery
20:37 Form
22:03 Countdown Timer
23:21 Row Layout
25:21 Nested Row Layout
26:39 Outro
📺 More Helpful Videos:
💕 Page Speed Optimization Resources (Mentioned in the Video):
✅ Case Study - Styles & Bags: https://youtu.be/d-mhyKr2Doc
✅ Case Study - Dee Why Skin: https://youtu.be/LnbUXnmk6kw
✅ Case Study - https://youtu.be/INvxYNH9gKk
✅ Speed Optimization Tips: https://youtu.be/TBWeflLPuJQ
✅ Playlist: https://youtube.com/playlist?list=PLaWK8UfrNqw3b89sWgI-DQKhPfZNuo5VO
🎓 WordPress Gutenberg Videos:
✅ Create a Magazine Site from Scratch: https://youtu.be/_xbpzTsjiFY
✅ Create a Next-Level Home Page from Scratch: https://youtu.be/W1zJo7M21wk
✅ Create a Lead Capture Page from Scratch: https://youtu.be/n2Hqlea0RMo
✅ Create an Ecom Store from Scratch: https://youtu.be/kgfZLfyGUW8
✅ Build Any Page You See from Scratch: https://youtu.be/HZkpG-tfHPA
✅ Playlist: https://youtube.com/playlist?list=PLaWK8UfrNqw3605EvDefj4b697LbP_UiG
__________________________________________________________________________
AFFILIATE DISCLOSURE: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. I won't put anything here that I haven't verified and/or personally used myself. And, you will never pay anything more than what it cost if you buy the product directly from the source. From time to time, I may even provide you with some discount codes to help you save money.
__________________________________________________________________________
#kadenceblocks #googlepagespeedinsights #domsize #jackcao #kadenceblocksdom #googlepsi
Видео Kadence Blocks DOM Size - How to Avoid Excessive DOM Size on your page канала Jack Cao
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
The Ultimate Beginners Guide to Google Page Speed Insights (Simplified)Kadence Theme Tutorial: Create a WordPress Magazine Website from ScratchHow to Create a Lead Capture Page in Wordpress? (No Paid Tools Used!)7 Landing Page Flaws That’ll Kill Your Conversions | Landing Page Creation TipsTop 11 Gutenberg Block Plugins That Will Make Page Builders ObsoleteFastest & Most Lightweight WordPress Theme 2021 (Finally Revealed!)Customize Woocommerce Single Product Page with Gutenberg Editor (No Codes/No Plugins)How to Make Fewer HTTP Requests in WordPressGoing From $2K a Month to $10K – How to Get There?How to Private Label Tip will save you money on food product packagingSpeed Up Elementor in 5 steps + LIVE Test Results With Every Change! | Learn with WPress Doc 👨🏫Kadence vs Generatepress - Which WordPress Theme is Better and Faster?Kadence Vs Blocksy - Best Free WordPress Theme for Gutenberg?[Guide] How to Switch From Page Builders to Gutenberg BlocksOptimise your code: load code at the right time🤖 How to use Microsoft Power Automate Desktop - Full tutorialOH BOY!!! This is AWESOME - Query Builder in JetEngine 2.8 BetaBest Gutenberg Themes & Plugins | Top 3 Free & Pro WordPressSpeed up Your WordPress Site for Mobile on Google Page Speed InsightsHow to Customize Woocommerce Checkout Page Without a Plugin? 26 useful hacks