The best approach is to serve the smaller image sizes, that is what matters to the end user. If you do the math on something like 5 slider images (large ones) you will see a pretty significant difference. Image sizes are in most cases the largest request.
The downside is simply having more storage on your server, but that doesn’t effect the end-user nor is it expensive.
Related Posts:
- How can I set image sizes and still have responsive images using the srcset attribute?
- Featured Image in 4.4 should be larger on mobile device
- How to use the responsive images feature from WP 4.4 in your themes
- How to float an image in Gutenberg
- Responsive Images – crop don’t seem to work
- What is the meaning of WordPress’s recommended css classes and where are they applied?
- Change Responsive Images Maximum Width of 1600px
- Change Image Sizes for Mobile Theme
- WordPress Animation Adjustments
- Responsive Images with art direction
- Images use & location, on new wordpress theme
- Any disadvandages if I style the wordpress align classes without img and .wp-caption prefix
- How to resize video lightbox popup in wordpress? [closed]
- How to define and link full path to css located at a random folder on header.php
- WordPress Theme Preview Image
- How to add CSS class to custom logo?
- How to add custom css file in theme?
- How important is it to enqueue a theme’s stylesheet?
- CSS not updating in browser when I change it
- Solutions for generating dynamic javascript / CSS
- The the_post_thumbnail without srcset?
- Get the first image from post content (eg.: hotlinked images)
- Do I actually need to link my theme’s style.css in the theme files
- Enqueue a stylesheet for login page and make it appear in head element
- CSS classes for theme
- Generating CSS Files Dynamically Using PHP Scripts?
- Enqueue Stylesheets After Theme’s “rtl.css”
- How to modify an image block in Gutenberg WordPress 5?
- Are the WordPress Core CSS styles really all nessesary?
- Understanding wp_add_inline_style
- Add default Backgrounds
- Any alternate TinyMCE4 themes / subthemes?
- Splitting WordPress theme CSS into multiple files, good or bad?
- Edit srcset and sizes attributes in Gutenberg image, cover and gallery – blocks
- Hide a div that is part of all pages on one specific page
- Why I can’t add a CSS style in this WordPress theme?
- Can’t get staging site to display same way as live site. Completely stumped
- How to make a theme with more than one CSS file?
- wp_get_attachment_image_attributes not working for me
- Editing the custom background CSS
- Specify image dimensions
- How to get gallery images?
- How to edit an existing WordPress theme? [closed]
- Excess White Space Above Admin Bar on Frontend Using Twitter Bootstrap
- Making WordPress Gallery (.gallery-item) Responsive?
- Suggestions for creative use of post format feature, or themes that use them well
- Add class to before_widget for all widgets with a dropdown and a counter
- Why max-width:97.5% on content images?
- add generated stylesheet from parent theme after child-themes style.css
- Add a preview to a WordPress Control Panel
- add_image_size is scaling, even though crop is set to true
- use add_action(‘wp_head’) in a widget for generating dynamic CSS styles
- Confused about image sizing business in WordPress
- why does twenty eleven theme mix up the css measurement units?
- Setting up partial Right-to-Left admin interface
- Unexpected width and srcset attributes for the_post_thumbnail();
- Adding inline styles from a widget
- Can’t edit style.css in subdirectory of my theme?
- How do I get gallery thumbnail URL and change the default thumbnail size?
- Adding dashicon fonts to the admin of pre 3.8 installs
- How to Handle CSS for Multiple Header header.php Files?
- Responsive class to all the images in the content
- How wordpress handle upload images and how to use them in the code
- CSS in child theme not overriding the parent theme [closed]
- How to add (css) classes to only one wp_nav_menu()?
- Replace Home with image link inside custom header menu
- How to Make WordPress Default gallery responsive on mobile?
- Adding dashicon fonts to the admin of pre 3.8 installs
- Responsive background images added inline
- Move my theme style.css into a folder
- Featured Image Size
- Convert a static website to a WordPress theme and import all existing content
- How to keep theme layout the same when admin gray bar is present?
- Enqueued Stylesheets Effecting Admin Styles
- Custom CSS In Uploads Folder
- There’s an image named g.gif somewhere in my WordPress site
- wp_head() not inserting the default stylesheet style.css
- How to highlight the current page in the nav menu?
- Writing Clean WooCommerce Styles
- First completely customized theme, where should I start?
- Root Sage theme styles are not working!
- De-registering parent style sheet css recommended?
- How to set dimensions of the post thumbnails (featured images)
- Whats the safest way to output custom JavaScript and Css code entered by the admin in the Theme Settings?
- Alterntives to BEM syntax that comply with WordPress coding standards? [closed]
- Modify the Additional CSS section (adding a disclaimer)
- Cannot get full thumbnail size using the_post_thumbnail
- Sub folder CSS that’s read by Admin panel
- WordPress 5.8 update problem custom theme styles are overridden by core styles common.min.css
- WordPress default theme css units
- CSS won’t style output of wp_nav_menu() correctly
- Where is definied the theme location for the main menu in a WordPress template?
- Is it necessary to prefix every css class in a theme framework?
- current-menu-item class not working
- How to determine which custom header image is being shown
- wp_get_attachment_image_src() width and height boolean
- What tags should be used for themes to show the type of layout?
- enqueue_style is not working
- Custom CSS without css.php file
- Dequeue a style file which is making website load slow!