# Tối ưu ảnh cho website ReplyBlock
Vào một chiều đẹp trời ngồi cafe một mình và bị người yêu đang đi biển gửi hình cho gato, mình quyết định ngồi optimize image của project đang làm. Nghe cũng chả liên quan gì đến nhau lắm nhỉ ~.~ Thôi kệ, bắt đầu nhé 🐼
# Nguyên nhân
Mình thấy tốc độ load trang khá chậm, khi xem tab network thì thấy có 1 số ảnh khá tốn dung lượng => quyết định tìm hiểu và giảm size những file nào có thể
Vì mình đang học go nên viết = go luôn. Code còn cùi, các cao thủ golang chỉ giáo giúp em với ^^
# Từng bước
Bước 0
Loại bỏ file thừa
Để đỡ tốn thời gian vô ích, mình xoá hết các file không dùng trong project để đỡ tốn thời gian và dung lượng 😄
Bước 1
Tải phần mềm convert của imagemagick
Chúng ta sẽ cần tool này để convert ảnh. Vậy nên download thôi.
Vì mình từng tải imagemagick khi làm việc ở công ty cũ rồi nên không cầi tải nữa 😄
Bước 2
Liệt kê các file ảnh + dung lượng
Vì convert chỉ tác dụng với png, jpg, gif nên chỉ cần liệt kê các file này thôi nhé 😄
Và ta sẽ có kết quả:
Bước 3
Convert file
Vì imagemagick chạy bằng command line nên chúng ta cần xài "exec.Command". Và mình cũng cần lưu kết quả lại cho mọi người trong team xem nên sẽ lưu kết quả vào file 😄
Hehe, một phần kết quả cuối đây:
Cũng ấn tượng đấy chứ phải không? Việc giảm dung lượng file ảnh giúp cho việc load trang nhanh hơn phần nào, tăng trải nghiệm người dùng. Code mình để ở link dưới: