Bạn có bao giờ cảm thấy trang web WordPress của mình chạy chậm hơn một con ốc sên trên máy chạy bộ không? Bạn biết đấy, loại thất vọng khiến bạn muốn ném máy tính xách tay của mình ra ngoài cửa sổ và hét lên tận cùng phổi? Vâng, tất cả chúng tôi đã ở đó.
Có thể bạn đã thử mọi cách để tăng tốc trang web của mình, từ bộ nhớ đệm, thu gọn đến tải từng phần. Nhưng dường như không có gì tạo nên sự khác biệt đáng kể. Bạn vẫn bị mắc kẹt với một trang web chậm chạp, tải liên tục và gây khó chịu cho khách truy cập.
Điều gì sẽ xảy ra nếu chúng tôi nói với bạn rằng có một cách đơn giản để tối ưu hóa hiệu suất trang web WordPress của bạn bằng cách sử dụng Trì hoãn thực thi JavaScript ? Một cách có thể giảm thời gian tải ban đầu, cải thiện điểm số Core Web Vitals của bạn và tránh một số lỗi và xung đột. Nghe có vẻ quá tốt để có thể là sự thật phải không?
Vâng, không phải vậy. Đó là một tính năng được tích hợp trong một trong những plugin lưu vào bộ nhớ đệm tốt nhất trên thị trường: WP Rocket .
Tạo trang web tuyệt vời
Với trình tạo trang miễn phí tốt nhất Elementor
Bắt đầu bây giờTrong bài đăng trên blog này, chúng tôi sẽ chỉ cho bạn cách sử dụng nó để tăng tốc độ và hiệu suất trang web của bạn. Sẵn sàng để bắt đầu? Đi nào!
Tên lửa WP là gì?
WP Rocket là một plugin bộ nhớ đệm cao cấp giúp cải thiện tốc độ và hiệu suất của trang web WordPress của bạn. Thay vì các tập lệnh PHP cồng kềnh, nó thực hiện điều này bằng cách tạo các tệp HTML tĩnh từ các trang WordPress động của bạn và phân phối chúng cho khách truy cập của bạn. Điều này làm giảm gánh nặng cho máy chủ của bạn và cải thiện thời gian phản hồi của trang web của bạn.
WP Rocket còn cung cấp nhiều tính năng khác để tối ưu hóa trang web của bạn, chẳng hạn như:
- Nén GZIP: giảm kích thước tệp và tiết kiệm băng thông.
- Bộ nhớ đệm trình duyệt: lưu trữ tài nguyên tĩnh trong trình duyệt, giảm số lượng truy vấn đến máy chủ của bạn.
- Giảm thiểu và ghép nối: giảm số lượng yêu cầu HTTP bằng cách xóa các khoảng trắng và nhận xét không cần thiết khỏi mã của bạn, đồng thời kết hợp nhiều tệp thành một.
- LazyLoad: Trì hoãn việc tải hình ảnh và iframe cho đến khi chúng xuất hiện trên màn hình, tiết kiệm băng thông và cải thiện thời gian tải.
- Tích hợp CDN: phân phối tài liệu của bạn trên mạng lưới máy chủ toàn cầu để cung cấp tài liệu đó cho khách truy cập nhanh hơn.
- Tối ưu hóa cơ sở dữ liệu: xóa dữ liệu không cần thiết khỏi cơ sở dữ liệu của bạn và giảm kích thước của nó.
- Tải trước: tạo trước bộ nhớ đệm cho trang chủ của bạn và tất cả các trang được liên kết để cải thiện khả năng lập chỉ mục của các công cụ tìm kiếm.
- Và hơn thế nữa...
WP Rocket có thể giúp bạn trì hoãn việc thực thi JavaScript như thế nào?
WP Rocket bao gồm khả năng trì hoãn việc thực thi JavaScript. Tính năng này tăng hiệu suất bằng cách trì hoãn việc tải tất cả các tệp JavaScript và tập lệnh nội tuyến cho đến khi xảy ra tương tác với người dùng (ví dụ: di chuyển chuột qua trang, chạm vào màn hình, cuộn, nhấn phím, cuộn bằng con lăn chuột). Nó hoạt động tương tự như LazyLoad nhưng dành cho các tệp JavaScript.
Việc trì hoãn thực thi JavaScript có thể nâng cao số liệu hiệu suất trang web của bạn như Thời gian hiển thị nội dung đầu tiên (FCP), Thời gian hiển thị nội dung lớn nhất (LCP) và Thời gian tương tác (TTI) bằng cách giảm thời gian tải ban đầu của các trang web của bạn. Các số liệu này rất có ý nghĩa đối với trải nghiệm người dùng và SEO vì Google xếp hạng chúng trong Core Web Vitals.
WP Rocket nhận ra các tập lệnh có thể bị trì hoãn một cách an toàn và áp dụng độ trễ cho chúng. Trong cài đặt WP Rocket, bạn cũng có thể chỉ định thủ công các từ khóa xác định tệp cần trì hoãn.
Làm cách nào tôi có thể kích hoạt độ trễ thực thi JavaScript trong WP Rocket?
Để kích hoạt tính năng thực thi JavaScript bị trì hoãn trong WP Rocket, hãy thực hiện các bước sau:
Bước 1: Cài đặt và kích hoạt WP Rocket trên trang WordPress của bạn.
Để làm điều đó, bạn có thể truy cập trang web WP Rocket , đăng nhập và mua plugin để có tất cả các tính năng mà bạn có thể sử dụng trong các phần trình diễn mà chúng tôi sẽ giới thiệu cho bạn bên dưới.
Sau khi mua plugin và tải xuống tệp zip, hãy đi tới Plugin > Thêm mới trên bảng điều khiển WordPress của bạn và nhấp vào Tải plugin lên ở đầu trang.
Sau khi nhấp vào Tải plugin lên , một cửa sổ mới sẽ xuất hiện, tại đây bạn sẽ thấy hộp "Chọn tệp". Bạn sẽ phải nhấp vào nó và chọn tệp trình cài đặt zip trong phần quản lý tệp của mình.
Khi bạn chọn file zip, hãy nhấp vào nút Install Now .
Đi tới Cài đặt > WP Rocket > tab Quy tắc nâng cao .
Cuộn xuống phần Trì hoãn thực thi JavaScript .
Thêm từ khóa trong các trường Tập lệnh cần Trì hoãn hoặc Tập lệnh để loại trừ khỏi các trường Trì hoãn , được phân tách bằng dấu phẩy.
Lưu các thay đổi được thực hiện.
Ví dụ: nếu bạn muốn trì hoãn tất cả các tập lệnh có từ "jquery" hoặc "analytics" trong tên của chúng, hãy nhập các thuật ngữ này vào phần Tập lệnh cần trì hoãn.
Nếu bạn muốn bỏ qua tất cả các tập lệnh có cụm từ "WooCommerce" hoặc "cart" trong tên của chúng, hãy nhập chúng vào Tập lệnh cần bỏ qua khỏi khu vực Trì hoãn.
Lợi ích của việc trì hoãn thực thi JavaScript là gì?
Bằng cách trì hoãn việc thực thi JavaScript, bạn có thể tận hưởng một số lợi ích cho trang web WordPress của mình, chẳng hạn như:
- Thời gian tải nhanh hơn: Bạn có thể giảm lượng thời gian cần thiết để các trang web của mình tải và hiển thị nội dung bằng cách trì hoãn việc thực thi JavaScript. Điều này có thể tăng trải nghiệm người dùng, khả năng giữ chân và xếp hạng SEO.
- Số liệu hiệu suất được cải thiện: Bằng cách trì hoãn thực thi JavaScript, bạn có thể tăng số liệu hiệu suất của trang web của mình như FCP, LCP và TTI. Các phép đo này theo dõi xem trang web của bạn có thể sử dụng được và tương tác với người dùng nhanh như thế nào. Google cũng sử dụng chúng làm yếu tố xếp hạng trong Core Web Vitals.
- Ít lỗi và xung đột hơn: Bằng cách trì hoãn thực thi JavaScript, bạn có thể ngăn chặn một số lỗi và xung đột có thể xảy ra khi tải và thực thi nhiều tập lệnh cùng lúc. Ví dụ: một số tập lệnh có thể dựa vào các tập lệnh chưa được tải hoặc có thể tương tác với nhau. Trì hoãn thực thi JavaScript có thể giúp tránh những vấn đề này và mang lại trải nghiệm người dùng tốt hơn.
Phần kết luận
Cuối cùng, trì hoãn việc tải và thực thi mã JavaScript không cần thiết cho đến khi người dùng tương tác với trang hoặc cuộn xuống là một chiến lược tuyệt vời để tăng hiệu suất trang web WordPress.
WP Rocket là một plugin mạnh mẽ có thể cho phép người dùng thực hiện dễ dàng và thành công việc thực thi JavaScript bị trì hoãn trên các trang web WordPress của họ, cũng như các tính năng khác có thể cải thiện tốc độ và hiệu quả của trang web.
Người dùng có thể tăng thời gian tải trang web, điểm Tốc độ trang, trải nghiệm người dùng và chuyển đổi bằng cách sử dụng chức năng Thực thi JavaScript trễ của WP Rocket.
