Chào ae,
Cả tuần nay mình mò mẩn và fix lỗi để giảm giá trị LCP, nhưng vẫn chưa ổn. Ae có thể chia sẻ tí kinh nghiệm tối ưu LCP ko?
Hiện tại, mình có site lên tốt và muốn tối ưu LCP chi site này trên mobile (vì desktop thì giá trị này good).
Tài liệu mình tham khảo:
https://web.dev/optimize-lcp/
Chỉ số LCP với mobile hiện tại theo Google Search Console thuộc dạng "Cần cải thiện", cụ thể là hơn 2.5s
Theo PageSpeed Insights thì
Như thế, tạm kết luận site mình có thời gian phản hồi quá chậm và cần tối ưu ảnh, mình chưa thể dùng webp vì lượng ảnh cũng nhiều nên thực hiện việc này rất tốn thời gian. Do đó, mình tập trung tìm hiểu tối ưu tốc độ phản hồi trang web.
Thông tin sơ lược về web này:
1. Server Hetzner đặt tại Finland.
2. Mình đã cấu hình Rules trên Cloudflare để thực hiện page cache 7 ngày cho các html page và 30 days cho các static files (css, js, images,...), cụ thể:
Browser Cache TTL: 8 days, Cache Level: Cache Everything, Edge Cache TTL: 7 days
3. Trong Cloudflare, tại chức năng Speed, mình đã bật hết các chức năng có thể, trừ 2 tính năng: Polish và Mirage.
4. Về code, trước khi chạy production, mình bật chức năng debug của CodeIgniter thì tốc độ xử lý chỉ trong khoảng 200-300ms, nhưng bây giờ lượng bots lớn và người dùng nhiều hơn thì ko biết giá trị tăng lên ở mức nào do mình ko thể bật debug của CodeIgniter lúc này.
Mình đang tìm hiểu Workers của Cloudflare vì mình mong muốn cache html page trước khi người dùng và bots vào site luôn, khi đó bots hay người dùng vào site thì được phản hồi cached html nên chắc chắn sẽ nhanh hơn.
Nhờ ae tư vấn mình cần nghiên cứu gì thêm nữa để tối ưu giá trị LCP này.
Xin cám ơn ae,
