• 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 » SEO

    Skip lazy loading first post image

    Published: Feb 25, 2022 · Modified: Mar 14, 2022 by Skylar · Leave a Comment

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

    Improve your desktop Core Web Vitals by skipping lazy loading your first post image automatically:

    This is generally a small improvement, and is recommended.

    Jump to:
    • Smart logic
    • Compatibility
    • Testing
    • Future improvement

    Smart logic

    By default we only add this to posts where the first post-image is present high enough on the page to make a difference. By default, 1200 characters has worked well with our testing (though this may change as we see more data).

    This ensures that on posts where the first image is way below the fold, lazyloading occurs normally.

    Developers wishing to control this threshold can use a filter:

    add_filter( 'feast_skip_lazy_threshold', function() { return 1200; } );

    Enabling this on all posts (regardless of position) can be done by setting this to some arbitrarily high value (eg. 10000).

    Compatibility

    This will work with WP Rocket, as well as WordPress' built-in image lazyloading.

    Testing

    Because of the variability when running the Pagespeed Insights testing tool, tests may come back better or worse than before when making website changes. This is typically caused by caches being rebuilt, variability with third party plugins and more.

    Because of this, initial tests may not actually reflect the full benefit.

    Removing lazyloading on the first image is a small improvement and is safe to enable and leave enabled.

    Future improvement

    We may look to improve this in the future by excluding lazyloading for up to the first 4 images on the homepage and category pages.

    More

    • SEO
    • Internal links
    • Modern Sidebar
    • Duplicate Content

    Reader Interactions

    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.