Code app còn sót lại: vì sao cửa hàng Shopify lâu năm chạy chậm

Gỡ app không phải lúc nào cũng xóa được những gì app đã thêm vào theme. Cách tìm phần sót lại và dọn dẹp an toàn.

Shopify theme code with leftover app scripts and snippets crossed out

Một cửa hàng chạy được vài năm thường đã thử rất nhiều app. Có app bị gỡ chỉ sau một tuần. Nhiều app trong số đó vẫn để lại dấu vết trong theme.

Vì sao lại như vậy

Trước khi có app block, nhiều app tự cài đặt bằng cách sửa file theme: một snippet chỗ này, một thẻ script trong theme.liquid chỗ kia. Gỡ app chỉ dừng gói đăng ký, chứ không hoàn tác những chỗ sửa đó. Thế là cửa hàng vẫn tải script của một dịch vụ không ai dùng, đôi khi từ một máy chủ đã không còn phản hồi, khiến trang phải chờ lâu hơn nữa.

Cách tìm

  • Mở layout/theme.liquid và đọc phần head và cuối phần body. Tìm các script và snippet mang tên app bạn không nhận ra.
  • Xem trong thư mục snippets có file nào đặt theo tên app không.
  • Mở cửa hàng với tab network của trình duyệt và nhóm request theo tên miền. Mọi tên miền bên thứ ba đều phải thuộc về thứ bạn vẫn đang dùng.

Dọn dẹp an toàn

  1. Nhân bản theme đang live và làm trên bản sao.
  2. Gỡ code của từng app một và xem trước cửa hàng sau mỗi lần gỡ.
  3. Kiểm tra các trang app đó từng can thiệp: trang sản phẩm với app đánh giá, giỏ hàng với app upsell.
  4. Publish bản sao khi mọi thứ chạy ổn, và giữ theme cũ vài ngày phòng khi sót điều gì.

Để biết việc dọn dẹp có hiệu quả không, hãy đo cùng một trang trước và sau. Bài viết về điểm tốc độ Shopify bao nhiêu là tốt có giải thích nên so những con số nào.

Tránh lặp lại lần sau

Ưu tiên các app dùng app block và app embed. Bạn tắt chúng được ngay trong theme editor và chúng không để lại gì. Trước khi cài, hãy hỏi đội hỗ trợ của app việc gỡ ra hoạt động thế nào. Theo kinh nghiệm của tôi, app tốt trả lời câu này rất nhanh.

Đọc tiếp

Tất cả bài viết