openfoodfacts/openfoodfacts-server

Edit product page freezes for complex products

Open

#6,222 opened on Dec 25, 2021

View on GitHub
 (3 comments) (0 reactions) (0 assignees)Perl (236 forks)batch import
JavaScriptgood first issue⏰ Stale🚅 Performance

Repository metrics

Stars
 (477 stars)
PR merge metrics
 (Avg merge 15d 21h) (157 merged PRs in 30d)

Description

What

  • Opening the edit page for products with multiple languages and images freezes the page for several minutes before it becomes responsive again

To Reproduce

  1. Log in to https://world.openfoodfacts.org/
  2. Open https://world.openfoodfacts.org/cgi/product.pl?type=edit&code=3274080005003
  3. Try to click on any field

Expected behavior

Page to be responsive withing 30 seconds

Screenshots

Screenshot_2021-12-25_16-11-38 Screenshot_2021-12-25_16-12-56

Additional context

JS Heap grew up to 145 169 532.

Browser version

Chrome Version 96.0.4664.110 (Official Build) (64-bit)

Part of

  • #8764

Contributor guide

Research direction
Profile the JavaScript heap using Chrome DevTools to identify memory leaks or excessive DOM manipulation. Check the product data loading logic and consider lazy loading or pagination for complex products.
Tech stack
perljavascript
Domain
frontendbackend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
4
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitJavaScript debuggingbasic performance profiling
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40