Tải chậm tiến bộ Lazy Loading cho Joomla

Tạo nội dung tuyệt vời trên Joomla! là một điều, làm cho nó có thể truy cập được là một điều 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 lazy loadingtiến bộ, hình ảnh tải chỉ khi cần thiết. Nếu người đọc không bao giờ đến một hình ảnh trên trang web, nó không bao giờ được tải xuống. Giờ đây, lazy loading cũng có sẵn trên Joomla!

Lợi ích của lazy loading là rất nhiều; trang tải nhanh hơn, điều đó có nghĩa là trải nghiệm người dùng tốt hơn, điểm SEO tăng vọt 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. 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 đang trình bày nó cho Joomla! nữa, nhưng trước đó, hãy xem cách bạn có thể kích hoạt lazy loading tiến bộ trên Joomla!

Kích hoạt tải lười Lazy Loading trên Joomla!

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

Để cấu hình lazy loading trên blog Joomla! của bạn, hãy đi đến bảng điều khiển Speed Cache. Từ đó, nhấp vào nút cấu hình để đi đến trang cài đặt Speed Cache mới nhất.

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

Loại trừ hình ảnh khỏi Lazy Loading Joomla!

Với hai trường đầu tiên, bạn có thể loại trừ một số hình ảnh khỏi lazy loading nếu chúng rất nhỏ, chẳng hạn như biểu tượng hoặc logo nhỏ. Điều này hữu ích để kích hoạt lazy loading chỉ cho những hình ảnh thực sự ảnh hưởng đến thời gian tải của blog Joomla! của bạn. 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 trở nên 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ộ các tập hợp bài viết hoặc trang Joomla! khỏi lazy loading. Lý do tại sao bạn làm điều này rất khác nhau và hợp lý — có thể phương tiện mà chúng bao gồm là một phần không thể thiếu của nội dung. Hai trường sau được sử dụng để đạt được hiệu ứng này.

Với trường đầu tiên, bạn có thể bật lazy loading chỉ 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 phần nội dung được chọn. Trong cả hai trường hợp, ký tự đại diện cũng được cho phép; sử dụng ký hiệu dấu hoa thị để áp dụng lazy loading trên các tập hợp các bài viết hoặc trang Joomla! có tên tương tự. Lưu thay đổi để bật lazy loading: lazy loading có hiệu lực trên blog Joomla! của bạn tự động.

Làm thế nào Lazy Loading tiến bộ hoạt động 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 giữa văn bản và hình ảnh. Tải phương tiện truyền tải mất nhiều thời gian hơn so với tải văn bản, đặc biệt là trên các thiết bị di động cấp thấp hoặc truy cập internet chậm. Trong khi blog Joomla! của bạn không thể tăng tốc độ di động hoặc truy cập internet một cách kỳ diệu, 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.

Tải lười lazy loading có nghĩa là trình duyệt ban đầu tải văn bản, thường là một phần không thể thiếu trong blog Joomla! của bạn. 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, lazy loading tải xuống và hiển thị hình ảnh.

Trên thực tế, có thể vẫn mất một khoảng thời gian để tải một hình ảnh. Do đó, tính năng tải từng phần ảnh tự động tạo một phiên bản nhỏ của hình ảnh—rộng 20px, với 4 màu và chỉ có kích thước vài KB—sau đó phóng to chúng lên kích thước ban đầu và 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 thấy hình ảnh vẫn đang được tải xuống. Khi tải xong hình ảnh, Joomla! sẽ thay thế hình ảnh mờ bằng hình ảnh đầy đủ.

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

Lazy Loading trong Thư viện Joomla!

Lazy loading không phân biệt đối xử. Tải lười của Speed Cachehoạt động cho mọi hình ảnh, bao gồm cả thư viện ảnh, chẳng hạn như thư viện Droppics . Tương tự như hình ảnh thông thường, Speed Cache phóng to một phiên bản nhỏ của 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 hình ảnh có kích thước đầy đủ.

Tốt nhất trong tất cả, Speed Cachecủa lazy loading không cản trở quy trình làm việc của bạn. Thay vào đó, nó đưa 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 ảnh ở bất kỳ đâu trên blog Joomla! của bạn và Speed Cache tự động tải hình ảnh một cách lười biếng bằng cách sử dụng AJAX từng cái một 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 — đã được tải.

Lazy Loading Thông minh Dựa trên Chiều cao Màn hình

Tải chậm là tất cả về cuộn và chiều cao màn hình. Tải chậm của Speed Cacherất thông minh theo cách nó chỉ áp dụng trên chiều cao màn hình hiện tại (dựa trên khung nhìn) và tải trước màn hình tiếp theo. 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ải chậm được kích hoạt trên trang web Joomla websitecủa bạn.

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

SEO Joomla và Lazy Loading

Tải từng phần 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 nội dung của bạn, như bot Google, sẽ chỉ thấy lợi thế:

• Thời gian tải 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 được hiển thị lần đầu tiên.

Tải từng phần lazy loading là sự thỏa hiệp giữa hiển thị nội dung và trì hoãn tải chúng bằng cách thêm các tín hiệu hình ảnh. Đồng thời, lazy loading giúp điều hướng blog Joomla! của bạn trở nên nhanh hơn và trải nghiệm thú vị hơn. Không nên có giới hạn nào trong việc chia sẻ nội dung tuyệt vời và giờ đây, với tải từng phần lazy loading trên Joomla! cũng không có giới hạn nào trong việc làm cho nó trở nên dễ tiếp cận hơn.

Tất nhiên, chúng ta cũng có thể ghi nhớ rằng Speed Cache cũng cung cấp nhiều công cụ tuyệt vời khác như một mô-đun bộ nhớ đệm thực sự tốt mà sẽ cho phép chúng ta tăng tốc trang web 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