Better Resource Hints vs Website Builder by SeedProd

Better Resource Hints will make your WordPress site or application faster and generally more performant by intelligently leveraging resource hints like prefetch, preload, preconnect, and server push. As it stands, WordPress isn’t that bad about providing a base level of these hints. In fact, a basic, dedicated API has been shipped since version 4.6.. However, this functionality only scratches the service, providing only dns-prefetch tags out of the box, and there’s growing opportunity to take advantage of different hints as they are introduced and gain more browser support. Specifically, this plugin focuses on the following types of hints for your styles and JavaScript assets: Preconnecting – This hint is similar to “dns-prefetch,” but a beefier version. Instead of just resolving the DNS, the preconnect hint handles TLS negotiations and TCP handshakes, resulting in reduced page latency. Preloading – Preloading occurs when the browser is told it can start downloading an asset in the background early during page load, instead of waiting until the asset is explicitly called to start the process. This hint is most beneficial for assets loaded later on in the page, but are nonetheless essential to the page’s functionality. More often than not, this is a JavaScript file. Enabling this results in an overall faster load time, and quicker time to interactive. Prefetching – Prefetching assets is similar to preloading, but the assets are downloaded in low priority for the purpose of caching them for later use. For example, if a user hits your home page and is likely to go to a page that uses a heavy JavaScript file, it’s wise to prefetch that asset on the home page, so it’s cached and ready to go on the next. Again, the result is a quicker subsequent page load, quicker time to interactive, and an improved overall user experience. This is different from DNS prefetching, which will only resolve the DNS of a resource’s host, and not actually download the resource itself. Server Push – If enabled, server push will tell your server to start delivering an asset before the browser even asks for it. This results in a much faster delivery of key assets, and be toggled on for both preloaded, prefetched, and preconnected assets. Note: This feature requires a server that supports server push, and is the most experimental strategy this plugin provides. As with any sort of performance-enhancing technique, just be aware that they should be used judiciously, and that the results you see will depend on the size the of resources your site loads, as well as how your server is configured. For additional reading, see some of the resources below: Preload, Prefetch, & Priorities in Chrome Preloading Key Requests Preload: What’s It Good For? Resource Hints – What is Preload, Prefetch, and Preconnect? What Makes This Plugin Stand Apart? There’s no shortage of plugins out there that aim to leverage resource hints for boosting performance. However, I’ve seen that several of them make the following mistakes: Inflexible Hint Management Many similar plugins only provide very limited flexibility in their options, and only allow setting hints globally for every page, regardless of whether the resources are actually needed on the page. This can often result in unecessarily bloaging your bandwidth, since hints on several pages are effectively useless. In some cases, this could actually lead to a less performant site. This plugin attempts to provide options to manage hints more flexibily and intelligently, meaning you won’t be unecessarily preloading assets in the background when they’re not even needed on the page. Misunderstanding What Different Hints Do I’ve come across some plugins that fail to understand and leverage different hints like they were designed. For example, promising that assets are being preloaded, when they’re actually being prefetched. These and other hints have very different purposes, and should not be interchangably used if you want them to impact your site in the most effective way. This plugin attempts to leverage these hints in way to maximize their effectiveness. For example, BHR won’t prefetch any assets that are enqueued on the page, because that’s just not how the prefetch hint is designed to be used. Is Better Resource Hints perfect? Absolutely not. That’s why I encourage any constructive feedback or bug reports to be sent my way immediately, so that I can’t improve this plugin as quickly as possible. A Note About Preloading CSS Because of their high placement on a page, if the option is enabled, your CSS files will be asyncronously preloaded, and then turned into a stylesheet once they’ve completely loaded. The advantage to doing this is that while the files are downloading, they won’t block the rest of the page from rendering, resulting an overall faster page load. However, this also means that there may be a flash of unstyled content on the page for a brief moment as the files download. To prevent this, it’s recommended to only preload CSS files that are not critical to the initial view of the page. This will allow you to gain some performance points without sacrificing use experience as the page loads. Filters The following filters are exposed for your use. /** * Modify the HTML link generated for preconnecting hosts. * * @param string $link (HTML tag) * @param string $url (URL of the host) * @return string */ add_filter('better_resource_hints_preconnect_tag', function ($link, $url) { return $url; }, 10, 2); /** * Modify the HTML link generated for prefetching hosts. * * @param string $link (HTML tag) * @param string $handle (WP handle of the resource * @param string $type (script or style) * @return string */ add_filter('better_resource_hints_prefetch_tag', function ($link, $handle, $type) { return $url; }, 10, 3); /** * Modify the HTML link generated for preloading hosts. * * @param string $link (HTML tag) * @param string $handle (WP handle of the resource * @param string $type (script or style) * @return string */ add_filter('better_resource_hints_preload_tag', function ($link, $handle, $type) { return $url; }, 10, 3); What Happens Out of the Box? Upon activation, Better Resource Hints will optimize your resource hints in a conservative, low-risk way by only doing two things out of the box: Preloading JavaScript assets enqueued in the footer. Setting preconnect hints for all third party hosts that already have dns-preconnect hints. Using the Plugin After activation, you are able to adjust settings to tweak optimization as seen fit. As a means of testing your optimizations, use a tool like Google Lighthouse to measure the impact of these changes on your site’s performance. As mentioned, the techniques used here are largely supported by modern browsers, but your results may vary depending on the amount of assets being loaded on your site, as well as your server configuration. Feedback You like it? Email or tweet me. You hate it? Email or tweet me. Regardless of how you feel, your review would be greatly appreciated!

