Form dễ tiếp cận: những cách sửa quan trọng nhất
Control native, label và gợi ý có liên kết, lỗi rõ ràng, focus nhìn thấy được và kiểm thử thủ công: những cách sửa…
Blog
Kỹ thuật
Cách website và cửa hàng được xây và giữ cho nhanh: code, hiệu năng, gỡ lỗi và những cách sửa đã hiệu quả.
Các header bảo mật nên thiết lập đầu tiên
Bắt đầu với nosniff, HSTS và kiểm soát framing, rồi dùng Content-Security-Policy nghiêm ngặt ở chế độ report-only trước khi áp dụng thật.
Xử lý database WordPress chậm một cách an toàn
Tìm vài truy vấn quan trọng bằng Query Monitor, rồi sửa an toàn vòng lặp N+1, thiếu index, autoloaded option và truy vấn lặp.
Quy trình thực tế để tối ưu INP khi tương tác bị chậm
Tìm các tương tác làm hỏng điểm INP của bạn, rồi sửa bằng cách nhường main thread, gom thao tác DOM và giảm script.
Hiệu năng Liquid: viết template render nhanh hơn
Những thói quen nhỏ trong Liquid, từ đưa việc ra khỏi vòng lặp đến snippet nông, giúp giảm thời gian render, cùng các cải…
CSS container queries: mẫu dùng và những cái bẫy
Container query khác media query thế nào, một mẫu tối thiểu chạy được và những cái bẫy khiến lần thử đầu âm thầm thất…
Tối ưu ảnh LCP: mức ưu tiên và định dạng
LCP gồm bốn giai đoạn chứ không phải một. Giúp ảnh hero dễ được phát hiện, ưu tiên nó, đừng lazy-load, rồi chọn đúng…
HTTP caching headers: hiểu đúng để cache hoạt động
no-cache, no-store, s-maxage, immutable và stale-while-revalidate thực sự làm gì, cùng bộ header theo loại asset và cách debug CDN.
Giảm JavaScript bundle và script của bên thứ ba
Đo những gì bạn gửi đi, tách và import ít hơn, thay script bằng tính năng native, và giữ tag bên thứ ba không…
Quy trình lặp lại được để debug lỗi front-end
Từ kiểm tra DOM đến test case rút gọn: một trình tự bình tĩnh để lần ra các lỗi CSS và JavaScript cứng đầu,…
Có dự án cần làm mới hoặc làm lại? Gửi vài dòng mô tả. Chúng tôi trả lời kèm kế hoạch đề xuất.
Bắt đầu dự án