Cải thiện tốc độ của cửa hàng trực tuyến

Có nhiều yếu tố ảnh hưởng đến tốc độ cửa hàng trực tuyến và bạn có thể kiểm soát một số yếu tố trong đó.

Nếu không biết tốc độ hoạt động của cửa hàng trực tuyến hôm nay, bạn có thể xem báo cáo Tốc độ của cửa hàng trực tuyến.

Các yếu tố không thể kiểm soát

Thiết bị, mạng và vị trí của khách hàng

Khách hàng truy cập cửa hàng của bạn sinh sống ở khắp nơi trên thế giới và sở hữu các thiết bị và kết nối Internet khác nhau. Điều này có nghĩa là họ có thể tải cửa hàng của bạn nhanh hay chậm tùy thuộc vào các yếu tố này.

Nếu khách hàng liên hệ với bạn về tốc độ của cửa hàng, hãy yêu cầu khách hàng kiểm tra xem họ có sử dụng phiên bản mới nhất của trình duyệt không, gần đây họ có dọn dẹp bộ nhớ không và nhà cung cấp dịch vụ Internet có gặp bất kỳ gián đoạn nào hoặc bị giảm hiệu suất hay không.

Cơ sở hạ tầng Shopify

Shopify lưu cửa hàng trực tuyến của bạn trên máy chủ nhanh, toàn cầu và không giới hạn băng thông của cửa hàng. Bạn có thể kiểm tra trạng thái của cửa hàng Shopify trên Trạng thái Shopify.

Dưới đây là một số tính năng ảnh hưởng đến tốc độ của cửa hàng trực tuyến.

Mạng chuyển phát nội dung (CDN)

CDN là viết tắt của mạng chuyển phát nội dung. Shopify cung cấp cho thương nhân CDN đẳng cấp thế giới chạy trên Fastly, đảm bảo cửa hàng trực tuyến tải nhanh chóng trên toàn cầu. Bạn có thể kiểm tra trạng thái CDN trên Trang trạng thái Fastly.

Bộ nhớ đệm cục bộ của trình duyệt

Cửa hàng của bạn tạm thời lưu đệm hoặc lưu lại một số yếu tố trong bộ lưu trữ cục bộ của khách hàng. Lần tới khi khách hàng truy cập cửa hàng trực tuyến của bạn, trình duyệt có thể tải các tài nguyên từ bộ nhớ đệm thay vì gửi yêu cầu khác đến máy chủ.

Shopify cài đặt lưu trình duyệt vào bộ nhớ đệm cho các tài nguyên có thể lưu đệm trong cửa hàng của bạn đến một năm đối với mỗi tệp. Các tệp có thể lưu đệm bao gồm tệp hình ảnh, tệp PDF, tệp JS và tệp CSS.

Bộ nhớ đệm trang phía máy chủ

Ngoài lưu vào bộ nhớ đệm cục bộ của trình duyệt, Shopify còn lưu trữ trang ở phía máy chủ. Lần đầu tiên tải trang, tốc độ có thể chậm, nhưng những lần tải trang sau đó sẽ nhanh hơn vì khách hàng sẽ nhận được bản sao đã lưu đệm.

Phần tử trong thẻ Liquid content_for_header

Thẻ Liquid {% content_for_header %} nạp phần tử được nhiều tính năng của cửa hàng trực tuyến sử dụng, bao gồm phân tích hiệu suất và các tính năng tùy chọn như nút thanh toán động. Việc tải thẻ này và các phần tử liên quan sẽ ảnh hưởng đến tốc độ của cửa hàng. Shopify đang tối ưu hóa thẻ và phần tử của thẻ để gia tăng tốc độ.

Các yếu tố có thể kiểm soát

Dưới đây là một số yếu tố có thể ảnh hưởng đến tốc độ của cửa hàng trực tuyến và cách xử lý.

Ứng dụng

Khi bạn thêm ứng dụng để thay đổi chức năng hoặc giao diện của cửa hàng trực tuyến, ứng dụng sẽ thêm mã vào chủ đề để có thể chạy. Một số mã có thể bị xóa hoặc sắp xếp lại để cải thiện hiệu suất của cửa hàng trực tuyến. Nếu không sử dụng ứng dụng, bạn có thể xóa ứng dụng đó.

Nếu bạn cho rằng ứng dụng đang làm chậm cửa hàng, hãy thực hiện các bước sau:

Lưu ý: Ứng dụng chỉ chạy trong trang quản trị, chẳng hạn như ứng dụng Local Delivery của Shopify, không ảnh hưởng đến tốc độ của cửa hàng trực tuyến.

Chủ đề

Các chủ đề được tạo từ mã Liquid, HTML, CSS và JavaScript. Khi bạn chỉnh sửa hoặc tùy chỉnh chủ đề, kích cỡ tệp có thể gia tăng và ảnh hưởng đến tốc độ của cửa hàng.

Nếu bạn cho rằng yếu tố nào đó trong chủ đề đang làm chậm cửa hàng, hãy thực hiện các bước sau:

Tính năng của chủ đề hoặc ứng dụng

Một số tính năng, khi được bật, cũng có thể ảnh hưởng đến tốc độ của cửa hàng. Ví dụ: Một số cửa sổ bật lên xem nhanh tải sẵn thông tin từ mỗi trang sản phẩm khi tải trang bộ sưu tập. Tải thêm dữ liệu mà khách hàng không sử dụng có thể ảnh hưởng đến tốc độ cửa hàng mà không làm tăng giá trị.

Nếu bạn cho rằng một tính năng đang làm chậm cửa hàng, bạn có thể thực hiện những bước sau:

