ArkProjectNFTs / ark-market

Clean and simple ArkProject marketplace starter repo using the T3 Stack & Turbo repo
https://market.arkproject.dev
MIT License
8 stars 8 forks source link

feat: web perf review #168

Open gershon opened 1 month ago

gershon commented 1 month ago

Describe the feature you'd like to request

We should make a web performance review and optimize what can be.

Describe the solution you'd like to see

Use Lighthouse or other tools to detect perf issues and fix them.

Additional information

No response

stephanniegb commented 1 month ago

Hey @gershon , I would love to work on this.

stephanniegb commented 1 month ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I’m Stephanie, a frontend engineer, and I would love to help improve the performance of your web application.

How I plan on tackling this issue

I will start by running a detailed performance audit using Lighthouse to identify issues such as large assets, render-blocking resources, and layout shifts. Once identified, I will compress images to WebP, defer non-critical JavaScript and CSS, optimize layout shifts by defining dimensions and improving font loading, and enhance accessibility by addressing alt text, contrast, and keyboard navigation issues, along with other improvements based on the audit report.

raizo07 commented 1 month ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hello I'll like to be assigned to work on this.

I'm a software Dev with over four years experience and have worked on a couple of projects here.

How I plan on tackling this issue

Here is my profile https://app.onlydust.com/u/raizo07

NueloSE commented 1 month ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I have experience in web development and web optimization, with a strong understanding of front-end technologies and performance best practices. My familiarity with tools like Lighthouse enables me to effectively assess and enhance website performance, ensuring that I can contribute valuable insights and solutions to this task. kindly assign me ETA <= 78hrs

How I plan on tackling this issue

To address the request for a web performance review, I will begin by using tools like Lighthouse to analyze the current performance of the website. Here are the steps I plan to follow:

Run Performance Audits: I will utilize Lighthouse to conduct performance audits on the website, focusing on metrics like loading speed, interactivity, and visual stability. Identify Issues: I will carefully review the results to identify specific performance issues, such as large image sizes, inefficient JavaScript, or excessive network requests. Implement Optimizations: Based on the findings, I will implement optimizations like image compression, code minification, lazy loading, and caching strategies. Re-Test and Validate: After making changes, I will re-run Lighthouse to validate improvements and ensure that the performance metrics have enhanced.

ooochoche commented 1 month ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am a Front-End Developer

How I plan on tackling this issue

I will conduct a detailed audit using tools like Google Lighthouse to analyze metrics such as loading time, interactivity, and visual stability.

I will generate a report highlighting specific issues with recommendations for improvements, prioritizing fixes based on their potential impact.

I will collaborate with the development team to implement suggested optimizations, including image compression, code minification, and lazy loading of assets.

I will establish a regular schedule for performance reviews to ensure continued optimization and adapt to changing web standards.

GoSTEAN commented 1 month ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I have experience in web development and performance optimization, utilizing tools like Google Lighthouse to identify and resolve performance issues.

How I plan on tackling this issue

Run a performance audit using Lighthouse. Identify key performance issues (e.g., large images, render-blocking scripts). Implement optimizations such as image compression and code minification. Re-audit to measure improvements. Document changes for future reference.

raizo07 commented 1 month ago

@gershon Acknowledged.