Synopsis
As we connect to the world through devices which can have both limited processing power and bandwidth it is important that web page load is as fast as it can be against those criteria. Even viewing web pages on modestly powered desktops and tablets, the user experience and expectation that they will be able to use the page as soon as possible is now here. Gone are the days of understanding the communication hardware had its limitations and accepting that as the reason for slow page load.
A big part of the bandwidth of a page can be in its pictorial elements. But not the processing element as that is relatively fast when compared to any scripts (even if they are smaller). Having images that are both small and of sufficient quality for any given device is the key.
There is now a means of delivering device specific image resolutions ‘srcset’ (see: css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset ) but that is not what this post is about. This is about a new image format ‘WebP’ that looks to replace other image formats traditionally used on web pages.
Link
Post link on eLearningWorld: WebP .