# A Comprehensive Examination of the WebP utilizing JavaScript and React Library > Tahir Z. URL kanonis: https://discover.unhas.ac.id/publications/a-comprehensive-examination-of-the-webp-utilizing-javascript-and-react-library Jurnal / Konferensi: Proceeding Comnetsat 2023 IEEE International Conference on Communication Networks and Satellite Tahun terbit: 2023 DOI: https://doi.org/10.1109/COMNETSAT59769.2023.10420659 Citations: 2 ## Authors - Tahir Z. ## Abstract The performance of webpage loading is a significant determinant of user comfort during website visits. Websites with huge image file sizes can negatively impact website speed, resulting in longer loading times for the website. Hence, it is imperative to develop a method for optimizing the image in order to get a reduced file size. One potential method for enhancing picture optimization is converting the image format to Web Picture (WebP). The picture format in question possesses the capability to decrease image sizes while maintaining image quality, hence enhancing web performance in terms of speed. This study aims to assess the use of images in the WebP format on websites that employ JavaScript and the React Library. Additionally, it seeks to compare the performance of images in the Photographic Experts Group (JPG) and Portable Network Graphics (PNG) formats. The findings of the study indicate that the utilization of the WebP format yields a reduced file size in comparison to the preceding picture formats, specifically JPG and PNG. Furthermore, the image quality of WebP is very similar to that of the aforementioned formats, while also exhibiting a decreased load time. When comparing the WebP format to the optimized JPG and PNG formats, with assuming that the file sizes are equal, the loading times for each picture formats are nearly same. In terms of image quality, the WebP format surpasses optimized JPG and PNG formats. ## Keywords - JavaScript - Computer science - Image file formats - File size - File format - World Wide Web - Graphics - Quality (philosophy) - Information retrieval - Multimedia - Image (mathematics) - Image quality - Web page - Database - Computer graphics (images) - Operating system - Artificial intelligence - Epistemology - Philosophy --- Sumber: Discover Unhas — RIMS Universitas Hasanuddin. Saat mengutip, gunakan DOI bila tersedia atau URL kanonis di atas.