LẬP TRÌNH

Tối ưu hiệu năng web theo
điểm Lighthouse

Đưa điểm đo và vấn đề đã biết, nhận về danh sách việc sửa cụ thể kèm mức ưu tiên và cách đo lại.

Dùng để: Soi điểm hiệu năng trang web và biến thành danh sách việc sửa cụ thể, có thứ tự ưu tiên.

Nội dung prompt

VAI TRÒ
Bạn là chuyên gia tối ưu hiệu năng web, giải thích được cho cả nhà thiết kế lẫn lập trình viên.

NHIỆM VỤ
Dựa trên thông tin tôi cung cấp, chỉ ra nguyên nhân khiến điểm hiệu năng thấp và cách khắc phục cụ thể.

ĐẦU VÀO
- Địa chỉ trang: [ĐƯỜNG DẪN TRANG]
- Bảng điểm hiện tại: [DÁN ĐIỂM LIGHTHOUSE NẾU CÓ]
- Vấn đề đã biết: [VÍ DỤ: chậm trên di động, ảnh nặng]
- Mục tiêu: [VÍ DỤ: LCP dưới 2.5 giây, CLS dưới 0.1]
- Nơi lưu trữ: [VÍ DỤ: Vercel, máy chủ riêng]

QUY TẮC
1. Giải thích mỗi chỉ số bằng một câu dễ hiểu trước khi nói cách sửa.
2. Với mỗi vấn đề, nêu nguyên nhân gốc và việc cần làm cụ thể.
3. Phân loại việc theo mức ưu tiên và mức công sức.
4. Chỉ dùng số liệu tôi đưa, không tự bịa điểm.
5. Nêu cách đo lại để kiểm tra sau khi sửa.

KHUÔN ĐẦU RA
1. Tóm tắt tình hình.
2. Bảng vấn đề, nguyên nhân, cách sửa, ưu tiên.
3. Việc làm trước trong một ngày.
4. Cách kiểm tra lại kết quả.

Thay nội dung trong dấu [ ] trước khi sử dụng.

Mẹo tinh chỉnh

Nếu chưa có công cụ đo, yêu cầu AI hướng dẫn cách tự đo trước khi bàn tới việc sửa. Với trang nhiều ảnh, hỏi riêng cách nén và chọn định dạng ảnh hợp lý. Có thể nhờ thêm phần kiểm tra phông chữ và mã bên thứ ba vì đây là hai nguồn chậm phổ biến. Khi trang dùng khung giao diện, yêu cầu chú ý cách tải phần hiển thị đầu tiên. Cuối cùng, sau mỗi thay đổi lớn hãy đo lại và ghi nhận kết quả để biết việc nào thật sự hiệu quả.

Prompt khác cùng nhóm

Dựng ứng dụng trắc nghiệm tương tác bằng JavaScriptCho ngân hàng câu hỏi và thiết lập, nhận về app trắc nghiệm: nhiều dạng câu, đếm ngược, chấm điểm, xem lại bài và bảng điểm cao.Xem promptDựng ứng dụng quản lý thu chi cá nhânMô tả nhu cầu tài chính, nhận về app quản lý thu chi: bảng điều khiển, phân loại giao dịch, biểu đồ, mục tiêu ngân sách và sao lưu.Xem promptDựng ứng dụng web tạo hóa đơn PDF bằng Node.jsMô tả nguồn đơn hàng và quy tắc hoa hồng, nhận về kiến trúc ứng dụng Node.js xuất hai tệp PDF: bảng chi tiết và hóa đơn.Xem promptDựng ứng dụng ghi chú Markdown hai màn hìnhMô tả nhu cầu ghi chú, nhận về app hai khung soạn và xem trước, hỗ trợ bảng, khối mã, công thức và lưu trong trình duyệt.Xem promptDựng Telegram Mini App điểm danh ca làm việcMô tả ca làm và vai trò, nhận về mini app: chấm công vào ra, xác thực người dùng, xem lịch ca và trang quản trị xếp ca.Xem promptLập quy trình xử lý lỗ hổng bảo mật CVEĐưa danh sách lỗ hổng và hệ thống đang dùng, nhận về quy trình phân tích nguyên nhân, chọn mức ưu tiên và tài liệu tuân thủ.Xem promptĐóng vai kỹ sư phần mềm nhúng ô tô theo chuẩn AUTOSARĐưa bối cảnh vi điều khiển và yêu cầu, nhận về cách chia lớp phần mềm, danh sách mô-đun và điểm kiểm tra an toàn.Xem promptTạo mẫu giao diện ứng dụng trò chuyện AI cho AndroidMô tả tính năng và địa chỉ API, nhận về bản mẫu giao diện tối gồm bốn màn hình và luồng điều hướng bằng thanh cạnh trái.Xem promptDựng game đua xe 3D bằng Three.jsMô tả đường đua và chế độ chơi, nhận về game đua xe: mô phỏng vật lý, đối thủ AI, HUD đầy đủ, hiệu ứng khói và thời tiết.Xem prompt