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ó dễ tiếp cận lại là 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 lazy loadingtiến, hình ảnh chỉ tải khi cần thiết. Nếu người đọc không bao giờ thấy hình ảnh trên trang web, hình ảnh đó sẽ 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 rất đa dạng: trang tải nhanh hơn, đồng nghĩa với 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ấu hình thấp hoặc kết nối internet chậm. Vài tuần trước, chúng tôi đã giới thiệu một cải tiến cho lazy loading trên WordPress . Hôm nay, chúng tôi cũng giới thiệu công thức này cho Joomla!, nhưng trước đó, hãy cùng tìm hiểu cách bật progressive lazy loading trên Joomla!

Kích hoạt Lazy Loading trên Joomla!

Lazy loading trên Joomla! là một phần của extension Speed Cache . Việc kích hoạt lazy loading chỉ đơn giản bằng cách bật công tắc. Tuy nhiên, Speed Cache còn 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 truy cập Speed Cache . Từ đó, nhấp vào cấu hình để đến Speed Cache .

Cài lazy loading nằm trong tham số . Hãy đ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 lazy loading . Để bật lazy loading , chỉ cần bật lazy loading . Ngay sau khi bạn thực hiện thao tác đó, Speed Cache sẽ hiển thị các tùy chọn mới để tùy chỉnh lazy loading website của bạn .

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

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 quá nhỏ, chẳng hạn như biểu tượng hoặc logo nhỏ. Điều này hữu ích để chỉ bật lazy loading cho những hình ảnh thực sự ảnh hưởng đến thời gian tải blog Joomla! của bạn. Vì lý do này, hãy đảm bảo bạn chỉ loại trừ những hình ảnh rất nhỏ để lazy loading không bị mất 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 bài đăng hoặc trang Joomla! khỏi lazy loading. Lý do bạn làm điều này rất đa dạng và hợp lý—có lẽ nội dung 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 cho mục đích 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 chỉ có thể tắt lazy loading 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 phép; hãy sử dụng dấu sao để áp dụng lazy loading cho các bài đăng hoặc trang Joomla! có tên tương tự. Lưu thay đổi để bật lazy loading: lazy loading sẽ tự động có hiệu lực trên blog Joomla! của bạn.

Cách thức hoạt động của Progressive Lazy Loading trên Joomla!

Lazy loading sẽ hiển thị nội dung ngay khi cần. 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 nội dung đa phương tiện mất nhiều thời gian hơn tải văn bản, đặc biệt là trên các thiết bị di động cấu hình thấp hoặc kết nối internet chậm. Mặc dù blog Joomla! của bạn không thể tự động tăng tốc độ truy cập internet hoặc thiết bị di động, nhưng nó có thể làm được điều tốt nhất tiếp theo: cải thiện trải nghiệm người dùng.

Về cơ bản, lazy loading nghĩa là trình duyệt sẽ tải văn bản ban đầu, thường là 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, do đó tải nhanh hơn và người đọc có thể theo dõi. Khi họ cuộn xuống và một hình ảnh xuất hiện, lazy loading sẽ tải xuống và hiển thị hình ảnh đó.

Trên thực tế, việc tải hình ảnh có thể vẫn mất một khoảng thời gian. Do đó, lazy loading hình ảnh lũy tiến sẽ tự động tạo một phiên bản hình ảnh nhỏ hơn—rộng 20px, với 4 màu và dung lượng chỉ vài KB—phóng to chúng lên kích thước gốc rồi làm mờ chúng. Hiệu ứng này tạo ra một phiên bản mờ của hình ảnh kích thước đầy đủ, cho biết hình ảnh vẫn đang được tải xuống. Khi lazy loading hoàn tất, Joomla! sẽ thay thế hình ảnh bị mờ bằng hình ảnh đầy đủ.

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

Lazy Loading trong Thư viện ảnh Joomla!

Lazy loading không phân biệt đối xử. lazy loading của Speed Cachehoạt động với 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ư ảnh thông thường, Speed Cache phóng to một phiên bản thu nhỏ của ảnh trong thư viện và làm mờ nó. Khi người dùng cuộn xuống, lazy loading sẽ tải xuống ảnh kích thước đầy đủ.

Tuyệt vời hơn nữa, lazy loading của Speed Cachekhông hề cản trở quy trình làm việc của bạn. Thay vào đó, nó sẽ tự động lazy loading vào quy trình của bạn: chỉ cần chèn một hình ảnh hoặc thư viện ảnh vào bất kỳ đâu trên blog Joomla! của bạn, Speed Cache sẽ tự động tải lười biếng từng hình ảnh một 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ừ theo tùy chọn của bạn - đã được tải xong.

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

Lazy loading liên quan đến việc cuộn trang và chiều cao màn hình. lazy loading của Speed Cacherất thông minh ở chỗ nó chỉ áp dụng cho 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 cuộn trang chậm, bạn thậm chí sẽ không nhận thấy lazy loading được kích hoạt trên websiteJoomla của mình.

Hơn nữa, 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ó ở giữa trang, ví dụ như trong trường hợp liên kết đến một điểm neo. 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

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 dữ liệu nội dung của bạn, chẳng hạn như bot Google, sẽ chỉ thấy những lợi ích sau:

• Thời gian tải trang tốt hơn nhiều;
• Toàn bộ 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.

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

Tất nhiên, chúng ta cũng có thể lưu ý rằng Speed Cache còn 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 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