Abstract:In 2023, images on the web make up 41% of transmitted data, significantly impacting the performance of web apps. Fortunately, image formats like WEBP and AVIF could offer advanced compression and faster page loading, but may face performance disparities across browsers. Therefore, we conducted performance evaluations on five major browsers - Chrome, Edge, Safari, Opera, and Firefox - while comparing four image formats. The results indicate that the newer formats exhibited notable performance enhancements across all browsers, leading to shorter loading times. Compared to the compressed JPEG format, WEBP and AVIF improved the Page Load Time by 21% and 15%, respectively. However, web scraping revealed that JPEG and PNG still dominate web image choices, with WEBP at 4% as the most used new format. Through the web scraping and web performance evaluation, this research serves to (1) explore image format preferences in web applications and analyze distribution and characteristics across frequently-visited sites in 2023 and (2) assess the performance impact of distinct web image formats on application load times across popular web browsers.
What problem does this paper attempt to address?
The main problem that this paper attempts to solve is to evaluate the usage of different web image formats in practical applications and their impact on web page loading performance. Specifically, the paper focuses on the following aspects:
1. **Explore the preference for image format selection in current web applications**:
- Researchers analyzed the distribution of image formats on 100,000 of the most popular websites through web crawling techniques. The results showed that JPEG and PNG are the most commonly used image formats, accounting for approximately 33% each, while the usage rates of newer formats such as WEBP and AVIF are relatively low, at 3.01% and 0.05% respectively.
2. **Analyze the characteristics of different image formats and their distribution on popular websites**:
- Researchers further analyzed the characteristics of these image formats, including bits per pixel (BPP), image size (width and height), etc. The results indicate that the WEBP format shows a higher frequency in the low - BPP range, which means it usually has a smaller file size with the same visual quality.
3. **Evaluate the performance of different image formats in web browsers**:
- To evaluate the impact of different image formats on web page loading time, researchers conducted performance tests on five mainstream browsers (Chrome, Edge, Safari, Opera, and Firefox). The test results showed that the newer image formats WEBP and AVIF significantly reduced the page load time (PLT) in all browsers, improving by 21% and 15% respectively. In contrast, the PNG format has the longest loading time, with a median of 1,943 milliseconds.
### Main contributions
1. **Analysis of image format preference and distribution**:
- By crawling and analyzing data from a large number of websites, researchers provided detailed information on image format selection in current web applications, revealing the dominance of JPEG and PNG and the low usage rates of WEBP and AVIF.
2. **In - depth analysis of image format characteristics**:
- In addition to format selection, researchers also analyzed the characteristics of images in different formats, such as BPP and size distribution, providing data support for understanding the practical applications of these formats.
3. **Performance evaluation**:
- Through performance tests on multiple browsers, researchers quantified the impact of different image formats on web page loading time, demonstrating the significant advantages of WEBP and AVIF in improving web page performance.
### Conclusion
This study not only provides a comprehensive overview of the current usage of web image formats but also experimentally proves the potential of newer formats (such as WEBP and AVIF) in improving web page loading speed. These findings are of great significance for optimizing the performance of web applications, reducing data transfer volume, and enhancing user experience.