Vấn đề
Bạn tốn hàng tuần tối ưu ảnh sản phẩm, nén CSS, bật lazy load, chọn theme nhẹ. PageSpeed lên được 85–90. Sau đó bạn cài một app menu mới — và điểm rớt xuống còn 55.
Đây là kịch bản rất phổ biến. Nhiều app menu trên thị trường được xây bằng framework JavaScript nặng, tải thêm font riêng, chèn script chạy ngay lúc page load, và không hỗ trợ lazy loading đúng cách. Một app menu kém tối ưu có thể thêm 1–2 giây vào thời gian tải trang — và thế là đủ để Google hạ rank, khách bỏ trang trước khi nó load xong.
"Tôi cài thử một app mega menu nổi tiếng — PageSpeed mobile của tôi từ 82 rớt xuống còn 48 chỉ sau một đêm. Gỡ ra thì lên lại. Thêm vào thì xuống. Phải tìm app khác nhẹ hơn."
— Một khách hàng của Navi+
Một app menu nặng xóa sổ mọi thứ bạn đã tối ưu
Tốc độ trang không chỉ ảnh hưởng đến trải nghiệm người dùng — nó ảnh hưởng trực tiếp đến doanh thu và thứ hạng tìm kiếm. Google sử dụng Core Web Vitals (LCP, FID/INP, CLS) như một yếu tố ranking. Và khách hàng thì không đợi — mỗi giây trễ thêm giảm khoảng 7% tỷ lệ chuyển đổi theo nhiều nghiên cứu.
App menu thường gây ra các vấn đề tốc độ sau:
- Render-blocking JavaScript — script của app chạy trước khi trang hiển thị nội dung, làm tăng LCP (Largest Contentful Paint)
- CSS thừa, không được tree-shaken — app tải toàn bộ stylesheet kể cả phần bạn không dùng
- Font riêng không được preload — gây layout shift (CLS) khi font swap
- Không lazy load được — menu được tải ngay lúc page load dù khách chưa mở menu
- Nhiều request HTTP thừa — mỗi request thêm là thêm latency, đặc biệt với khách dùng mạng chậm
Bạn đã làm đúng mọi thứ — chỉ là app menu chưa được xây đúng cách.
Navi+ xây nhẹ như thế nào?
Navi+ được xây từ đầu với tốc độ là ưu tiên số một — không phải thêm vào sau. Toàn bộ JavaScript được load theo kiểu deferred và lazy, CSS được tối ưu để chỉ tải phần cần thiết, và menu panel chỉ được render khi khách thực sự tương tác. Kết quả là PageSpeed gần như không thay đổi so với trước khi cài.
| Tiêu chí tốc độ | App menu thông thường | Navi+ Menu Builder |
|---|---|---|
| JavaScript blocking lúc page load | Có — làm tăng LCP | ✓ deferred, không block render |
| Lazy load menu panel | ✗ tải toàn bộ ngay | ✓ chỉ render khi cần |
| CSS tree-shaking | ✗ tải cả stylesheet | ✓ chỉ tải style đang dùng |
| Font thêm vào | Thường tải font riêng | ✓ dùng font của theme, không thêm |
| Ảnh hưởng đến PageSpeed Mobile | Giảm 15–30 điểm là bình thường | ✓ ảnh hưởng tối thiểu (<3 điểm) |
| Core Web Vitals sau khi cài | LCP tăng, CLS có thể xảy ra | ✓ không thay đổi đáng kể |
Cách kiểm tra và chuyển sang
Trước khi cài Navi+, chạy PageSpeed Insights (pagespeed.web.dev) để lấy điểm baseline của store. Sau khi cài và cấu hình xong, chạy lại và so sánh. Hầu hết merchant không thấy sự thay đổi đáng kể — đó là mục tiêu.
Nếu bạn đang dùng app menu khác và nghi ngờ nó đang làm chậm store, thử gỡ tạm (hoặc disable) rồi chạy PageSpeed để xác nhận. Nếu điểm tăng đáng kể sau khi gỡ — bạn tìm đúng nguyên nhân rồi. Cài Navi+ thay thế và chạy lại để so sánh.
Toàn bộ quá trình migrate từ app menu cũ sang Navi+ — import cấu trúc menu, tùy chỉnh giao diện, kiểm tra trên cả desktop và mobile — thường mất 15–30 phút.
Menu mạnh, store nhanh — cài Navi+ và test PageSpeed ngay
Cài đặt miễn phí — không cần thẻ tín dụng, không làm chậm store, hoạt động trong vài phút.
Bắt đầu miễn phí