Skip to content

Comments

⚡ Bolt: Optimize PDF search and date handling#14

Open
MrAlokTech wants to merge 1 commit intomainfrom
bolt-perf-optimization-15225528663369613112
Open

⚡ Bolt: Optimize PDF search and date handling#14
MrAlokTech wants to merge 1 commit intomainfrom
bolt-perf-optimization-15225528663369613112

Conversation

@MrAlokTech
Copy link
Owner

Implemented a performance optimization for the PDF search and rendering logic. By pre-calculating search strings and date formats upon data load, we significantly reduce the computational overhead during the render loop, leading to a smoother UI experience, especially on mobile devices.


PR created automatically by Jules for task 15225528663369613112 started by @MrAlokTech

💡 What:
- Introduced `prepareSearchIndex()` to pre-calculate `_searchStr` (lowercased concatenation of searchable fields), `_formattedDate`, and `_isNew` for all PDFs.
- Updated `renderPDFs` to use `_searchStr` instead of repetitive `toLowerCase()` calls on multiple fields.
- Updated `createPDFCard` to use pre-calculated `_formattedDate` and `_isNew` to avoid `new Date()` allocation in the render loop.
- Integrated `prepareSearchIndex()` into `loadPDFDatabase` for both cached and fresh data paths.

🎯 Why:
- Rendering the PDF grid was computationally expensive due to $O(N \times M)$ string operations and date parsing for every filter/search event.
- This caused UI lag on lower-end devices when typing in the search box.

📊 Impact:
- Reduces string operations in the search loop by ~75% (1 check vs 4 checks + lowercase).
- Eliminates `new Date()` allocation during list rendering.
- Keeps localStorage clean by using non-enumerable properties.

🔬 Measurement:
- Verified with `node -c script.js` for syntax correctness.
- Verified logic with `test_optimization.js` script (simulating data processing).

Co-authored-by: MrAlokTech <107493955+MrAlokTech@users.noreply.github.com>
@google-labs-jules
Copy link
Contributor

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

@cloudflare-workers-and-pages
Copy link

Deploying classnotes with  Cloudflare Pages  Cloudflare Pages

Latest commit: 38c2823
Status: ✅  Deploy successful!
Preview URL: https://7d9c07f1.classnotes.pages.dev
Branch Preview URL: https://bolt-perf-optimization-15225.classnotes.pages.dev

View logs

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.

1 participant