Khatra Tile

Khatra Tile là một doanh nghiệp lâu năm trong ngành gạch ốp lát tại Việt Nam, sở hữu tệp khách hàng gồm nhiều tập đoàn và doanh nghiệp lớn. Dự án được chia làm hai giai đoạn: tái cấu trúc và chuẩn hóa hệ thống trong năm 2025 (4 tháng), sau đó mở rộng tính năng module trong năm 2026 gồm Khatra Showcase (trải nghiệm 2D và 3D) và Perxel AI Translate.

Bối cảnh và bài toán tái kiến trúc

Chủ doanh nghiệp là người am hiểu kỹ thuật, đã tự tay xây dựng và trực tiếp vận hành hệ thống website trong nhiều năm. Việc duy trì một website doanh nghiệp hơn 10 năm, tích lũy kho dữ liệu lớn và giữ vững vị trí Top 1 SEO ngành gạch trong thời gian dài là một thành tựu đáng ghi nhận từ phía khách hàng.

Sau hơn 10 năm vận hành, website tích tụ gần 800 sản phẩm, hơn 14.000 hình ảnh cùng nhiều chuỗi mã rác (hardcoded strings) sinh ra bởi các page builder thế hệ cũ. Khi khối lượng dữ liệu vượt ngưỡng, hệ thống chưa được tối ưu về kiến trúc bắt đầu xuất hiện nhiều vấn đề: trang quản trị load chậm, tốc độ tải trang phía người dùng giảm và việc bổ sung tính năng mới trở nên phức tạp.

Mục tiêu tái cấu trúc năm 2025:

• Tái thiết kế và tái lập trình. Thực thi bản vẽ trên WordPress và WPBakery, đồng dạng với hệ thống cũ để giữ thói quen thao tác của khách hàng, nhưng toàn bộ mã nguồn theme được viết mới hoàn toàn.
• Giữ nguyên cấu trúc SEO. Bảo toàn cấu trúc đường dẫn (URL) và duy trì thứ hạng SEO của ngành gạch.

Giao diện mới của Khatra Tile trên desktop, tablet và mobile.

Chuẩn hóa dữ liệu và tối ưu hạ tầng (giai đoạn 1, năm 2025)

• Tự động hóa làm sạch dữ liệu bằng AI. Perxel dùng công cụ AI để quét và chuyển đổi hàng loạt nội dung của gần 800 sản phẩm sang định dạng mới, loại bỏ các chuỗi hardcode dư thừa do page builder cũ tạo ra mà giữ nguyên nội dung, cấu trúc văn bản và hình ảnh gốc.
• Tối ưu kho hơn 14.000 hình ảnh. Nén và chuẩn hóa lại toàn bộ kho ảnh tích lũy hơn 10 năm, giảm dung lượng lưu trữ mà vẫn giữ độ nét chi tiết bề mặt gạch.
• Tư vấn tối ưu chi phí hosting. Perxel tư vấn Khatra Tile chọn giải pháp hạ tầng hosting phù hợp với quy mô thực tế của website, loại bỏ các gói tài nguyên dư thừa và giảm chi phí vận hành hàng tháng.

Kết quả sau 4 tháng: trang quản trị load nhanh hơn, thao tác cập nhật bài viết và quản lý sản phẩm mượt hơn. Thứ hạng SEO và các từ khóa quan trọng trong ngành gạch được giữ ổn định. Về tốc độ, dữ liệu người dùng thật (CrUX) của cả domain đạt Core Web Vitals trên mobile: LCP 2,2 giây, INP 95 ms, CLS 0,02 (PageSpeed Insights, ngày 10/10/2026). Điểm lab bản mobile chỉ là 73, và lý do hai con số chênh nhau được giải thích trong bài PageSpeed Insights & Core Web Vitals. Trên mobile vẫn còn chỗ cải thiện: ảnh banner được script thay vào sau khi trang tải, và khoảng 10 ảnh trong slider cùng được đánh dấu ưu tiên tải cao.

Phần trên là dữ liệu người dùng thật của cả domain (đạt), phần dưới là một lượt đo lab (73 điểm).

Mở rộng tính năng và module hóa (giai đoạn 2, năm 2026)

Nhờ bộ codebase được quy hoạch tinh gọn từ năm 2025, việc bổ sung các tính năng nâng cao trong năm 2026 diễn ra thuận lợi. Cả hai tính năng dưới đây đều được đóng gói dưới dạng custom plugin độc lập.

Plugin "Khatra Showcase" (trải nghiệm 2D và 3D)

• 3D native. Từ gallery sản phẩm, người xem mở trình xem 3D để thấy viên gạch với texture thật dưới ánh sáng, rồi chuyển giữa góc chính diện, cận chi tiết và cạnh bên để thấy độ dày và cạnh vát. Perxel phát triển trình hiển thị 3D bằng Three.js thay vì nhúng trình xem 3D từ bên thứ ba. Nhờ đó giao diện 3D đồng bộ hoàn toàn với UI hiện có của website và không kéo theo mã nguồn dư thừa.
• Module hóa. Toàn bộ tính năng tương tác ảnh 2D (GSAP) và xem sản phẩm 3D được đóng gói độc lập trong plugin Khatra Showcase. Khách hàng có thể cài đặt hoặc gỡ bỏ bất kỳ lúc nào mà không ảnh hưởng đến các chức năng cốt lõi.

Bấm Xem 3D trên trang sản phẩm, trình xem mở viên gạch ở góc chính diện, sau đó chuyển sang góc cận chi tiết và cạnh bên.

Plugin "Perxel AI Translate" (dịch thuật quy mô lớn)

Bài toán là bổ sung phiên bản tiếng Anh cho gần 1.000 bài viết (800 sản phẩm, bài viết dự án, trang SEO, blog), tổng khối lượng khoảng 2,8 triệu từ.

• Giải pháp. Perxel xây dựng một plugin dịch thuật riêng theo tư duy module hóa, có thể tái sử dụng cho các dự án WordPress khác, Plugin gửi nội dung tới model Gemini 3.7 Flash qua OpenRouter, nên có thể đổi sang model khác khi cần. Sau dự án, plugin được phát hành mã nguồn mở với tên Perxel AI Translate.
• Thực thi. Thao tác dịch tự động toàn bộ 2,8 triệu từ chỉ qua hai cú click trên giao diện và hoàn tất trong một ngày xử lý.
• Chi phí. Tổng chi phí API cho 2,8 triệu từ khoảng 200.000 VNĐ. Theo tính toán chi phí của dự án, con số này rẻ hơn khoảng 600 lần so với việc mua credit AI của plugin WPML cho cùng dung lượng.

Trước khi chạy, plugin ước tính số từ và chi phí của từng bài.

Kết quả

Case study Khatra Tile cho thấy cách Perxel xử lý các hệ thống web có quy mô dữ liệu lớn: tôn trọng cấu trúc SEO và thói quen quản trị đã hình thành trong hơn 10 năm, chọn giải pháp hosting hợp lý, giải quyết các nghẽn kỹ thuật ở gốc để việc mở rộng tính năng về sau diễn ra nhanh, và đóng gói công cụ AI thành các module hữu ích cho việc làm sạch dữ liệu và dịch thuật quy mô lớn. Nền tảng của cả dự án là một WordPress custom theme viết mới, và cách Perxel chọn lọc plugin đi kèm được nêu trong ghi chú về plugin WordPress.