Mình viết bài này chủ yếu là để tích trữ lại kinh nghiệm cho mình khi đang làm công việc trên updatemoi.com . Đây là một trang web blog dạng chia sẻ và cũng là nơi mình lưu trữ lại những gì mình học hỏi được và lưu trữ nó lại trên này. Thì ở bài này mình cũng gặp phải trường hợp khi đang có ý định chuyển website sang host mới. Sau đây là hướng dẫn cách tối ưu hóa hình ảnh cho website wordpress mới nhất, tham khảo để tối ưu nhất dung lượng cho web của mình nha
Ban đầu thì mình dùng host chùa ( công ty ) để cắm website vì host này công ty đã bỏ . Sắp đến ngày hết hạn thì mình nhận thấy rằng file ảnh của mình chiếm 95% tổng số dung lượng . Chính vì thế mình đi tìm hiểu ở các website và thấy phương pháp của bác thạch phạm là tuyệt vời nhất nhưng hơi dài dòng. Vì vậy mình làm bài này để tóm tắt lại và cũng lưu trữ lại một kinh nghiệm về tối ưu ảnh trên wordpress cho riêng mình
Xem Nhanh Mục Lục
Giới thiệu về Size ảnh trên website wordpress
Lúc đầu thì mình cũng không để ý lắm đâu vì cứ tải ảnh lên rồi update vào bài là xong , sau đó là backup lại website . Khi sắp chuyển host mình mới tìm hiểu được rằng trong wordpress thì để tối ưu được hình ảnh wordpress có tính năng tự động cắt tấm ảnh mà mình tải lên ra làm nhiều site khác nhau. Điều đó có nghĩa là mỗi size sẽ là một tấm ảnh , thông thường thì wordpress tự động sản sinh ra 3 size ( tùy vào từng theme mà có nhiều size hơn ) như vậy cũng đồng nghĩa với việc khi bạn tải 1 bức ảnh lên thì sẽ có 4 tấm ảnh được sản sinh ra.
Để kiểm chứng bạn có thể vào /wp-content/uploads hoặc vào trong host tìm file uploads để kiểm tra
Để xóa các ảnh đã được cắt size và mặc định cho wordpress không sản sinh ra các bức ảnh khác nhau thì các bạn thực hiện theo các bước sau :
Các bước tối ưu hóa hình ảnh cho website wordpress
Bước 1 : Cài AJAX Thumbnail Rebuild cho website wordpress
- Bạn nhấn vào link AJAX Thumbnail Rebuild để tải
Sau khi tải xong bạn vào phần Tool ( Công cụ ) và nhấn vào Rebuild Thumbnail để xem các key size ảnh đang được dùng trên website của mình
Tiếp theo bạn nhập đoạn code bên dưới vào file functions.php nhằm vô hiệu hóa
function remove_unused_image_size( $sizes) {
unset( $sizes[‘thumbnail’]);
unset( $sizes[‘medium’]);
unset( $sizes[‘medium_large’]);
unset( $sizes[‘featured’]);
unset( $sizes[‘featuredfull’]);
unset( $sizes[‘widgetfull’]);
unset( $sizes[‘smallthumb’]);
}
add_filter(‘intermediate_image_sizes_advanced’, ‘remove_unused_image_size’);
Lưu ý : Bạn đổi tên key của size ảnh cho phù hợp nhé ! Ở đây mình sử dụng ảnh to cho website nên mình đã loại không cho vô hiệu hóa key large. Tiếp theo lưu lại file này và thực hiện bước tiếp
Bước 2: Xóa những ảnh sử dụng trên website wordpress
Như bạn đã biết thì những ảnh được sinh ra khi tải lên trên wordpress vẫn được coi là đã sử dụng. Và khi bạn gán lệnh vào php thì mặc định hệ thống rằng đó là những ảnh không được sử dụng. Chính vì thế ở bước này bạn cần tải plugin Image Cleanup. Ở bài viết dưới đây có hướng dẫn cách tải và cách sử dụng plugin này
Ảnh đã xóa trên plugin Image Cleanup tại updatemoi.com
Bước 3 : Tối ưu lại dung lượng hình ảnh cho website
Sau khi đã xóa hết những ảnh thừa như ảnh ở trên thì bạn tiến hành tối ưu lại dung lượng ảnh trên web. Bởi chất lượng ảnh trên web của bạn sẽ có cái cao cái thấp mà nếu chất lượng ảnh cao đồng nghĩa với việc dung lượng ảnh sẽ lớn và làm ngốn đi nguồn tài nguyên trên host của bạn, thường thường ta chỉ cần mức độ để người dùng xem được . Vậy sao bạn không giarm dung lượng ảnh đi mà chất lượng thì vẫn y nguyên
Plugin EWWW Image Optimizer sẽ giúp bạn làm được điều này. Đây là một ứng dụng hoàn toàn miễn phí hỗ trợ giảm dung lượng ảnh trên trang web của bạn . Đặc biệt khi bạn tải ảnh lên nó cũng sẽ tự động giảm đi dung lượng ảnh luôn
Như vậy sau khi thực hiện xong 3 bước trên bạn thử xem dung lượng của website bạn như thế nào nhé. Nếu như bạn còn gặp bất cứ tình trạng nào liên quan đến việc hướng dẫn cách tối ưu hóa hình ảnh cho website wordpress này hãy comment xuống phía dưới bài viết này để được hỗ trợ tốt nhất nhé!
Nguồn: Cập nhật mới
