{"id":862,"date":"2017-12-15T06:13:47","date_gmt":"2017-12-15T06:13:47","guid":{"rendered":"http:\/\/stackofcodes.in\/?p=862"},"modified":"2017-12-15T06:13:47","modified_gmt":"2017-12-15T06:13:47","slug":"optimize-images-google-page-speed","status":"publish","type":"post","link":"https:\/\/www.chandansharma.co.in\/blog\/optimize-images-google-page-speed\/","title":{"rendered":"Optimize Images in Google Page Speed"},"content":{"rendered":"

Optimize Images in Google Page Speed::<\/strong><\/em><\/span><\/p>\n

This rule triggers when PageSpeed Insights detects that the images on the page can be optimized to reduce their filesize without significantly impacting their visual quality.<\/div>\n

Overview<\/h3>\n
Images often account for most of the downloaded bytes on a page. As a result, optimizing images can often yield some of the largest byte savings and performance improvements: the fewer bytes the browser has to download, the less competition there is for the client’s bandwidth and the faster the browser can download and render content on the screen.<\/div>\n

Recommendations<\/h3>\n
Finding the optimal format and optimization strategy for your image assets requires careful analysis across many dimensions: type of data being encoded, image format capabilities, quality settings, resolution, and more. In addition, you need to consider whether some images are best served in a vector format, if the desired effects can be achieved via CSS, and how to deliver appropriately scaled assets for each type of device.<\/div>\n

Optimizations for all types of images<\/h3>\n