smallest breakpoint image served
-
i have my breakpoints set to 368, 460 and 750(750 being the actual size of the content area) and the content container set to .entry-content. Excluding the featured image up top, the plugin is serving the smallest version across all images within the post.
live example on my blog
notice the 3rd image down beneath the “hart island today” header …. the original is 600+ pixels wide and aligned center. Hammy is serving the smallest version of the image on a full sized monitor and aligning it to the left.here’s another example
about 5 or 6 paragraphs down there’s an image of a map which should display full width of the container but instead is reducing to 368 and aligning left.I suspect I have the wrong container class set but have used inspector to try to find the correct value to no avail. Any insight would be appreciated.
But all that aside, the plugin is def working and doing what it promised. On posts/pages with galleries this thing has helped me gain nearly 25 points with google pagespeed insights on desktop and about 10 points on mobile due to the way wordpress gallery loads unscaled images upon initial page load. It(wp gallery) says (scaled from 750×420 to 368×229) but that’s just a visual scale to make the images fit the columns, while in reality the full sized versions are loaded in the background upon initial page load – which pagespeed insights doesn’t like at all. It see’s 368 images with the file sizes of 750’s. Bam, instant gig costing tons of precious speed points.
- The topic ‘smallest breakpoint image served’ is closed to new replies.