Bạn có muốn tìm hiểu cách tải hình ảnh chậm trong WordPress không?
Tải chậm cho phép website của bạn chỉ tải hình ảnh khi người dùng cuộn xuống một hình ảnh cụ thể, giúp giảm thời gian tải website và cải thiện hiệu suất của website. Nhiều website phổ biến có nhiều hình ảnh sử dụng tải chậm để tăng tốc độ và hiệu suất của website.
Trong bài viết này, WPBeginner Việt Nam sẽ hướng dẫn bạn cách tải ảnh dễ dàng trong WordPress theo từng bước.
Tại sao nên tải hình ảnh chậm trong WordPress?
Tải chậm hình ảnh WordPress có thể tăng tốc website của bạn và mang lại trải nghiệm tốt hơn cho người dùng.
Không ai thích các website chậm. Trên thực tế, một nghiên cứu về hiệu suất website đã phát hiện ra rằng thời gian tải trang chậm 1 giây sẽ dẫn đến ít hơn 7% lượt chuyển đổi, ít hơn 11% lượt xem trang và giảm 16% mức độ hài lòng của khách hàng.
Các công cụ tìm kiếm như Google cũng không thích các website tải chậm. Đây là lý do tại sao các website nhanh hơn được xếp hạng cao hơn trong kết quả tìm kiếm.
Hình ảnh mất nhiều thời gian nhất để tải trên trang WordPress của bạn so với các thành phần web khác. Nếu bạn thêm nhiều hình ảnh vào bài viết của mình, thì mỗi hình ảnh sẽ làm tăng thời gian tải trang của bạn.
Một cách để xử lý tình huống này là sử dụng dịch vụ CDN như BunnyCDN. CDN sẽ cho phép người dùng download hình ảnh từ server web gần họ nhất và giảm tốc độ tải website.
Tuy nhiên, hình ảnh của bạn vẫn sẽ được tải và ảnh hưởng đến thời gian tải trang tổng thể. Để khắc phục sự cố này, bạn có thể trì hoãn việc tải hình ảnh bằng cách deploy tải chậm trên website của mình.
Tải hình ảnh chậm hoạt động như thế nào?
Thay vì tải tất cả hình ảnh cùng một lúc, tải lười biếng chỉ download những hình ảnh hiển thị trên màn hình của người dùng. Nó thay thế tất cả các hình ảnh khác bằng hình ảnh giữ chỗ hoặc khoảng trống.
Khi người dùng cuộn xuống trang, website của bạn sẽ tải những hình ảnh có thể nhìn thấy trong vùng xem của trình duyệt.
Tải chậm có thể mang lại rất nhiều lợi ích cho blog WordPress của bạn:
- Nó làm giảm thời gian tải website ban đầu để người dùng có thể thấy website của bạn nhanh hơn.
- Nó tiết kiệm băng thông bằng cách chỉ cung cấp những hình ảnh được xem, giúp bạn tiết kiệm chi phí hosting WordPress.
Phiên bản WordPress 5.5 đã bổ sung tính năng tải chậm làm tính năng mặc định.
Tuy nhiên, nếu bạn muốn custom cách tải chậm hình ảnh và tải chậm hình ảnh nền, thì bạn sẽ cần sử dụng plugin WordPress.
Chúng ta hãy cùng xem cách tải hình ảnh lười biếng trong WordPress bằng hai plugin khác nhau. Bạn có thể sử dụng các link nhanh bên dưới để chuyển thẳng đến phương pháp bạn muốn sử dụng:
Phương pháp 1: Tải hình ảnh lười biếng trong WordPress bằng WP Rocket
Chúng tôi khuyên bạn nên sử dụng plugin WP Rocket để tải chậm hình ảnh trong WordPress. Đây là plugin lưu trữ đệm WordPress tốt nhất trên thị trường cho phép bạn dễ dàng bật tải chậm hình ảnh.
Ngoài ra, đây là một plugin rất mạnh mẽ giúp bạn tối ưu hóa tốc độ trang mà không cần biết các thuật ngữ kỹ thuật phức tạp hoặc cấu hình cài đặt chuyên gia.
Ngay khi cài đặt, tất cả các cài đặt cache mặc định được recommend của họ sẽ giúp tăng tốc đáng kể website WordPress của bạn.
Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin WP Rocket. Để biết thêm chi tiết, bạn có thể xem hướng dẫn của WPBeginner Việt Nam về cách cài đặt plugin WordPress.
Để bật tải lười biếng hình ảnh, tất cả những gì bạn phải làm là đánh dấu vào một vài ô. Bạn thậm chí có thể bật tải lười biếng cho video, điều này sẽ cải thiện tốc độ website của bạn nhiều hơn nữa.
Tất cả những gì bạn cần làm là đi đến Cài đặt » WP Rocket trong dashboard WordPress của bạn và nhấp vào tab ‘Phương tiện’. Sau đó, bạn có thể cuộn đến phần ‘LazyLoad’ và đánh dấu vào các hộp bên cạnh ‘Bật cho hình ảnh’ và ‘Bật cho iframe và video’.
Để biết thêm chi tiết, hãy xem hướng dẫn của WPBeginner Việt Nam về cách cài đặt và thiết lập WP Rocket đúng cách trong WordPress.
Ghi chú: Nếu bạn đang sử dụng Siteground làm nhà cung cấp dịch vụ hosting WordPress của mình, thì bạn có thể sử dụng miễn phí Trình tối ưu hóa SiteGround plugin có tính năng tải chậm tương tự.
Phương pháp 2: Tải hình ảnh lười biếng trong WordPress với Optimole
Phương pháp này sử dụng miễn phí Tối ưu plugin. Đây là một trong những plugin nén ảnh WordPress tốt nhất cho phép bạn dễ dàng kích hoạt tính năng tải ảnh chậm.
Nếu bạn có hơn 5.000 lượt truy cập mỗi tháng, thì bạn sẽ cần phiên bản cao cấp của Optimole. Để biết thêm chi tiết, hãy xem bài đánh giá Optimole đầy đủ của WPBeginner Việt Nam.
Trước tiên, bạn cần cài đặt và kích hoạt plugin Optimole. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của WPBeginner Việt Nam về cách cài đặt plugin WordPress.
Khi kích hoạt, bạn sẽ thấy một màn hình yêu cầu bạn đăng ký khóa API. Bạn cũng có thể tìm thấy màn hình này bằng cách điều hướng đến Tối ưu trong menu quản trị.
Bạn sẽ cần đảm bảo rằng địa chỉ email được liệt kê là chính xác và sau đó nhấp vào nút ‘Tạo & kết nối tài khoản của bạn’. Ngoài ra, nếu bạn là người dùng hiện tại, chỉ cần nhấp vào nút ‘Tôi đã có khóa API’.
Bạn có thể cần phải đợi vài giây trong khi plugin kết nối với Optimole. Sau đó, plugin sẽ tự động bắt đầu tối ưu hóa hình ảnh của bạn để người dùng của bạn sẽ thấy những hình ảnh tốt nhất cho thiết bị của họ.
Trong khi điều đó đang diễn ra, bạn có thể nhấp vào tab ‘Cài đặt’ để cấu hình tải chậm.
Ở đây, bạn cần đảm bảo cài đặt ‘Scale images and & Lazy load’ được bật. Điều này sẽ tạo hình ảnh dựa trên kích thước màn hình của người dùng và cải thiện tốc độ tải.
Tiếp theo, nhấp vào option menu ‘Nâng cao’ và chọn ‘Lazyload’. Trên màn hình này, có một vài thiết lập khác nhau cho phép bạn custom cách tải chậm hình ảnh của mình.
Đầu tiên, bạn có thể điều chỉnh cài đặt ‘Loại trừ số lượng hình ảnh đầu tiên khỏi lazyload’. Điều này sẽ ngăn hình ảnh ở đầu bài đăng hoặc trang của bạn khỏi lazy loading, do đó hình ảnh ở trên sẽ luôn xuất hiện.
Bạn có thể đặt thành 0 nếu muốn tải chậm mọi hình ảnh.
Có một số cài đặt tải chậm nâng cao khác trong Optimole mà bạn có thể kiểm tra. Các cài đặt này được bật theo mặc định.
Đầu tiên là cài đặt ‘Scale Images’. Cài đặt này sẽ thu nhỏ hình ảnh theo kích thước màn hình của người dùng và giúp trang của bạn tải nhanh hơn.
Sau đó, bạn sẽ thấy cài đặt ‘Enable lazyload for background images’. Cài đặt này sẽ tải chậm hình ảnh nền của bạn, có thể là hình ảnh lớn nhất trên website của bạn.
Một thiết lập khác là tải chậm video nhúng và iframe. Nếu bạn có nhiều content video nhúng, thì bạn sẽ muốn để thiết lập này ở chế độ bật. Nó sẽ tải hình ảnh giữ chỗ thay cho video. Khi nhấp vào hình giữ chỗ, video đầy đủ sẽ được tải.
Bạn có thể tiếp tục custom các cài đặt này và xem cài đặt nào phù hợp nhất với website và hình ảnh của bạn.
Trước khi thoát khỏi phần cài đặt plugin, hãy nhớ nhấp vào nút ‘Lưu thay đổi’ ở cuối trang.
Mẹo thưởng để tối ưu hóa hình ảnh WordPress của bạn
Mặc dù tải chậm sẽ giúp cải thiện tốc độ tải website, nhưng vẫn có một số cách khác để tối ưu hóa hình ảnh WordPress của bạn để có hiệu suất tốt nhất.
Ví dụ, WPBeginner Việt Nam khuyên bạn nên nén hình ảnh của mình trước khi tải chúng lên website bằng một công cụ như TinyPNG hoặc JPEGminiNgoài ra, bạn có thể sử dụng plugin nén ảnh tự động như Optimole hoặc EWWW Image Optimizer.
Việc chọn đúng kích thước ảnh WordPress và định dạng file cho ảnh của bạn cũng rất quan trọng. JPEG phù hợp nhất với ảnh hoặc ảnh có nhiều màu, PNG phù hợp với ảnh đơn giản hoặc trong suốt và GIF chỉ dành cho ảnh động.
Chúng tôi hy vọng bài viết này giúp bạn học cách tải hình ảnh lười biếng trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của WPBeginner Việt Nam về cách tối ưu hóa hình ảnh cho web một cách dễ dàng mà không làm giảm chất lượng và các chuyên gia của WPBeginner Việt Nam lựa chọn phần mềm thiết kế web tốt nhất.
Nếu bạn thích bài viết này, vui lòng đăng ký theo dõi WPBeginner Việt Nam Kênh Youtube cho các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy WPBeginner Việt Nam trên Twitter Và Facebook.