Trì hoãn tải script của bên thứ ba trong WordPress

Source: Trì hoãn tải script của bên thứ ba trong WordPress

Trì hoãn tải các tập lệnh của bên thứ ba (dịch vụ Facebook, Google, trò chuyện trực tiếp…) trong WordPress để tăng tốc độ tải web.

Trước đây, tôi đã nhiều lần phải giải thích với khách hàng rằng website của họ tải chậm hoặc điểm thi thấp là do họ chèn quá nhiều script của bên thứ ba (Google, Facebook, live chat …). Những dữ liệu này không thể được tối ưu hóa, chỉ có 1 trong 2 lựa chọn là sử dụng và chấp nhận chúng từ từ hoặc loại bỏ chúng. Tuy nhiên, bây giờ, mọi thứ đã khác. Sau rất nhiều nghiên cứu, tôi đã tìm ra cách giải quyết vấn đề.

Tìm hiểu thêm:

Tại sao lại trì hoãn việc tải các tập lệnh của bên thứ ba?

Dữ liệu được tải xuống từ các máy chủ của bên thứ ba như Google (Google Ads, Google AdSense, Google Analytics, Google Tag Manager …), Facebook (Facebook Page Widget, Facebook Messenger, Faceboom Comments, Facebook Pixel …) hoặc các dịch vụ trực tiếp trò chuyện (Tawk.to, uhChat…)… là những dữ liệu không thể tối ưu hóa. Bạn không thể nén, hợp nhất hoặc lưu chúng vào bộ nhớ cache. Lý do đơn giản là vì chúng không có trên máy chủ của bạn. Những dữ liệu này thường rất nặng và gây ra nhiều vấn đề nghiêm trọng liên quan đến tốc độ tải trang web. Để thấy rõ điều này, bạn có thể sử dụng Google PageSpeed ​​Insights, GTmetrix hoặc các công cụ kiểm tra tốc độ.

Và vì nó không thể được tối ưu hóa, giải pháp duy nhất để tích hợp các dịch vụ trên vào trang web của bạn mà không ảnh hưởng đến tốc độ tải là trì hoãn việc tải của chúng. Nói một cách dễ hiểu, các tập lệnh của chúng chỉ được thực thi sau khi các thành phần khác của trang web tải xong. Nghe đến đây, nhiều bạn sẽ nghĩ ngay đến các kỹ thuật như async hoặc defer JS. Tuy nhiên, những gì tôi đang nói đến là sự chậm trễ. Chúng khác nhau ở chỗ JS không đồng bộ và trì hoãn được thực thi ngay sau khi các thành phần khác được tải, trong khi độ trễ có thời gian ngắt. Khoảng thời gian này có thể tính bằng giây, phút, thậm chí là… giờ tùy theo nhu cầu của bạn.

Ví dụ: bạn chèn Facebook Messenger vào trang web của mình và đặt nó bắt đầu hiển thị chỉ 5 giây sau khi trang web tải xong các dữ liệu khác. WP Căn bản cũng đang chèn tiện ích Facebook Messenger.

Tuy nhiên, khi kiểm tra tốc độ với Google PageSpeed ​​Insights, trang web của tôi vẫn đạt điểm gần như hoàn hảo và không có bất kỳ lỗi nào liên quan đến Facebook được đề cập trong báo cáo. Tiện ích Facebook Messenger cũng không xuất hiện trong ảnh chụp màn hình của Google.

Chúng ta có thể làm điều tương tự với các dịch vụ khác, miễn là họ sử dụng script để nhúng dữ liệu vào trang web.

Trì hoãn tải các tập lệnh của bên thứ ba trong WordPress

Có 2 cách khác nhau để làm điều này. Tuy nhiên, về nguyên tắc, chúng hoàn toàn giống nhau.

Sử dụng plugin Flying Scripts của WP Speed ​​Matters

1. Đầu tiên, bạn cần cài đặt và kích hoạt plugin Flying Scripts by WP Speed ​​Matters.

2. Kiểm tra tốc độ tải trang web với Google PageSpeed ​​Insights hoặc GTmetrix. Chúng tôi khuyên bạn nên sử dụng GTmetrix vì đôi khi Google PageSpeed ​​Insights không hiển thị danh sách đầy đủ các tài nguyên của bên thứ 3 đang tải trên trang web của bạn. Mở tab Thác nước => xem chuyên mục Lãnh địa để xem tài nguyên nào được tải từ máy chủ của bên thứ ba (tên miền không giống với tên miền trang web của bạn) => nhấp vào + tương ứng => sao chép tên miền của tài nguyên đó.

