Các bước để tối ưu hình ảnh trên WordPress

0
278

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 sinhvienshare.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 sinh viên share sang host mới. 

cach giam dung luong hinh anh tren wordpress

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

Size ảnh trên 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.

quan tri hinh anh tren wordpress

Để 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

cach quan tri hinh anh tren wordpress

Để 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 :

Bước 1 : Cài AJAX Thumbnail Rebuild

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

cach toi uu hinh anh tren wordpress

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 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 

Xóa ảnh không sử dụng trên wordpress

xoa anh thua tren wordpress nhu the nao

Ảnh đã xóa trên plugin Image Cleanup tại sinh viên Share

Bước 3 : Tối ưu lại dung lượng hình ảnh

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

cach giam bot dung luong anh tren wordpress

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é ! Mình đã cải thiện được rồi còn bạn thì sao ?

* Sinhvienshare sẽ không đăng các bình luận chửi bây, vi phạm thuần phong mỹ tục, công kích và xúc phạm cá nhân tổ chức, không liên quan đến nội dung bài viết, bình luận của seeder.