Mã Liquid phức tạp hoặc không hiệu quả

Bạn có thể chỉnh sửa hầu hết mã Liquid được sử dụng để hiển thị cửa hàng. Có nhiều cách viết mã Liquid hiệu quả và không hiệu quả. Thực hiện các hoạt động phức tạp nhiều lần có thể làm tăng thời gian hiển thị Liquid, ảnh hưởng đến tốc độ cửa hàng tổng thể.

Ví dụ: Nếu bạn muốn đặt hàng sản phẩm trong bộ sưu tập theo giá, bạn cần thực hiện trước khi thực hiện vòng lặp qua các sản phẩm trong bộ sưu tập và không phải là một phần của mã vòng lặp. Nguyên nhân là do thứ tự của từng sản phẩm không thay đổi và tính toán thứ tự sản phẩm làm tăng thời gian xử lý yêu cầu.

Nếu lo ngại rằng mã của bạn không được tối ưu hóa, bạn có thể thực hiện các bước sau:

Chú ý: Shopify Theme Inspector cho Chrome dành cho thương nhân và Đối tác thành thạo đọc và chỉnh sửa mã. Nếu bạn không thành thạo đọc hoặc chỉnh sửa mã, bạn có thể thuê chuyên gia Shopify hướng dẫn. Chuyên gia Shopify cũng có thể giúp bạn cải thiện hiệu suất của cửa hàng bằng các kết quả của công cụ này.

Hình ảnh và video

Hình ảnh quá cỡ và hình ảnh bị ẩn có thể can thiệp vào quá trình tải các phần khác, quan trọng hơn của trang. Nếu người dùng phải chờ để tải hình ảnh lớn, họ có thể nhận thấy cửa hàng của bạn bị chậm.

Shopify thêm một số biện pháp bảo vệ để ngăn bạn tải quá nhiều hình ảnh và video trên cửa hàng trực tuyến. Ví dụ:

  • Bạn không thể có hơn 50 sản phẩm trên trang bộ sưu tập hoặc 25 mục trên trang chủ.
  • Nhiều chủ đề hoãn tải hình ảnh hiện không có trên màn hình.
  • Nhiều chủ đề cũng tải hình ảnh có kích cỡ cụ thể dựa trên kích cỡ màn hình hiển thị hình ảnh.

Tuy nhiên, những biện pháp bảo vệ này không hoàn toàn ngăn hình ảnh hoặc video ảnh hưởng đến hiệu suất của cửa hàng trực tuyến.

Nếu bạn cho rằng hình ảnh đang làm chậm cửa hàng, hãy thực hiện những bước sau:

  • Xem hướng dẫn tối ưu hóa hình ảnh.
  • Đảm bảo bản trình chiếu hình ảnh nổi bật chỉ luôn gồm 2-3 trang chiếu hoặc sử dụng một hình ảnh nổi bật.
  • Hỏi ý kiến nhà phát triển ứng dụng để được tư vấn cách sử dụng hình ảnh tốt nhất với chủ đề của họ.
  • Thuê chuyên gia Shopify để được hỗ trợ thêm.

Công cụ khắc phục sự cố

Dưới đây là những công cụ có thể dùng để điều tra tốc độ của cửa hàng trực tuyến.

Lighthouse

Báo cáo Tốc độ của cửa hàng trực tuyến của Shopify sử dụng Lighthouse để đánh giá tốc độ của cửa hàng. Bạn có thể chạy báo cáo Lighthouse riêng bằng cách sử dụng Google PageSpeed Insights để xem số liệu chi tiết hơn dành cho các trang trong cửa hàng. Để tìm hiểu về ý nghĩa của những số liệu này, tham khảo Tài liệu chấm điểm hiệu suất của Google Lighthouse. Bạn cũng có thể thuê chuyên gia Shopify để giúp bạn hiểu rõ các số liệu và gợi ý cải thiện.

Chú ý: Do điều kiện thử nghiệm khác với khi chạy từ Google PageSpeed Insights, điểm của bạn có thể khác với điểm trong báo cáo Tốc độ của cửa hàng trực tuyến. Tìm hiểu về môi trường thử nghiệm Shopify.

Shopify Theme Inspector cho Chrome

Shopify Theme Inspector cho Chrome là công cụ lập hồ sơ sử dụng biểu đồ ngọn lửa để biểu thị hiệu suất hiển thị Liquid. Công cụ này giúp bạn xác định dòng mã làm chậm các trang trong cửa hàng trực tuyến. Tìm hiểu cách sử dụng Shopify Theme Inspector.

Chú ý: Phần mở rộng này dành cho thương nhân và Đối tác thành thạo đọc và chỉnh sửa mã. Nếu không thành thạo đọc và chỉnh sửa mã, bạn có thể thuê chuyên gia Shopify hướng dẫn. Chuyên gia Shopify còn có thể giúp bạn nâng cao hiệu suất cửa hàng bằng kết quả của công cụ này.

Nơi nhận hỗ trợ

Nếu bạn sử dụng chủ đề miễn phí từ Shopify, bộ phận hỗ trợ của Shopify có thể hỗ trợ bạn cải thiện hiệu suất cơ bản.

Nếu bạn sử dụng chủ đề bên thứ ba và cần hỗ trợ, bạn phải liên hệ với nhà phát triển chủ đề hoặc thuê chuyên gia Shopify.

Nếu có đội ngũ phát triển hoặc đối tác đại lý, bạn cũng có thể liên hệ với họ để được hỗ trợ thêm.

Bạn đã sẵn sàng bán hàng với Shopify?

Dùng thử miễn phí