3. Truy cập Cài đặt => Tập lệnh bay, bạn sẽ thấy một số cài đặt như sau.

Trong đó:

• Bao gồm các từ khóa: nhập từ khóa định danh cho tập lệnh. Ví dụ Facebook Pixel là fbevents.js, Trình quản lý thẻ của Google mới là gtag, Trò chuyện Khách hàng trên Facebook là customerchat.js. Hoặc đơn giản nhất là bạn điền tên miền (nơi tải script) vào phần này. Danh sách tên miền bạn có thể sao chép ở bước 2. Mỗi từ khóa / tên miền nằm trên 1 dòng.
• Hết giờ: tự động tải các tập lệnh sau một khoảng thời gian chờ khi không có sự tương tác của người dùng. Bạn để mặc định là 5 giây.
• Tắt trên các trang: nhập URL của các trang mà bạn muốn vô hiệu hóa độ trễ tải tập lệnh.

Nhấn vào nút Lưu thay đổi để tiết kiệm.

Lưu ý: trong trường hợp bạn đang sử dụng plugin LiteSpeed ​​Cache, hãy truy cập LiteSpeed ​​Cache => Tối ưu hóa trang => [2] Cài đặt JS.

Làm ơn chắc chắn:

• Kết hợp JS bên ngoài và nội tuyến: trong điều kiện TẮT.
• Tải JS nội tuyến: trong điều kiện Vỡ nợ.

Nhấn vào nút Lưu thay đổi để tiết kiệm. Xóa bộ nhớ cache và kiểm tra kết quả.

Sử dụng plugin WP Rocket

Nếu bạn đang sử dụng plugin WP Rocket để tối ưu hóa tốc độ tải trang web của mình, hãy truy cập Cài đặt => Tên lửa WP => Tối ưu hóa tệp => đánh dấu vào mục Trì hoãn thực thi JavaScript.

Nếu bạn muốn loại trừ một tập lệnh nhất định khỏi sự chậm trễ, hãy nhập URL của tập lệnh đó vào hộp Tệp JavaScript bị loại trừ Ngay bên dưới.

Nhấn vào nút Lưu thay đổi để tiết kiệm. Xóa bộ nhớ cache và kiểm tra kết quả.

Dịch vụ tối ưu hóa trang web WordPress cơ bản của WP

Nếu bạn không có thời gian nghiên cứu hoặc đã thử làm theo hướng dẫn nhưng không hiệu quả thì tại WP Căn bản, chúng tôi nhận làm dịch vụ (trả phí) cho những khách hàng có nhu cầu.

• Đối với khách hàng có website đang sử dụng dịch vụ WordPress Hosting do WP Căn bản cung cấp: bạn vẫn sẽ được hỗ trợ tối ưu website WordPress miễn phí theo danh sách ghi trong nội dung công việc. Tuy nhiên, nếu bạn muốn trì hoãn các script của bên thứ 3 để tăng tốc độ tải trang web và điểm số, chúng tôi sẽ phải tính thêm phí.
• Đối với các khách hàng khác: chúng tôi chỉ giải quyết vấn đề chậm trễ tập lệnh của bên thứ ba, không giải quyết các vấn đề khác.

Các tập lệnh của bên thứ ba mà chúng tôi có thể trì hoãn bao gồm:

• Tiện ích trang Facebook (Facebook Like Box)
• Facebook Messenger (Trò chuyện trên Facebook)
• Bình luận trên Facebook
• Facebook Pixel (Quảng cáo trên Facebook)
• Google Adsense
• Google Ads (Google AdWords)
• Google Analytics
• Trình quản lý thẻ của Google
• Dịch vụ trò chuyện trực tiếp (Tawk.to, uhChat, Zendesk …)
• Tập lệnh hỗ trợ chạy quảng cáo và tiếp thị
• Tập lệnh hỗ trợ thống kê khách truy cập

Và tất cả các loại tập lệnh của bên thứ ba khác, miễn là chúng được nhúng vào trang web WordPress của bạn thông qua tệp .js hoặc các tập lệnh nội tuyến.

Số tiền khách hàng phải trả sẽ phụ thuộc vào số lượng script cần hoãn. Vui lòng liên hệ với chúng tôi để nhận báo giá chi tiết. Cảm ơn bạn!

Nếu bạn thích bài viết này, hãy đăng ký blog của tôi để thường xuyên cập nhật những bài viết hay nhất và mới nhất qua email. Cảm ơn rất nhiều.

4.8 / 5 – (18 phiếu bầu)

Via: sieucoder.com

from sieucoder.com https://ift.tt/3JjX2RG
via Sieucoder.com