Lazy Loading tiến bộ cho Joomla

Tạo nội dung tuyệt vời trên Joomla! là một chuyện, làm cho nó có thể truy cập được là một chuyện khác. Lazy loading là một giải pháp kết hợp cả hai mà không làm thay đổi quy trình làm việc của bạn. Với tính năng lazy loading chậm liên tục, hình ảnh chỉ tải khi và khi cần thiết. Nếu người đọc không bao giờ tiếp cận một hình ảnh trên trang web, nó sẽ không bao giờ được tải xuống. Giờ đây, tính năng lazy loading cũng có sẵn trên Joomla!

Những lợi ích của lazy loading là rất nhiều; trang tải nhanh hơn, có nghĩa là trải nghiệm người dùng tốt hơn, điểm SEO tăng cao và nội dung Joomla của bạn dễ tiếp cận hơn với người dùng trên các thiết bị cấp thấp hoặc truy cập internet chậm. Một vài tuần trước, chúng tôi đã trình bày một cải tiến về công thức lazy loading cơ bản trên WordPress . Hôm nay, chúng tôi giới thiệu nó cho Joomla! quá, nhưng trước đó, hãy xem cách bạn có thể kích hoạt tính năng lazy loading chậm tiến bộ trên Joomla!

Bật tính năng Lazy Loading trên Joomla!

Lazy loading trên Joomla! là một phần của extension Speed Cache . Kích hoạt lazy loading cũng đơn giản như bật công tắc. Speed Cache của Joomla! cũng bao gồm các tính năng khác giúp bạn tận dụng tối đa tính lazy loading .

Để cấu hình lazy loading trên Joomla của bạn! blog, hãy truy cập trang tổng quan Bộ Speed Cache của bạn . Từ đó, nhấp vào nút cấu hình để đến trang cài đặt Speed Cache hoàn toàn mới .

Các lazy loading các thiết lập được đặt tại các thông số tab. Điều hướng đến đó hoặc sử dụng chức năng tìm kiếm hoàn toàn mới để tìm cài đặt lazy loading . Để bật tính năng lazy loading , chỉ cần bật tùy chọn lazy loading chậm. Ngay sau khi bạn làm điều đó, Speed Cache sẽ hiển thị các tùy chọn mới để tùy chỉnh lazy loading cho phù hợp với website của bạn .

Loại trừ Hình ảnh khỏi Joomla!

Với hai trường đầu tiên, bạn có thể loại trừ một số hình ảnh nhất định khỏi lazy loading nếu chúng rất nhỏ, chẳng hạn như biểu tượng hoặc biểu trưng nhỏ. Điều này rất hữu ích khi chỉ cho phép lazy loading đối với những hình ảnh thực sự ảnh hưởng đến thời gian tải Joomla của bạn! Blog. Vì lý do này, hãy đảm bảo rằng bạn chỉ loại trừ những hình ảnh rất nhỏ để không làm cho lazy loading chậm không hiệu quả.

Tuy nhiên, trong một số trường hợp, bạn có thể muốn loại trừ (hoặc bao gồm) toàn bộ bộ Joomla! bài đăng hoặc trang từ lazy loading . Các lý do tại sao bạn làm điều này rất khác nhau và hợp lý — có lẽ phương tiện truyền thông mà họ đưa vào là không thể thiếu đối với nội dung. Hai trường sau được sử dụng cho hiệu ứng này.

Với trường đầu tiên, bạn chỉ có thể bật lazy loading cho một số trang nhất định và với trường thứ hai, bạn có thể tắt lazy loading chỉ cho một số nội dung đã chọn. Trong cả hai trường hợp, các ký tự đại diện cũng được phép; sử dụng biểu tượng dấu hoa thị để áp dụng lazy loading trên các tập hợp Joomla có tên tương tự! bài đăng hoặc trang. Lưu các thay đổi để kích hoạt lazy loading : lazy loading có hiệu lực trên Joomla của bạn! blog tự động.

Cách hoạt động của tính năng Lazy Loading tiến bộ trên Joomla!

Lazy loading phục vụ nội dung ngay khi nó được yêu cầu. Thông thường, các trang được tạo thành từ sự kết hợp của văn bản và hình ảnh. Tải xuống phương tiện truyền thông mất nhiều thời gian hơn so với tải văn bản, đặc biệt là trên điện thoại di động cấp thấp hơn hoặc truy cập internet chậm. Trong khi Joomla của bạn! blog không thể tăng tốc điện thoại di động hoặc truy cập internet một cách thần kỳ, nó có thể làm điều tốt nhất tiếp theo: cải thiện trải nghiệm người dùng.

Việc lazy loading có nghĩa là trình duyệt tải văn bản ban đầu, thường là phần không thể thiếu trong Joomla của bạn! Blog. Văn bản cũng có kích thước nhỏ hơn nhiều, vì vậy nó tải nhanh hơn và người đọc của bạn có thể theo dõi. Khi họ cuộn xuống và một hình ảnh xuất hiện, các bản lazy loading xuống và hiển thị hình ảnh sẽ hiển thị.

