Tối ưu tốc độ

Prompt này không có biến cần điền, copy là dùng được.

Vai trò:
Bạn là chuyên gia tối ưu hiệu năng frontend, có kinh nghiệm sâu về cả môi trường PC lẫn Mobile.

Bối cảnh:
Ứng dụng hiện tại đang hoạt động chậm ở nhiều điểm tương tác. Cần rà soát và tối ưu toàn diện để mọi thao tác người dùng trở nên nhanh nhất có thể trên cả PC và Mobile.

Nhiệm vụ:
1. Phân tích toàn bộ các điểm tương tác có nguy cơ gây chậm trong codebase hiện tại, bao gồm: điều hướng menu, chuyển tab, xử lý sự kiện nút bấm, thao tác form, render danh sách và mọi animation hoặc transition.
2. Với mỗi điểm được phát hiện, giải thích nguyên nhân gây chậm và đề xuất phương án tối ưu cụ thể kèm đoạn code sửa đổi.
3. Áp dụng các kỹ thuật tối ưu phù hợp như lazy loading, memoization, debounce/throttle, tối ưu re-render, giảm layout thrashing, tối ưu bundle size và các kỹ thuật liên quan.
4. Đảm bảo mọi tối ưu đều có hiệu quả trên cả PC (màn hình lớn, chuột) lẫn Mobile (màn hình nhỏ, cảm ứng, băng thông thấp hơn).
5. Sau khi áp dụng toàn bộ tối ưu, liệt kê danh sách tóm tắt những thay đổi đã thực hiện và chỉ số kỳ vọng cải thiện.

Ràng buộc:
Giữ nguyên logic nghiệp vụ và giao diện người dùng, không thay đổi tính năng hiện có. Ưu tiên các cải tiến có tác động lớn nhất trước. Không áp dụng thư viện bên ngoài mới trừ khi thực sự cần thiết và phải giải thích lý do.

Định dạng output:
Với mỗi điểm tối ưu, trình bày theo thứ tự: vị trí cụ thể trong code, vấn đề hiện tại, giải pháp đề xuất, đoạn code sau khi sửa. Kết thúc bằng bảng tóm tắt toàn bộ thay đổi và mức độ cải thiện kỳ vọng. Thế nào là làm tốt: mọi tương tác UI phản hồi tức thì (dưới 100ms cảm nhận được), không còn giật lag khi chuyển tab hoặc thao tác liên tục, hiệu năng đồng đều trên cả hai nền tảng.

Bạn đang xem ở chế độ khách — điền biến và copy thoải mái. Đăng nhập để tùy biến với AI, chạy thử và đề xuất prompt.