Remove tag breakpoints
article thumbnail

Search Engine Optimization Checklist (PDF)

Smashing Magazine

Use the right tags in the right places, make sure headings are arranged logically. A blog post with relevant images, audio clips, and an embedded video is likely to be more engaging than a plain text blog post. Responsive Image Breakpoint Generator by Cloudinary. This is the internet; you can do just about anything.

article thumbnail

The Humble ` ` Element And Core Web Vitals

Smashing Magazine

If using 11ty for your static sites, try the 11ty high-performance blog template. This is an empty element — it has no closing tag — requiring a minimum of one attribute to be helpful: src , the source. This typically corresponds to the page’s responsive breakpoints. A handy overview on Cloudinary blog.

Media 145
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

web-vitals library can collect and send Core Web Vitals to Google Analytics, Google Tag Manager or any other analytics endpoint. So, if your year-over-year web performance metrics stay stable, that's usually a warning sign as you're actually regressing as the environment keeps improving ( details in a blog post by Gilles Dubuc ).