Cải thiện hiệu suất của cửa hàng trực tuyến
Cửa hàng trực tuyến bao gồm một bộ tính năng, ví dụ như mã chủ đề, ứng dụng, hình ảnh, video, vòng quay, bảng tin truyền thông xã hội và phân tích. Những tính năng này có thể nâng cao trải nghiệm của khách truy cập và mở rộng chức năng của trang web.
Tuy nhiên, mỗi tính năng bạn thêm vào cửa hàng trực tuyến đều có thể ảnh hưởng đến hiệu suất của cửa hàng. Một số tính năng có thể làm chậm trang web hoặc tạo ra những hành vi ngoài dự kiến có thể ảnh hưởng đến trải nghiệm người dùng.
Hiệu suất trang web tập trung vào tối ưu hóa trải nghiệm người dùng. Hiện tại, hiệu suất trang web tập trung vào ba khía cạnh chính cũng được thể hiện trong Core Web Vitals:
- Tốc độ tải, được đo bằng Largest Contentful Paint (LCP)
- Độ ổn định của bố cục, được đo bằng Cumulative Layout Shift (CLS)
- Khả năng phản hồi tương tác của người dùng, được đo bằng First Input Delay (FID) và Interaction to Next Paint (INP)
Tối ưu hóa hiệu suất trang web nghĩa là khách hàng có khả năng ở lại trang web và chuyển đổi nhiều hơn. Tìm hiểu thêm về lý do hiệu suất trang web quan trọng.
Trên trang này
Biện pháp tối ưu hóa cho cửa hàng trực tuyến
Cửa hàng trực tuyến của bạn đã tích hợp tối ưu hóa trang web. Tối ưu hóa trang web cũng được tích hợp vào mọi tính năng mới. Bạn không cần làm gì đặc biệt để tận dụng những tính năng sau:
- Cửa hàng trực tuyến của bạn được lưu 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.
- Cửa hàng trực tuyến của bạn có mạng chuyển phát nội dung (CDN) do Cloudflare chạy để đảm bảo cửa hàng trực tuyến tải nhanh 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.
- Để đảm bảo thời gian tải nhanh, hình ảnh được tự động tối ưu hóa bằng CDN hình ảnh. Kết hợp với mã chủ đề, CDN hình ảnh có thể cung cấp định dạng hình ảnh tốt nhất, định dạng này cũng được thay đổi kích cỡ và nén để đảm bảo kích cỡ tệp nhỏ.
Yếu tố ảnh hưởng đến hiệu suất trang web
Đối với cửa hàng Shopify, dưới đây là những yếu tố lớn nhất ảnh hưởng đến hiệu suất trang web:
- Chủ đề của cửa hàng trực tuyến
- Ứng dụng bạn đã cài đặt
- Mọi mã bổ sung của bên thứ ba bạn đã thêm thủ công vào cửa hàng, bao gồm trình quản lý thẻ và các thẻ trong đó
Điều này nghĩa là bạn nên tập trung vào những điều sau để cải thiện hiệu suất trang web:
- Sử dụng chủ đề Online Store 2.0 đã tối ưu hóa và cập nhật. Tất cả chủ đề của Shopify trong Online Store 2.0 đều miễn phí và được tối ưu hóa để mang lại hiệu suất trang web. Ngoài ra, nhiều chủ đề bên thứ ba khác cũng được tối ưu hóa để đảm bảo hiệu suất trang web. Bạn có thể xem lại dữ liệu về hiệu suất chủ đề mới nhất.
- Đánh giá các ứng dụng bạn đã cài đặt và mã bên thứ ba để đảm bảo các ứng dụng này đang tạo ra đủ giá trị để bù đắp mọi tổn thất hiệu suất tiềm ẩn.
- Kiểm tra trình quản lý thẻ để gỡ bỏ bất kỳ thẻ nào không dùng đến hoặc có giá trị thấp. Tìm hiểu thêm về phương thức tối ưu đối với thẻ và trình quản lý thẻ.
Công cụ kiểm tra
Bạn có thể sử dụng những công cụ sau để kiểm tra hiệu suất của cửa hàng trực tuyến.
Trang quản trị Hiệu suất trang web
Báo cáo Trang quản trị Hiệu suất trang web của Shopify sử dụng Core Web Vital để đánh giá trải nghiệm của người dùng thực tế đối với cửa hàng trực tuyến của bạn.
PageSpeed Insights
Bạn có thể chạy báo cáo của riêng mình bằng PageSpeed Insights của Google để xem số liệu chi tiết hơn về các trang trong cửa hàng.
Nhận hỗ trợ về hiệu suất 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 trợ giúp, bạn phải liên hệ với nhà phát triển chủ đề, thuê chuyên gia về hiệu suất trang web của Shopify 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 vấn đề về hiệu suất xuất phát từ một ứng dụng, bạn có thể liên hệ với nhà phát triển ứng dụng.
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.
Thông tin kỹ thuật và tài liệu để khắc phục sự cố
Nếu bạn là một nhà phát triển đang cố gắng cải thiện hiệu suất cho cửa hàng Shopify, chủ đề hoặc ứng dụng, bạn có thể xem lại các tài liệu sau cho từng Core Web Vital. Tìm hiểu thêm về phương thức tối ưu về hiệu suất dành cho Chủ đề Shopify.
Tốc độ tải
Largest Contentful Paint (LCP) đo tốc độ tải dựa trên tốc độ mà phần tử lớn nhất xuất hiện trên màn hình. Các số liệu hỗ trợ như Time To First Byte (TTFB) và First Contentful Paint (FCP) sẽ giúp bạn hiểu rõ hơn nguyên nhân gốc rễ của vấn đề xuất phát từ đâu. Bạn có thể tìm hiểu thêm về gỡ lỗi các nguyên nhân thường gặp khi tải chậm trong cửa hàng Liquid của Shopify.
Độ ổn định hình ảnh
Cumulative Layout Shift (CLS) đo tính ổn định về hình ảnh, dựa trên mức độ xê dịch ngoài ý muốn của nội dung trong quá trình tải. Để phân tích sâu về gỡ lỗi CLS, hãy đọc Cách tối ưu hóa Cumulative Layout Shift (CLS) trên trang web Shopify.
Mức độ tương tác
First Input Delay (FID) đo độ nhạy tương tác dựa trên thời gian cần thiết để trang phản hồi lại các thao tác đầu tiên của người dùng, ví dụ như nhấp vào liên kết hoặc nút. FID được thay thế bằng Interaction to Next Paint (INP) trong Core Web Vital và chúng tôi đang cố gắng thêm INP vào trang quản trị Hiệu suất trang web.
Nếu bạn đang gặp phải FID hoặc INP kém thì rất có thể bạn có quá nhiều JavaScript trong cửa hàng từ mã chủ đề, mã ứng dụng hoặc mã của bên thứ ba/trình quản lý thẻ. Cố gắng dọn dẹp những thủ phạm tồi tệ nhất. Tìm hiểu thêm về 3 cách để tìm ra thủ phạm JavaScript tồi tệ nhất khi tải trang. Nếu bạn vẫn gặp vấn đề với INP, hãy tìm hiểu thêm với tài liệu trên web.dev.