{"id":21548,"date":"2017-06-21T13:00:10","date_gmt":"2017-06-21T13:00:10","guid":{"rendered":"http:\/\/introducing_website_speed_test_an_image_analysis_tool_integrated_with_webpagetest"},"modified":"2024-06-04T15:53:42","modified_gmt":"2024-06-04T22:53:42","slug":"introducing_website_speed_test_an_image_analysis_tool_integrated_with_webpagetest","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/introducing_website_speed_test_an_image_analysis_tool_integrated_with_webpagetest","title":{"rendered":"Introducing Website Speed Test: An Image Analysis Tool Integrated with WebPagetest"},"content":{"rendered":"
\n

Because images dominate page weight, methodical image optimization can have a significant effect on conversions and user experience. And the performance tools you choose to use can have a powerful impact on how websites are built and maintained. One such popular open source tool is WebPagetest. It is designed to measure and analyze webpage performance, which is why Cloudinary chose to partner with our friends over there to launch Website Speed Test<\/a>.<\/p>\n

Website Speed Test<\/a> is an image analysis tool that provides detailed optimization insights beyond a simple compression check. The tool leverages Cloudinary\u2019s advanced algorithms to demonstrate how changes to image size, format, quality and encoding parameters can result in significant reductions in file size while maintaining perceived quality. In short, Website Speed Test shows the why and how of image optimization.<\/p>\n

Improved Image Analysis Using WebPagetest<\/a><\/h2>\n

Linked from a new Image Analysis<\/strong> tab, Cloudinary powers WebPagetest with robust image analysis capabilities, enabling you to receive valuable data and guidance on how to manage images and deliver an optimal user experience.<\/p>\n

\"Integration_with_WebPagetest\"<\/p>\n

How Website Speed Test Works<\/h2>\n

Advanced algorithms take into account many factors when examining images, including the exact content of an image and the need for responsive design. The resulting insights enable you to ensure that images are encoded correctly, optimized for performance and look their best regardless of bandwidth, viewing browser, device or viewport.<\/p>\n

At the top of the page, the report shows the total weight of images, potential compression and \u2018Page Image Score\u2019: a grade ranging from A-F. This grade is based on the image format used, fit between image resolution and the displayed size in the graphic design, and compression rate of all the images that were analyzed.<\/p>\n

\"Image_Analysis_Result\"<\/p>\n

The overview is followed by a detailed analysis of each image, with performance insights and recommendations for improvement.<\/p>\n

\"Detailed_Insights\"<\/p>\n

Left Tab \u2013 Current Image<\/h3>\n

Presents the current version of the image being analyzed along with its image score.<\/p>\n

Middle Tab \u2013 Optimized Image<\/h3>\n

Presents an optimized version of the image, using the same format as the original image, with the following adjustments:<\/p>\n