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

Trang này được in vào Dec 03, 2023. Để lấy phiên bản hiện tại, vui lòng truy cập https://help.shopify.com/vi/manual/online-store/store-speed/improving-speed.

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.

Trên trang này

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.

Shopify không ngừng cải thiện mã và hạ tầng. Một số cải tiến có thể được thể hiện trong điểm tốc độ.

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 Cloudflare, đả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 Cloudflare.

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 đối tượng Liquid content_for_header

Đối tượng Liquid `` 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 đối tượng 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 độ. 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:

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

Khi được kích hoạt, một số tính năng 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 sẽ 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 hiện 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á thì bạn cần đặt hàng 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ạy Shopify Theme Inspector for Chrome để xác định dòng mã làm chậm các trang trong cửa hàng trực tuyến.
  • Thuê Đối tác của Shopify để giúp bạn tìm mã không hiệu quả hoặc vô dụng.

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 thì 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ủ đề gây trì 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ê Đối tác của Shopify để được hỗ trợ thêm. Tìm hiểu thêm về thuê Đối tác của Shopify.

Phông chữ

Bạn có thể chọn từ nhiều phông chữ cho văn bản trong cửa hàng trực tuyến của mình. Tuy nhiên, nếu bạn sử dụng phông chữ chưa có trên máy tính của khách hàng thì họ phải tải phông chữ đó xuống mới hiển thị được văn bản. Điều này ảnh hưởng đến thời gian cần thiết để tải cửa hàng.

Để giúp khách hàng không phải tải phông chữ mới xuống máy tính, bạn có thể sử dụng phông chữ hệ thống. Phông chữ hệ thống là phông chữ được cài đặt sẵn trên phần lớn máy tính.

Bạn có thể chọn loại phông chữ mono, serif, hoặc sans-serif. Bạn vẫn có thể sử dụng các kiểu chữ như in đậm hoặc in nghiêng khi sử dụng một trong các loại phông chữ này.

Phông chữ hiển thị trên máy tính của khách hàng phụ thuộc vào hệ điều hành. Dưới đây là một số ví dụ về phông chữ có thể sử dụng để hiển thị văn bản khi chọn loại phông chữ hệ thống:

  • Mono: Menlo, Consolas, Monaco, Liberation Mono, hoặc Lucida Console
  • Sans-serif: BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, hoặc Helvetica Neue
  • Serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, hoặc Source Serif Pro

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

Bạn có thể sử dụng những công cụ sau để kiểm tra tốc độ của cửa hàng trực tuyến.

Nếu là nhà phát triển, bạn có thể tối ưu hóa hiệu suất của chủ đề hơn nữa bằng các công cụ và phương thức tối ưu của Shopify. Tìm hiểu thêm về Shopify.dev.

Lighthouse

Báo cáo Tốc độ 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 ý 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ê Đối tác của Shopify để giúp bạn hiểu rõ các số liệu và gợi ý cải thiện. Tìm hiểu thêm về thuê Đối tác của 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.

Nhận hỗ trợ về tốc độ của cửa hàng trực tuyến

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 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ê Đối tác của Shopify. Tìm hiểu thêm về thuê Đối tác của Shopify.

Nếu có đội ngũ phát triển hoặc đối tác đơn vị dịch vụ thì 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í