![]() ![]() Image optimization + CDNĪ CDN (Content Delivery Network) is a remote server that can host your images so that some of the traffic to your server is alleviated. This in combination with WebP means that your images will be much less of a burden when the browser is trying to get to the ‘DOMContentLoaded’ event (The point at which the page is displayed). this way resources can be loaded more quickly by focusing on only what’s needed currently. ![]() Lazy loading is a method by which images are served only when they’re scrolled into the users viewport.įor instance, if a user visits a page with 10 images on it, only the ones that are at the top of the page will be loaded initially, followed by the ones further down when the user scrolls them into view. Noting that the vast majority of users on the internet use Chrome as their default browser, this can lead to a tremendous decrease in load time for your users. WebP is supported by Google Chrome and Opera. It’s usually 26% smaller than its PNG counterpart and provides lossless/lossy compression. Using a CDN to serve images from to alleviate the traffic to yours.įirst off, WebP is an image format specifically designed for the internet.Using Lazy Load to serve only images that are in the users view port, thus decreasing server load.Piio is a Javascript Library that can be included in your website to optimize images in the following ways: How does image optimization help my website?
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |