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

Trang này được in vào Oct 03, 2022. Để lấy phiên bản hiện tại, sung sướng truy vấn https://vh2.com.vn/vi/manual/online-store/store-speed/improving-speed .
Có nhiều yếu tố tác động ảnh hưởng đến tốc độ shop trực tuyến và bạn hoàn toàn có thể trấn áp 1 số ít yếu tố trong đó .Nếu không biết tốc độ hoạt động giải trí của shop trực tuyến thời điểm ngày hôm nay, bạn hoàn toàn có thể xem báo cáo giải trình Tốc độ của shop 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 vấn shop của bạn sinh sống ở khắp nơi trên quốc tế và chiếm hữu những thiết bị và liên kết Internet khác nhau. Điều này có nghĩa là họ hoàn toàn có thể tải shop của bạn nhanh hay chậm tùy thuộc vào những yếu tố này .Nếu người mua liên hệ với bạn về tốc độ của shop, hãy nhu yếu người mua 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ó quét dọn bộ nhớ không và nhà sản xuất 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 shop trực tuyến của bạn trên sever nhanh, toàn thế giới và không số lượng giới hạn băng thông của shop. Bạn hoàn toàn có thể kiểm tra trạng thái của shop Shopify trên Trạng thái Shopify .Shopify không ngừng cải tổ mã và hạ tầng. Một số nâng cấp cải tiến hoàn toàn có thể được biểu lộ trong điểm tốc độ .Dưới đây là một số ít tính năng ảnh hưởng tác động đến tốc độ của shop 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 ứng cho thương nhân CDN quý phái quốc tế chạy trên Fastly, bảo vệ shop trực tuyến tải nhanh gọn trên toàn thế giới. Bạn hoàn toà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 trong thời điểm tạm thời lưu đệm hoặc lưu lại 1 số ít yếu tố trong bộ tàng trữ cục bộ của người mua. Lần tới khi người mua truy vấn shop trực tuyến của bạn, trình duyệt hoàn toàn có thể tải những tài nguyên từ bộ nhớ đệm thay vì gửi nhu yếu khác đến sever .Shopify setup lưu trình duyệt vào bộ nhớ đệm cho những tài nguyên hoàn toàn có thể lưu đệm trong shop của bạn đến một năm so với mỗi tệp. Các tệp hoàn toàn có thể lưu đệm gồm có 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 tàng trữ trang ở phía sever. Lần tiên phong tải trang, tốc độ hoàn toàn có thể chậm, nhưng những lần tải trang sau đó sẽ nhanh hơn vì người mua 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 nhanh. 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ố ít yếu tố hoàn toàn có thể ảnh hưởng tác động đến tốc độ của shop trực tuyến và cách giải quyết và xử lý .

Phát triển doanh nghiệp

Nếu bạn không thành thạo những bước sau đây, bạn hoàn toàn có thể thuê Chuyên gia Shopify tương hỗ bạn. Tìm hiểu thêm về thuê Chuyên gia Shopify .

Ứng dụng

Khi bạn thêm ứng dụng để biến hóa tính năng hoặc giao diện của shop trực tuyến, ứng dụng sẽ thêm mã vào chủ đề để hoàn toàn có thể chạy. Một số mã hoàn toàn có thể bị xóa hoặc sắp xếp lại để cải tổ hiệu suất của shop trực tuyến. Nếu không sử dụng ứng dụng, bạn hoàn toàn có thể xóa ứng dụng đó .Nếu bạn cho rằng ứng dụng đang làm chậm shop, hãy triển khai những bước sau :

• Tắt các tính năng ứng dụng không dùng đến hoặc gỡ ứng dụng nếu không cần đến. Cân nhắc sự cân đối giữa các tính năng và tốc độ của cửa hàng trực tuyến.
• Nếu bạn đang xóa ứng dụng, hãy cân nhắc xóa mã đã thêm vào trong quá trình cài đặt ứng dụng. Một số ứng dụng giúp bạn dễ dàng xử lý quá trình này bằng cách gói mã trong thẻ {% comment %} đề cập đến tên ứng dụng.

Xóa mã ứng dụng không sử dụng là phương pháp tối ưu tránh chạy mã cho những tính năng không sử dụng và giúp mã chủ đề của bạn dễ đọc hơn .

• Tư vấn với nhà phát triển ứng dụng.
• Thuê Chuyên gia Shopify để được hỗ trợ thêm. Tìm hiểu thêm về thuê Chuyên gia Shopify.

Lưu ý

Ứng dụng chỉ chạy trong trang quản trị, ví dụ điển hình như ứng dụng Local Delivery của Shopify, không tác động ảnh hưởng đến tốc độ của shop 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 hoàn toàn có thể ngày càng tăng và tác động ảnh hưởng đến tốc độ của shop .Nếu bạn cho rằng yếu tố nào đó trong chủ đề đang làm chậm shop, hãy triển khai những 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 hoàn toàn có thể ảnh hưởng tác động đến tốc độ của shop. Ví dụ : Một số hành lang cửa số bật lên xem nhanh tải sẵn thông tin từ mỗi trang loại sản phẩm khi tải trang bộ sưu tập. Tải thêm tài liệu mà người mua không sử dụng hoàn toàn có thể ảnh hưởng tác động đến tốc độ shop 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:

• Sử dụng công cụ bản đồ nhiệt để xem khách hàng có sử dụng một số tính năng hay không. Tắt tính năng nếu không sử dụng.
• Tắt tính năng này nếu bạn không cần. Cân nhắc sự cân bằng giữa các tính năng và tốc độ của cửa hàng trực tuyến.
• Tham khảo ý kiến nhà phát triển chủ đề và ứng dụng và hỏi liệu họ có tải sẵn dữ liệu hay không.
• Thuê Chuyên gia Shopify để được hỗ trợ thêm. Tìm hiểu thêm về thuê Chuyên gia Shopify.

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

Bạn hoàn toàn có thể chỉnh sửa hầu hết mã Liquid được sử dụng để hiển thị shop. Có nhiều cách viết mã Liquid hiệu suất cao và không hiệu suất cao. Thực hiện những hoạt động giải trí phức tạp nhiều lần hoàn toàn có thể làm tăng thời hạn hiển thị Liquid, tác động ảnh hưởng đến tốc độ shop tổng thể và toàn diện .Ví dụ : Nếu bạn muốn đặt hàng mẫu sản phẩm trong bộ sưu tập theo giá, bạn cần thực thi trước khi triển khai vòng lặp qua những loại 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 mẫu sản phẩm không đổi khác và thống kê giám sát thứ tự mẫu sản phẩm làm tăng thời hạn giải quyết và xử lý nhu yếu .Nếu quan ngại rằng mã của bạn không được tối ưu hóa, bạn hoàn toàn có thể thực thi những 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ê Chuyên gia Shopify để giúp bạn tìm mã không hiệu quả hoặc vô dụng.

Cẩn trọng

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 không thành thạo đọc và chỉnh sửa mã, bạn hoàn toàn có thể thuê Chuyên gia Shopify hướng dẫn. Chuyên gia Shopify còn hoàn toàn có thể giúp bạn nâng cao hiệu suất shop bằng tác dụng của công cụ này. Tìm hiểu thêm về thuê Chuyên gia Shopify .

Hình ảnh và video

Hình ảnh quá cỡ và hình ảnh bị ẩn hoàn toàn có thể can thiệp vào quy trình tải những 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ọ hoàn toàn có thể nhận thấy shop của bạn bị chậm .Shopify thêm một số ít giải pháp bảo vệ để ngăn bạn tải quá nhiều hình ảnh và video trên shop 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 giải pháp bảo vệ này không trọn vẹn ngăn hình ảnh hoặc video tác động ảnh hưởng đến hiệu suất của shop trực tuyến .Nếu bạn cho rằng hình ảnh đang làm chậm shop, hãy triển khai 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. Tìm hiểu thêm về thuê Chuyên gia Shopify.

Phông chữ

Bạn hoàn toàn có thể chọn từ nhiều phông chữ cho văn bản trong shop 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 người mua 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 tác động đến thời hạn thiết yếu để tải shop .Để giúp người mua không phải tải phông chữ mới xuống máy tính, bạn hoàn toàn có thể sử dụng phông chữ mạng lưới hệ thống. Phông chữ mạng lưới hệ thống là phông chữ được thiết lập sẵn trên hầu hết máy tính .Bạn hoàn toàn có thể chọn loại phông chữ mono, serif, hoặc sans-serif. Bạn vẫn hoàn toàn có thể sử dụng những kiểu chữ như in đậm hoặc in nghiêng khi sử dụng một trong những loại phông chữ này .Phông chữ hiển thị trên máy tính của người mua phụ thuộc vào vào hệ điều hành quản lý. Dưới đây là một số ít ví dụ về phông chữ hoàn toàn có thể sử dụng để hiển thị văn bản khi chọn loại phông chữ mạng lưới 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 hoàn toàn có thể sử dụng những công cụ sau để kiểm tra tốc độ của shop trực tuyến .Nếu là nhà tăng trưởng, bạn hoàn toàn có thể tối ưu hóa hiệu suất của chủ đề hơn nữa bằng những công cụ và phương pháp tối ưu của Shopify. Tìm hiểu thêm về Shopify. dev .

Lighthouse

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

Cẩn trọng

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

Cẩn trọng

Phần lan rộng ra 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 hoàn toàn có thể thuê Chuyên gia Shopify hướng dẫn. Chuyên gia Shopify còn hoàn toàn có thể giúp bạn nâng cao hiệu suất shop bằng hiệu quả của công cụ này. Tìm hiểu thêm về thuê Chuyên gia Shopify .

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ủ đề không tính tiền từ Shopify, bộ phận tương hỗ của Shopify hoàn toàn có thể tương hỗ bạn cải tổ hiệu suất cơ bản .Nếu sử dụng chủ đề bên thứ ba và cần tương hỗ, bạn phải liên hệ với nhà tăng trưởng chủ đề hoặc thuê Chuyên gia Shopify. Tìm hiểu thêm về thuê Chuyên gia Shopify .Nếu có đội ngũ tăng trưởng hoặc đối tác chiến lược đại lý, bạn cũng hoàn toàn có thể liên hệ với họ để được tương hỗ thêm .

Source: https://vh2.com.vn
Category : Ứng Dụng