SeedProd – Drag & Drop WordPress Website Builder, Landing Page Builder, Coming Soon Page & Maintenance Mode SeedProd was originally created in 2011 and allowed you to create a Coming Soon Page or a Maintenance Mode Page. You could work on your website in private while visitors see a “Coming Soon” or “Maintenance Mode” page. It still does this and really well! But People loved SeedProd’s easy-to-use page builder so much and wanted to create their entire website with it. So, due to popular demand, you can do just that! Yes, you can now use SeedProd as a WordPress Website Builder. This means you can build every part of your WordPress custom theme. WordPress Headers, Footers, Single Page Templates, Archives, Global Parts, WooCommerce Product Pages, WooCommerce Carts, and more. The best part is SeedProd is a No-Code Website Builder. No coding knowledge or experience is needed. Full Site Editing made easy. In addition, SeedProd is still the best Landing Page Builder. Create a variety of landing pages that include but are not limited to: Sales Pages, Coming Soon Pages, Maintenance Mode Pages, 404 Pages, Login Pages, Webinar Pages, and Thank You Pages. Sites and Pages built with SeedProd’s Drag and Drop Page builder are lightweight, super fast, and it’s so easy to use anyone can create a WordPress Website or Landing Page. SeedProd Pro This plugin is the lite version of the SeedProd Website Builder and Landing Page plugin that comes with all the features you will ever need to create great-looking landing pages, coming soon pages, and maintenance modes pages within your WordPress website with no code. Click here to purchase SeedProd, the best premium WordPress Website Builder and Landing Page plugin now! Watch John Turner, the Co-Founder of SeedProd, build the SeedProd.com website with the SeedProd WordPress Website Builder Using SeedProd as a WordPress Website Builder SeedProd is a WordPress Website Theme Builder, which allows you to create custom theme and template parts like: Headers, Footers, Front Pages, Content Pages, Blog Posts, Blog Pages, Archives, Search Results, Category Pages, Tag Pages, Sidebars, WooCommerce Product Pages. WooCommerce Checkout Pages, WooCommerce Cart Pages, WooCommerce Shop Pages all using our no-code Theme Builder. Typically you would need a traditional WordPress theme to accomplish this. With SeedProd no theme is needed. No more conflicts between your theme and page builder. SeedProd is a complete turnkey solution that gets you a website fast. Themes created with SeedProd can use any builder. Of course, SeedProd is the best page builder in our opinion, but you can use: Gutenberg Page Builder, Elementor Page Builder, Beaver Builder Page Builder, Divi Page Builder, Visual Composer Page Builder, Brizy Page Builder, Thrive Architect Page Builder, Beaver Builder, and the list goes on… SeedProd also has a growing library of 200+ beautiful pre-built WordPress themes, templates, blocks, sections and complete websites to help you get started. Did I mention, no coding is required 🙂 Creating WordPress Landing Pages with SeedProd What are landing pages? A landing page is a standalone web page that a person “lands” on after clicking through from an email, ad, or other digital location. Most of the time, these landing pages have a different design from the rest of your site and do not show your website’s standard header and footer. Landing Pages have a particular purpose and desired user action; therefore, you want them to be distraction-free as possible. With SeedProd, it is super easy to create high-converting landing pages for any purpose, that are entirely separate from your website’s design. You can use our Domain Mapping feature to put landings page on their own domain, our Dynamic Text feature to add personalization, or our WooCommerce Blocks to build one-off product pages. These are just a few of the many powerful features SeedProd provides. Building Coming Soon Pages and Maintenance Mode Pages with SeedProd SeedProd allows you to build a coming soon or maintenance mode page that will hide your site from visitors and search engines like Google. You can work on your website in private. When the website uses coming soon mode, the page will be indexed by Google as long as your site is not set to be private in WordPress. In Maintenance Mode, we return a 503 header status that lets Google know your site is down for maintenance. Both of these modes are essential for any WordPress Website to have. The Free Version of SeedProd comes with a variety of Coming Soon Page and Maintenance Mode templates. Full Page Builder Feature List: WordPress Theme Builder – Create Headers, Footers, Pages, Posts, Archives, Sidebars, WooCommerce Pages or any part of a WordPress theme with our no-code Theme Builder. Fast Drag & Drop Page Builder – Our page builder is super fast, lightweight and responsive. WordPress Themes created with SeedProd work with any page builder. Landing Pages work with any WordPress Theme. 200+ Professionally Designed WordPress Themes, Landing Page Templates & Layout Sections 80+ Pro Page Blocks – We have created a variety of blocks to display static and dynamic content. Landing Page Templates – Sale Pages, Coming Soon Pages, Maintenance Mode Pages, Webinar Pages, Giveaway Pages, Thank You Pages, 404 Pages, and Login Pages Responsive and Mobile Ready – Pages created with SeedProd look great on any device. Premium Integrations – Collect emails with your favorite 3rd party email marketing service providers, including MailChimp, ActiveCampaign, ConvertKit, Constant Contact, and more… Subscriber Management – Track every subscriber with or without a 3rd party email provider. Stock Images – Get In-Plugin Access to over 2 Million Stock Images. Searchable, Resized, and Optimized for the Web. Live Previews – We allow you to see live previews of the page while it’s in any state, draft, live, or just testing. Layout Navigation – Use our layout navigation, which is a mini-map of your page, to easily rearrange sections, rows, columns, blocks, or access your page settings Revision History, Undo & Redo – With one click reverts, you can go back to any previously saved point on your page and even see who made those particular changes. Draft Mode – Work on your page in private without revealing its construction to the public. Mobile Device Preview – See what your pages will look like on desktop and mobile devices before you go live. Bloat Free Code – The code our builder produces, unlike other builders, is bloat-free and minimal to load your page quickly. Color Schemes – Choose from over 20 built-in color schemes or create your own custom color palette to use throughout your landing page design. Font Combinations – SeedProd integrates with Google Fonts to provide unlimited font combinations. Custom CSS – Need to tweak the style of an element on your page? No problem! Domain Mapping – Domain Mapping lets you create landing pages and point them to any domain name instead of your main website domain. Dynamic Text – Dynamic Text lets you dynamically insert dates or values from a query parameter to personalize your landing pages. Custom Scripts – Need to add a tracking script or widget from another website? Use the built-in header and footer scripts area to implement more technical tweaks. Spam Protection – Protect your landing pages from spam, bots, and fraudulent submissions with Google ReCaptcha WordPress Blocks: Standard Blocks – Headline, Text, List, Button, Image, Video, Divider, Spacer, Column Advanced Blocks – Giveaway, Contact Form, Optin Form, Countdown, Social Profiles, Social Sharing, Animated Headlines, Progress Bar, Icon, Testimonials, Image Carousel, Image Box, Icon Box, Nav Menu, Pricing Tables, Page Anchor, Star Rating, Accordion, Shortcode, Login Form, Google Maps, Seach Form, Custom HTML Social Media Blocks – Facebook Page, Facebook Embed, Facebook Like, Facebook Comments, Twitter Embed Tweet, Twitter Embed Timeline, Twitter Tweet Button, Twitter Follow Button WooCommerce Blocks – Add To Cart, Checkout, Cart, Product Grid, Recent Products, Sale Products, Best Selling Products, Featured Products, Top Rated Products, Menu Cart, Product Title, Product Featured Image, Product Price, Short Description, Additional Information, Products Related, Upsells, Product Rating, Product Stock, Archive Products, Product Data Tabs Theme Template Tag Blocks: Posts, Post Title, Post Content, Post Excerpt, Featured Image, Author Box, Post Comments, Post Navigation: Post Info, Archive Title, Site Logo, Global Template Parts WordPress Email Marketing Integrations: ActiveCampaign AWeber Campaign Monitor Constant Contact ConvertKit Drip Facebook GetResponse Google Recaptcha iContact Mad Mimi Mailchimp MailerLite Sendy Sendinblue Twitter YouTube Zapier After reading this feature list, you can probably imagine why SeedProd is the best Drag & Drop WordPress Website Builder and Landing Page Builder in the market. Give SeedProd a try. Want to unlock more blocks and page builder features? Upgrade to SeedProd Pro. Credits This plugin is created by John Turner and Syed Balkhi. Branding Guideline SeedProd® is a registered trademark of SeedProd LLC. When writing about the Coming Soon Page, Maintenance Mode, Landing Pages & WordPress Website Builder plugin by SeedProd, please use the following format. SeedProd (correct) Seedprod (incorrect) Seed Prod (incorrect) seedprod (incorrect) What’s Next If you like our WordPress Website Builder and Landing Page Builder plugin, then consider checking out our other projects: OptinMonster – Get More Email Subscribers with the most popular conversion optimization plugin for WordPress. WPForms – #1 drag & drop online form builder for WordPress. MonsterInsights – See the Stats that Matter and Grow Your Business with Confidence. Best Google Analytics Plugin for WordPress. WP Mail SMTP – Improve email deliverability for your contact form with the most popular SMTP plugin for WordPress. RafflePress – Best WordPress giveaway and contest plugin. Smash Balloon – #1 social feeds plugin for WordPress. SearchWP – Advanced WordPress search plugin. PushEngage – Best web push notification plugin. TrustPulse – Social Proof Notification to Boost Conversions. All In One SEO – Best WordPress SEO plugin to help you improve your search engine rankings. Easy Digital Downloads – From eBooks, to WordPress plugins, to PDF files and more, we make selling digital products a breeze. AffiliateWP – An easy-to-use, reliable WordPress plugin that gives you the affiliate marketing tools you need to grow your business and make more money. WP Simple Pay – Start accepting one-time and recurring payments on your WordPress site without setting up a shopping cart. No code required. Sugar Calendar – Simple, light-weight, and provide just the major features you need for event management. Visit WPBeginner to learn from our WordPress Tutorials and find out about other best WordPress plugins.