{"id":118393,"date":"2023-05-04T16:06:27","date_gmt":"2023-05-04T10:36:27","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&amp;p=106542"},"modified":"2023-05-04T16:06:27","modified_gmt":"2023-05-04T10:36:27","slug":"delay-loading-blog-post-in-elementor","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/delay-loading-blog-post-in-elementor\/","title":{"rendered":"How to Delay Loading Blog Post in Elementor? (100% Performance Improvement)"},"content":{"rendered":"\n<p>Are you looking for a way to improve the speed of your website? One option is to delay loading blog posts. this technique can significantly improve the loading time of your website, especially if you have a lot of content on your blog page.&nbsp;&nbsp;<\/p>\n\n\n\n<p>With the Blog Listing widget from The Plus Addons for Elementor, you can easily delay the loading of your blog posts by using the preloader feature.<\/p>\n\n\n\n<p><em>To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, <a href=\"\/docs\/blog-listing-widget-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">click here<\/a>.<\/em><\/p>\n\n\n\n<p><strong><em>Requirement&nbsp; &#8211; This widget is a part of The Plus Addons for Elementor, make sure its installed &amp; activated to enjoy all its powers.<\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill\"><a class=\"wp-block-button__link has-nxt-global-color-8-color has-nxt-global-color-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pluslisting\/#blog-post-wgts?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>To do this, add the Blog Listing widget on the page or template, select the appropriate listing type, style and layout.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: The preloader option is only in <\/em><strong><em>Grid<\/em><\/strong><em> and <\/em><strong><em>Masonry<\/em><\/strong><em> layout.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>Then go to the <strong>Extra Options<\/strong> tab, and turn on the <strong>Preloader<\/strong> toggle.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"333\" height=\"859\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/05\/blog-listing-preloader.png\" alt=\"blog listing preloader\" class=\"wp-image-106544\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/05\/blog-listing-preloader.png 333w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/05\/blog-listing-preloader-116x300.png 116w\" sizes=\"(max-width: 333px) 100vw, 333px\" \/><\/figure>\n\n\n\n<p>You can adjust the preloader width, border size and colour.<\/p>\n\n\n\n<p>Now your blog post listing will load with a preloader.<\/p>\n\n\n\n<p>You can also <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/preloader-elementor-widget-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">add a preloader on your entire Elementor website using our Preloader widget<\/a>.<\/p>\n","protected":false},"author":16,"featured_media":106545,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[560,526],"class_list":["post-118393","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-blog-listing","docs-plus-listings"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/118393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=118393"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/118393\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/106545"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=118393"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=118393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}