Meeds-io / meeds

The Meeds Association provides its members with an employee recognition software implementation. The employee recognition software is fueled by the Meeds ERC-20 tokens.
https://meeds.io
GNU Lesser General Public License v3.0
281 stars 8 forks source link

Enhancement Suggestion: Optimizing Core Web Vitals for Improved User Experience #2266

Closed Abuteslimah99 closed 2 months ago

Abuteslimah99 commented 2 months ago

Is your feature request related to a problem? Please describe. As a dedicated contributor, I find this oversight somewhat frustrating, as it impacts both the user experience and the effectiveness of my contributions.

Current Challenge: Core Web Vitals are essential metrics defined by Google to assess the quality of user experience. They include: Largest Contentful Paint (LCP): Measures loading performance. First Input Delay (FID): Measures interactivity. Cumulative Layout Shift (CLS): Measures visual stability.

The absence of optimization in these areas often leads to slow loading times, delayed interactivity, and unexpected layout shifts. This not only frustrates visitors but also diminishes the overall impact of the content I and others contribute, as users are less likely to engage with a site that performs poorly.

Describe the solution you'd like To address this issue, I respectfully suggest that we prioritize optimizing our Core Web Vitals. This can be achieved through the following steps: Improving LCP: By optimizing server response times, using a Content Delivery Network (CDN), and optimizing images and other large assets. Reducing FID: By minimizing JavaScript execution time, breaking up long tasks, and optimizing third-party scripts. Enhancing CLS: By using set size attributes for images and videos, and ensuring that content is not added dynamically above existing content.

Describe alternatives you've considered While optimizing Core Web Vitals is the most comprehensive solution, some alternatives could include: Implementing Lazy Loading: To defer offscreen content loading, improving initial load times. Asynchronous Loading of JavaScript: To prevent render-blocking. Using Static Content: Where possible, to reduce server processing times.

Additional context Core Web Vitals have become a crucial ranking factor for Google, affecting our site's visibility in search results. Moreover, a well-optimized website enhances user satisfaction, leading to higher engagement and retention rates. As contributors, our goal is to provide valuable content, and ensuring a smooth, responsive user experience is integral to achieving this.

srenault-meeds commented 2 months ago

Thanks. We already implement such practice. Thanks