Tối ưu tốc độ tải (Slide & Mega menus)
Tại sao bạn cần làm điều này? Không phải Navi+ đã nhanh rồi sao?
Navi+ rất nhanh. Nó được triển khai hoàn toàn trên một CDN hàng đầu với độ trễ rất thấp (khoảng 100ms) và có thể phục vụ hàng triệu khách hàng mà không bị chậm lại.
Tuy nhiên, Navi+ vẫn hoạt động trong hệ sinh thái Shopify. Shopify có các quy tắc tải riêng:
- Shopify ưu tiên tải các tài nguyên của chính nó trước.
- Sau đó, Shopify tải nội dung chủ đề.
- Cuối cùng, Shopify tải nội dung ứng dụng, nhưng không theo bất kỳ thứ tự cụ thể nào.
Điều này có nghĩa là nếu bạn đang sử dụng nhiều ứng dụng, Navi+ có thể đôi khi được tải muộn hơn mong đợi. Đó là lý do tại sao nó có thể cảm thấy chậm hơn trong một số trường hợp.
Giải pháp của tôi là gì?
Hiện tại, Navi+ có ưu tiên cao khi tải trên các trang web Shopify. Tuy nhiên, vẫn có một độ trễ nhất định. Chúng tôi sẽ giải quyết những vấn đề này từng cái một ở đây:
Slide Menu: Thêm hiệu ứng tải và khóa bộ chọn kích hoạt
Rất đơn giản: chỉ cần nhập bộ chọn CSS mà bạn sử dụng cho Slide Menu vào phần nhúng của ứng dụng Navi+ (xem hình dưới).
Mega Menu (Chế độ thay thế): Thêm hiệu ứng tải và khóa bộ chọn kích hoạt
Lưu ý:
- Thêm hậu tố (M) nếu bạn muốn nó chỉ áp dụng trên di động.
- Thêm hậu tố (D) nếu bạn muốn nó chỉ áp dụng trên máy tính để bàn.
- Không để hậu tố nếu bạn muốn nó áp dụng trên cả hai nền tảng.