• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Feast Design Co.

WordPress Themes for Food & Lifestyle Bloggers

  • Themes
  • Feast Plugin
  • Blog
  • Support
  • Tutorials
  • Nav Social Menu

    • Email
    • Facebook
    • Instagram
    • Twitter
menu icon
go to homepage
  • Feast Plugin
  • Support
  • Tutorials
  • Account
    • Facebook
    • Instagram
    • Twitter
  • search icon
    Homepage link
    • Feast Plugin
    • Support
    • Tutorials
    • Account
    • Facebook
    • Instagram
    • Twitter
  • ×

    Home » News & Updates

    Modern Homepage Showcase

    Published: Mar 22, 2020 · Modified: Nov 9, 2021 by Skylar · 2 Comments

    This tutorial features the Feast Plugin, which enhances and extends your theme to improve SEO, pagespeed, accessibility and user experience.

    After converting to the Modern Homepage, you can also apply a number of different homepage styles to better match your branding.

    Check out the Full Width Modern Homepage for additional examples.

    Jump to:
    • southern-bytes.com
    • myculturedpalate.com
    • sweetcayenne.com
    • hot-thai-kitchen.com
    • sweetcsdesigns.com
    • lemontreedwelling.com
    • urbanfarmie.com
    • sweetteaandthyme.com
    • easygoodideas.com
    • totalfeasts.com
    • afewshortcuts.com
    • becomingness.com
    • snixykitchen.com
    • aline-made.com
    • vintagekitchen.com
    • eatwithclarity.com
    • anasbakingchronicles.com
    • makeitskinnyplease.com
    • sweetredpoppy.com
    • teakandthyme.com
    • justastasty.com

    southern-bytes.com

    Kari saw the most dramatic improvements (from 3,300 DOM nodes to 600) because she migrated from a non-Feast theme to a Feast theme.

    Homepage before

    southern-bytes.com homepage before update

    Homepage after

    southern-bytes.com homepage after update

    Pagespeed Insights Before

    pagespeed insights errors before

    Pagespeed Insights After

    pagespeed insights errors after
    pagespeed insights score after

    Webaim Before

    southern-bytes.com homepage accessibility before

    Webaim After

    southern-bytes.com homepage accessibility after

    myculturedpalate.com

    Our own test-site saw minor improvements in performance (hey, it was already optimized), but is now more compliant with accessibility standards and Google's guidelines.

    Homepage before

    myculturedpalate homepage before

    Homepage after

    myculturedpalate homepage before

    DOM Before

    567 dom nodes

    DOM After

    502 dom nodes

    Webaim Before

    webaim score before

    Webaim After

    sweetcayenne.com

    Being tweaked per Whitney's preferences before converting.

    Homepage before

    sweetcayenne.com homepage before

    Homepage after

    Webaim Before

    Webaim After

    Pagespeed Insights Before

    Pagespeed Insights After

    Note: Whitney will be upgrading from Siteground's (inferior) optimization plugin to WP Rocket, which should further boost the metrics

    hot-thai-kitchen.com

    Pagespeed insights before

    Pagespeed insights after

    Wave before

    Wave after

    sweetcsdesigns.com

    Courtney saw some small improvements in pagespeed, but big gains in accessibility and customizability of the homepage.

    Homepage before

    sweetcs homepage before

    Homepage after

    Homepage structure before

    Homepage structure after

    Pagespeed Insights before

    Pagespeed Insights after

    lemontreedwelling.com

    Homepage before

    Homepage after

    DOM before

    DOM after

    Webaim before

    Webaim after

    urbanfarmie.com

    homepage for urbanfarmie.com

    sweetteaandthyme.com

    easygoodideas.com

    totalfeasts.com

    homepage for totalfeasts.com

    I'm loving how the themes work, especially the versatility of them. The modern homepage update really made me think hard about my site, for the better. Very happy I made the move.

    Matt

    afewshortcuts.com

    homepage for afewshortcuts.com

    becomingness.com

    homepage of becomingness.com

    snixykitchen.com

    aline-made.com

    homepage of aline-made.com

    vintagekitchen.com

    homepage of vintagekitchen.com

    eatwithclarity.com

    homepage of eatwithclarity.com

    anasbakingchronicles.com

    screenshot of the anasbakingchronicles.com modern homepage

    makeitskinnyplease.com

    homepage for makeitskinnyplease.com

    sweetredpoppy.com

    teakandthyme.com

    justastasty.com

    More

    • GA4
    • Modern 404
    • Focus
    • Process Shots

    Reader Interactions

    Comments

    1. Andréa Janssen says

      May 23, 2020 at 5:21 pm

      I see the great results as well. I’ve improved the speed of my homepage from slow to fast. Thank you for that! But I’ve got another question. However this works with my homepage the blog pages (I’m using cravings) still got a high DOM score and therefor are slower. I see that also on the blogs above. How can we improve that and will there be an update for that. Thank you

      Reply
      • Skylar says

        May 23, 2020 at 5:30 pm

        Hey Andréa!

        The increase in DOM nodes can be traced to the increase in posts being displayed on the homepage, as well as additional unique content, and author profile. Doing a direct 1-to-1 replacement of the traditional theme homepage (eg. showing around 10 most recent posts) will result in a SIGNIFICANT decrease due to how we cleaned it up.

        However, people are opting to provide better navigation for their users by displaying more categories, and showing their content in different ways - by popularity, by recently updated, by categories their readers are interested in. That's what you're seeing in many of the above sites - customizations and ongoing improvements by the blogger.

        This is overall a positive thing, and where the line lies between excessive DOMs and a better user experience (plus better internal linking) is up to you.

        More DOM nodes doesn't automatically translate to slower pages or lower pagespeed scores, but you do want to keep it in mind. In general, we recommend aiming for about an 80 score on the Pagespeed Insights tool.

        Reply

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Primary Sidebar

    Themes

    • Feast Plugin grants access to all 5 themes
    • Not sure where to start? See the getting started guide

    Feast Plugin

    • Feast Plugin
    • Modern Homepage
    • Modern Sidebar
    • Modern Footer
    • Modern Mobile Menu
    • Modern Menu
    • Modern Recipe Index
    • Modern Categories
    • Modern 404
    • Recipe Update Checklist
    • Recipe Post Template

    Resources

    • Image optimization
    • Recipe Guidelines for Foodie Bloggers
    • How to write a recipe post
    • Page headings
    • SEO for Food Bloggers
    • Tutorials
    • Pagespeed Audit
    • Comments
    • Internal links

    more resources →

    Categories

    • Modern Recipe Index
    • Modern Categories
    • Posts per Page
    • How to use categories
    • Category pages need content
    • How to configure the category pages
    • Food blog site structure
    • Food blog page structure

    Classic themes

    The classic themes are only for hobby sites and any food blog interested in monetizing or SEO needs the Feast Plugin.

    • Foodie Pro Classic
    • Brunch Pro Classic
    • Cook'd Pro Classic
    • Cravings Pro Classic
    • Seasoned Pro Classic

    Footer

    ↑ back to top

    Topics

    • Food Blog Design and Appearance
    • Productivity
    • Tech and Plugins
    • Food Blogging and Promotion
    • Minimalist WordPress Themes
    • Simple WordPress Themes
    • Travel blogs
    • Knitting + DIY blogs

    Help

    • Documentation & Tutorials
    • Food Blogging Resources
    • Open A Support Ticket
    • Login
    • Your Account
    • Subscriptions
    • Downloads
    • Discounts and Coupons
    • Compatibility

    Company

    • Subscribe to newsletter
    • Privacy Policy
    • Refund policy
    • Terms & Conditions
    • Principles and Best Practices
    • Affiliates
    • Contact

    Copyright © 2023 · Feast Design Co.

    Results not typical or guaranteed. Our themes and plugins are just a small part of the overall effort involved in running a food blog. Nothing on this website shall constitute legal or financial advice, always consult a local lawyer and accountant. Accessing this website and all transactions herein are under the laws and jurisdiction of Toronto, Ontario, Canada.