Trên thực tế, vẫn có thể mất một khoảng thời gian để tải hình ảnh. Do đó, tính năng lazy loading chậm hình ảnh liên tục sẽ tự động tạo ra một phiên bản hình ảnh nhỏ — rộng 20px, có 4 màu và kích thước chỉ vài KB — thổi chúng về kích thước ban đầu và sau đó làm mờ chúng. Hiệu ứng này là một phiên bản mờ của hình ảnh có kích thước đầy đủ cho biết rằng hình ảnh vẫn đang được tải xuống. Khi quá trình lazy loading chậm hoàn tất quá trình tải xuống hình ảnh, Joomla! thay thế hình ảnh bị mờ bằng hình ảnh đầy đủ.

Tính năng lazy loading được bật tự động với tính năng lazy loading , có nghĩa là bạn không cần thực hiện bất kỳ thay đổi bổ sung nào. Hơn hết, bằng cách chỉ sử dụng các phiên bản nhỏ của hình ảnh, lazy loading chậm liên tục sẽ bổ sung rất ít chi phí cho Joomla của bạn! không gian lưu trữ.

Lazy Loading trong Joomla! Phòng trưng bày

Lazy loading không phân biệt đối xử. Speed Cache lazy loading chậm của Speed Cache hoạt động với bất kỳ hình ảnh nào, bao gồm cả các phòng trưng bày, chẳng hạn như phòng trưng bày Droppics. Tương tự như các hình ảnh bình thường, Speed Cache làm nổ một phiên bản nhỏ của các hình ảnh trong thư viện và làm mờ nó. Khi người dùng cuộn xuống, lazy loading tải xuống các hình ảnh có kích thước đầy đủ.

Hay nhất của tất cả, Speed Cache của lazy loading không cản trở về công việc của bạn. Thay vào đó, nó đưa tính năng lazy loading vào quy trình của bạn: chỉ cần chèn một hình ảnh hoặc một thư viện vào bất kỳ đâu trên Joomla của bạn! blog và Speed Cache tự động tải từng hình ảnh một cách lười biếng bằng AJAX sau khi nội dung chính — chủ yếu là văn bản và hình ảnh nhỏ bị loại trừ bởi tùy chọn của bạn — đã tải xong.

Tải thông minh Lazy Loading dựa trên chiều cao màn hình

Lazy loading là tất cả về cuộn và chiều cao màn hình. Speed Cache của lazy loading là rất thông minh trong một cách mà nó chỉ áp dụng vào chiều cao hiện tại màn hình (dựa trên khung nhìn) và sự cài đặt trước kế tiếp. Vì vậy, nếu bạn có kết nối nhanh hoặc nếu bạn cuộn chậm, bạn thậm chí sẽ không nhận thấy rằng tính năng lazy loading chậm được kích hoạt trên website Joomla của bạn.

Hơn nữa, tính năng lazy loading dựa trên chiều cao màn hình này chỉ áp dụng cho chiều cao màn hình hiện tại ngay cả khi nó nằm ở giữa trang, trong trường hợp liên kết đến một liên kết neo chẳng hạn. Sau đó, lazy loading được áp dụng khi bạn cuộn lên hoặc cuộn xuống.

Joomla SEO và Lazy Loading

Việc lazy loading được sử dụng trong Speed Cache không ảnh hưởng đến SEO. Trên thực tế, các công cụ tìm kiếm thu thập thông tin nội dung của bạn, chẳng hạn như bot của Google, sẽ chỉ thấy những ưu điểm:

• Thời gian tải của trang tốt hơn nhiều;
• Tất cả nội dung hình ảnh, bao gồm văn bản thay thế, tiêu đề hình ảnh và mô tả được tải ngay lập tức mà không cần lazy loading ; và
• Chú thích hình ảnh cũng được tải khi trang đầu tiên hiển thị.

Progressive lazy loading là một thỏa hiệp giữa việc hiển thị truyền thông và trì hoãn tải chúng bằng cách thêm tín hiệu thị giác. Đồng thời, lazy loading giúp điều hướng Joomla của bạn! viết blog một trải nghiệm nhanh hơn và thú vị. Không có ranh giới để chia sẻ nội dung tuyệt vời và bây giờ, với tính năng lazy loading chậm liên tục trên Joomla! không có ranh giới để làm cho nó có thể truy cập được.

Tất nhiên, chúng ta cũng có thể nhớ rằng Speed Cache cũng cung cấp nhiều công cụ tuyệt vời khác như mô-đun Cache thực sự tuyệt vời cho phép chúng ta tăng tốc trang web của mình và đưa nó lên một tầm cao mới!

Kiểm tra Speed Cache cho Joomla:  https://www.joomunited.com/products/speed-cache