Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

GitAuto: A performance of a page (/settings/integrations/jira) is too slow. #134

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

gitauto-for-dev[bot]
Copy link

Resolves #133

Why the bug occurs

The /settings/integrations/jira page is experiencing performance issues due to inefficient data fetching and rendering processes. Specifically, large datasets are being loaded without proper pagination or lazy loading, leading to increased load times. Additionally, some API endpoints related to Jira integrations are not optimized, causing slower response times from the server.

How to reproduce

  1. Navigate to the /settings/integrations/jira page in the application.
  2. Observe the extended loading time before the page becomes interactive.
  3. Monitor network requests to identify any slow or unoptimized API calls.
  4. Check the browser's performance tab to see rendering bottlenecks.

How to fix

  • Implement Pagination and Lazy Loading: Modify the data fetching logic to load Jira integrations in smaller chunks rather than all at once. This can significantly reduce initial load times.

  • Optimize API Endpoints: Review and optimize the backend API endpoints related to Jira integrations. Ensure that queries are efficient and indexes are properly used in the database.

  • Use Memoization Techniques: Apply memoization in React components to prevent unnecessary re-renders of components that depend on Jira integration data.

  • Enable Server-Side Rendering (SSR): Consider implementing SSR for the Jira integrations page to improve initial load performance and SEO.

  • Profile and Monitor Performance: Utilize profiling tools to identify specific bottlenecks in the frontend and backend. Continuously monitor performance metrics to ensure improvements are effective.

  • Code Splitting: Implement code splitting for the Jira integrations module to ensure that only necessary code is loaded when the page is accessed.

By addressing these areas, the performance of the /settings/integrations/jira page should improve, providing a smoother and faster user experience.

Test these changes locally

git checkout -b gitauto-wes/issue-133-20241213-154356
git pull origin gitauto-wes/issue-133-20241213-154356

Copy link

vercel bot commented Dec 13, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
gitauto-website ✅ Ready (Inspect) Visit Preview 💬 Add feedback Dec 13, 2024 7:09am

Copy link

gitauto.ai%2F

Before (main) After (this branch)

Copy link

gitauto.ai%2Fblog

Before (main) After (this branch)

Copy link

gitauto.ai%2Fsettings%2Fintegrations%2Fjira

Before (main) After (this branch)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants