Chuyển đến nội dung chính
5 phút đọc (1081 từ)

Iframe và tải chậm HTML5 lazy loading, tải trước bộ nhớ đệm và nhiều hơn nữa trên WordPress

Iframe-va-tai-cham-HTML5-tai-truoc-bo-nho-dem-va-nhieu-hon-nua-tren-WordPress

Ấn tượng đầu tiên rất quan trọng, và trên web, bạn tạo ấn tượng đầu tiên trước cả khi bất cứ thứ gì được tải trên blog WordPress của mình. Thời gian để trang chủ hoặc bất kỳ bài viết hay trang WordPress nào khác tải xong quyết định việc người dùng ở lại blog của bạn bao lâu, nếu họ có ở lại chút nào. Giờ đây, với WP Speed of Light Addon hai bản cập nhật nhanh chóng, bạn có thể tối ưu thời gian tải của blog và cải thiện SEO hơn nữa. 

Bản cập nhật mới nhất mang đến hai loại tính năng mới. Thứ nhất, WP Speed of Light Addon có các tính năng mới để tối ưu hóa thời gian tải, đáng chú ý là khả năng lazy-load iframe và video HTML5. Thứ hai, plugin WordPress giờ đây mang đến cho bạn sự linh hoạt hơn nữa để quyết định cách lưu trữ tệp, cũng như cách nhóm và rút gọn script và stylesheet. Hãy cùng khám phá! 

Iframe và video HTML5 lazy loading trên WordPress 

Nếu thời gian tải là ưu tiên của bạn, thì bạn không cần phải tìm đâu xa. Trong cài đặt chính của WP Speed of Light, một công tắc bật/tắt mới đã xuất hiện để tăng tốc thời gian tải blog WordPress của bạn và cùng với đó là điểm SEO của bạn: Tải chậm Iframe & video lazy loading.

Lazy loading là một kỹ thuật tăng tốc giúp tải đa phương tiện—chủ yếu là hình ảnh và video—chỉ khi người dùng cuộn đến chúng. Nếu người dùng không bao giờ cuộn tới, hình ảnh hoặc video đơn giản là không bao giờ được tải. Bằng cách chỉ tải các phần tử khi và nếu cần thiết, WP Speed of Light không lãng phí thời gian và giảm bớt thời gian người dùng phải chờ trước khi tương tác với blog của bạn. 

Tính năng mới giải quyết những thủ phạm tệ nhất trong số đó. Iframe, thường là các trang web hoặc widget, nhúng chính chúng vào blog WordPress của bạn—hãy tưởng tượng việc tải nhiều trang web cùng lúc. Ngược lại, video HTML5 hoạt động như video thông thường và chúng cũng chiếm dụng thời gian tải.

May mắn thay, với WP Speed of Light, việc cải thiện thời gian tải là một thủ tục cực kỳ đơn giản. Để bật lazy loading cho iframe và video HTML5, chỉ cần truy cập cài đặt của plugin WordPress. Bật công tắc có nhãn iframe & video lazy loading và tận hưởng thời gian tải được cải thiện của bạn. 

Tải trước bộ nhớ đệm cho bài viết và trang WordPress 

Kỹ thuật chủ yếu khác để cải thiện thời gian tải là thông qua bộ nhớ đệm và tải trước. Thông thường, WordPress tạo bộ nhớ đệm khi người dùng truy cập trang web lần đầu. Tuy nhiên, với tính năng tải trước, WP Speed of Light tạo bộ nhớ đệm khi bạn xóa nó, và do đó giảm thiểu thời gian tải ngay lập tức.

Phiên bản 3.1 và 3.2 của WP Speed of Light đã bổ sung hỗ trợ tải trước các trang web được liệt kê trong sơ đồ trang web XML. Sơ đồ trang web hướng dẫn các công cụ tìm kiếm như Google, Bing và Yahoo tìm thấy các trang trên websitecủa bạn. Thông thường, sơ đồ trang web chứa liên kết đến những trang quan trọng nhất trên blog của bạn, hoặc thậm chí tất cả các trang. Do đó, sơ đồ trang web là công cụ lý tưởng để tải trước bộ nhớ đệm. 

Để bật tải trước bộ nhớ đệm, hãy truy cập tab nâng cao trong cài đặt của WP Speed of Light. Đảm bảo rằng bạn đã bật tải trước bộ nhớ đệm và sau đó thêm liên kết vào sitemap của bạn trong trường thích hợp. Nếu bạn không chắc chắn về các liên kết sitemap, bạn có thể sử dụng plugin SEO, chẳng hạn như WP Meta SEO.

