Deliver images in modern layouts

Making a website load faster is an important step in improving SEO. One possible piece of advice to achieve this includes Lever graphics in modern layouts. What is Lever graphics in modern layouts and why is it so important? I answer these questions and also provide you with actionable advice.

What is Lever graphics in modern layouts?

Deliver images in modern layouts is advice you may get when analyzing a Web site. It says something about the file size of an image and helps improve the loading speed on your site.(1)

The importance of modern layouts for images

There are several file formats you can use to save an image on your website, such as PNG, JPEG, WebP and more. Saving photos in a certain file size greatly affects the speed of a page. Certain formats are larger in file size and this is therefore detrimental to your website: it may take longer for everything to load. JPEG files have a smaller file size than PNG, and therefore it is smart to avoid PNG when using images for your website.

Other image formats such as JPEG 2000, JPEG XR and WebP offer better compression than both JPEG and PNG. This means faster downloads and less data consumption: both good for your website’s loading speed.

The impact of Lever images in modern layouts on SEO

Deliver images in modern layouts is sure to impact the SEO of a website or page. A search engine like Google certainly pays attention to the speed of a page: this makes a site attractive for a higher position in search results. Adjusting image file formats may reduce data consumption and load time. This is certainly an important part of an SEO strategy.

My advice

Have you used a program like Google PageSpeed Insights? Then chances are you’ve been advised Deliver images in modern layouts. How do you arrange this?

We recommend looking at the current file formats of your images and adjusting them. Are you using WordPress? Then a WebP file is not yet possible, it is recommended to install a plugin for this. Wix already offers the ability to load your images into WebP.

The most complete book on website speed

I’ve written so much about speeding up websites and everything involved that I like to divide it into different sections; general, tools, speed improvement points and tips. Feel free to see and consult all the links below to learn more about tools and tips for speeding up your website.

General

• What is the website speed
• Website speed: The division between marketing and development
• The influence of SEO on UX
• The influence of web design on SEO
• SPAs and SEO
• What are the Google Core Web Vitals?

Tools

• Autoptimize
• Pagespeed.Compare
• W3 Total Cache
• Tools Pingdom
• Google Pagespeed Insights
• GTMetrix

Verbter points for speed

• First Contentful Paint (FCP)
• Time To First Byte (TTFB).
• Time To Interactive (TTI).
• Image for Largest view with content (LCP) preloaded
• Enable text compression
• Reduce the CSS
• Total Blocking Time (TBT).
• Speed Index
• Reduce JavaScript
• Largest Contentful Paint
• Avoid an overly large DOM
• Delete unused CSS
• Remove unused JavaScript
• Connect in advance to required origins
• Preventing obsolete JavaScript from being delivered to modern browsers
• Use an efficient cache policy for static items
• Remove duplicate modules from JavaScript
• Avoid multiple redirects
• Encode images efficiently
• Use lazy loading
• Load important requests in advance

General tips

• Tips for quickly loading a video
• Using Edge SEO for a faster website
• Installing a Content Delivery Network for SEO
• Optimizing images for SEO
• The influence of hosting on SEO