This document provides details for an academic task assignment on the course "Web Performance Optimization". It includes the course code, date assigned, maximum marks, and type of task which is listed as a practical CA (continuous assessment).
The task asks students to evaluate the performance of their own website using various metrics like FCP, LCP, TFB and load time. They are then asked to implement specific image optimization techniques like using image sprites, converting images to WebP format, and using the <picture> element to target different image formats for different screen sizes. Finally, students must perform a comparative analysis of the unoptimized versus optimized website.
This document provides details for an academic task assignment on the course "Web Performance Optimization". It includes the course code, date assigned, maximum marks, and type of task which is listed as a practical CA (continuous assessment).
The task asks students to evaluate the performance of their own website using various metrics like FCP, LCP, TFB and load time. They are then asked to implement specific image optimization techniques like using image sprites, converting images to WebP format, and using the <picture> element to target different image formats for different screen sizes. Finally, students must perform a comparative analysis of the unoptimized versus optimized website.
This document provides details for an academic task assignment on the course "Web Performance Optimization". It includes the course code, date assigned, maximum marks, and type of task which is listed as a practical CA (continuous assessment).
The task asks students to evaluate the performance of their own website using various metrics like FCP, LCP, TFB and load time. They are then asked to implement specific image optimization techniques like using image sprites, converting images to WebP format, and using the <picture> element to target different image formats for different screen sizes. Finally, students must perform a comparative analysis of the unoptimized versus optimized website.
Date of allotment: 01-03-2024 Course title: Web Performance Optimization
Date of submission: 01-03-2024 Maximum Marks: 50 (J/E-25 and Viva-25) Academic Task Type: Practical CA
Question Question Statement Course Bloom’s Marks
Number Outcome level per Question Let's say you're developing your own website that contains multimedia items Q1. including many images. CO1 L3: Apply 25 Pre-optimization activities: CO2 L4: Analyze 1. Evaluate the performance of your website on various performance metrics i.e. FCP, LCP, TFB, Full Load time, waiting time etc (use the screenshots to show the performance parameter optimization) using developer tool or google page-insight and record the data in report. Your website visitors may use both desktop and mobile devices. So, implement following image optimization techniques to improve your website performance- 1. Employ image sprites. 2. Convert different images in WebP format and replace on website. 3. Use <picture> element to target different file format on different screen sizes. 4. Perform the comparative Analysis of website (Unoptimized Vs Optimized)