Từ tab nâng cao , bạn cũng có thể tải trước các trang cụ thể. Sử dụng trường Tải trước các trang sau , bạn có thể tải trước những trang được truy cập nhiều nhất, chẳng hạn như trang chủ của blog. Bất kỳ ai truy cập những trang đó sẽ được hưởng tốc độ tải nhanh, ngay cả sau khi bạn xóa bộ nhớ đệm.

Tính năng bộ nhớ đệm giờ đây cũng hỗ trợ xóa bộ nhớ đệm chỉ cho các URL cụ thể, ngay cả khi bạn sử dụng CDN. CDN phân phối nội dung blog WordPress của bạn từ các máy chủ trên khắp thế giới, cung cấp các trang web từ các vị trí gần về mặt địa lý với người dùng. Với bản cập nhật mới nhất, bạn có thể chỉ định những trang CDN nào bạn muốn lưu vào bộ nhớ đệm.

Bạn có thể thiết lập cấu hình của mình từ tab Tích hợp CDN trong phần cài đặt của plugin. Nếu bạn đã kích hoạt tài khoản Cloudflare của mình, hãy cuộn xuống phần có nội dung Khi dọn dẹp bộ nhớ đệm, cũng dọn sạch. Bật bộ nhớ đệm Cloudflare và điền vào các trường, tùy chọn chọn xóa từng tệp riêng lẻ.

 Cải thiện việc nhóm và rút gọn script và stylesheet

Khi trang web WordPress website của bạn phát triển và thay đổi, blog của bạn sẽ có xu hướng chạy chậm lại. Bản năng máy móc có thể mách bảo bạn chấp nhận việc chậm lại là điều không thể tránh khỏi, nhưng việc tăng tốc ngay cả những websites phức tạp nhất cũng không nhất thiết phải là một nhiệm vụ bất khả thi. Việc gom nhóm và nén giúp bạn kiểm soát thời gian tải.

Gộp nhóm và rút gọn là hai công cụ tối ưu hóa thường đi đôi với nhau. Hầu hết websites sử dụng nhiều bảng định kiểu và tập lệnh, mỗi cái đều tạo ra yêu cầu riêng và do đó làm tăng thời gian tải. Gộp nhóm kết hợp tất cả bảng định kiểu thành một và tất cả tập lệnh thành một, nhờ đó chỉ cần một yêu cầu cho mỗi loại. Mặt khác, rút gọn làm giảm kích thước của từng bảng định kiểu hoặc tập lệnh riêng lẻ hoặc của các nhóm bảng định kiểu và tập lệnh, giúp giảm thời gian tải hơn nữa. 

WP Speed of Light group and minify được đặt tên rất phù hợp trong phần cài đặt. Giờ đây, trong phiên bản mới nhất của plugin, bạn có thể tùy chỉnh cách thức hoạt động của việc nhóm và nén trên blog của mình.

Ví dụ, nếu bạn đang gỡ lỗi, bạn có thể không muốn nhóm hoặc rút gọn một stylesheet hoặc script nhất định, hoặc một trang nhất định. Hoặc bạn có thể thấy rằng việc nhóm và rút gọn khiến trang của bạn hiển thị không đúng, hoặc một trang không thể hoạt động cho đến khi một stylesheet hoặc script được tải. Từ tab group and minify , giờ đây bạn có thể vừa loại trừ việc nhóm và rút gọn các style nội tuyến vừa loại trừ các trang khỏi quá trình tối ưu hóa.

Một tùy chọn tối ưu hóa khác là trì hoãn việc tải các stylesheet và script. Nói cách khác, với WP Speed of Light, bạn có thể tải nội dung trước, sau đó, vào cuối, tải các stylesheet và script. Mục tiêu: người dùng có thể tương tác với trang sớm hơn, dù chỉ ở mức hạn chế. Bây giờ, nếu bạn bật trì hoãn mã JavaScript, plugin cũng sẽ trì hoãn các script nội tuyến.

Tối ưu hóa là quan trọng, nhưng mỗi blog WordPress có những nhu cầu khác nhau. Khi WP Speed of Light tiếp tục phát triển, các tính năng của nó cũng vậy. Phiên bản 3.1 và 3.2 của addon cung cấp cả các tính năng mới để tăng tốc mọi blog—tải chậm iframe và video HTML5—và các tùy chọn mới để điều chỉnh cách tải trước bộ nhớ đệm, cũng như cách nhóm và nén hoạt động.

Một trong những tính năng tốt nhất mà WP Speed of Light có thể có là nó tương thích với tất cả các Hosting, ví dụ với Cloudways một hosting mạnh mẽ :)

Nếu blog WordPress của bạn cần tăng tốc, đừng tìm đâu xa. Tìm hiểu thêm về WP Speed of Light tại đây. 

Luôn được cập nhật

Khi bạn đăng ký blog, chúng tôi sẽ gửi email cho bạn khi có cập nhật mới trên trang web để bạn không bỏ lỡ chúng.

Bài viết liên quan