Tối ưu hình ảnh trong bài viết tăng điểm pagespeed

Rất cảm ơn các bác đã trả lời nhiệt tình trong topic trước của em. Giờ em muốn hỏi thêm:
developers. google. com bảo là ảnh của website cần được resize để giảm kích thước cho nhẹ. Vậy giờ nếu e up ảnh lên flickr. com rồi dẫn link về thì có giải quyết được vấn đề ko?
Nếu các bác có gợi ý gì cho các lỗi khác xin cứ nói ạ

 

Bạn có thể sử dụng save for web & Devices của pts để nén ảnh, cứ để ảnh ở mức độ high thì ảnh cũng đã nhẹ và vẫn nét.
Bạn và pts rồi dùng tổ hợp phím ctrl + shift + alt+ s là sẽ hiện lên cửa sổ
Mà nên dùng ảnh đã resize ảnh về đúng kích thước trước khi cho ảnh lên site, tránh tình trạng đăng ảnh to đùng lên rồi dùng css để ép ảnh nhỏ lại thì ảnh sẽ rất nặng

 

- Bạn chưa tạo cache cho web .
- Hình ảnh thì không nên up lên từ các trang khác rồi lại dẫn về trang bạn, như vậy không tốt cho SEO hình ảnh + nếu mạng yếu sẽ load rất chậm vì các trang kia từ server nước ngoài + nếu hình ảnh trên đó gặp sự cố thì web bạn sẽ bị ảnh hưởng rất nhiều.
Bạn có thể dùng phần mềm RIOT để nén ảnh rất hiệu quả, mình thường dùng nó để làm cho web bên mình, từ vài trăm KB có thể xuống đến còn vài chục KB .

=> Chúc bạn thành công

 

Lúc trước mình nén ảnh dạng base64 images, google cho điểm cao lắm nhưng cảm thấy bất tiện ở chổ code html lằng quằng quá

 

Photoshop ko nén được ảnh theo dạng của google pagespeed tư vấn nhé.

Từ khóa để tìm tool nén ảnh dạng này là lossy compress tool. Bạn có thể thử nghiệm chất lượng sau khi nén qua site https://compressor.io/compress

Hiện cũng có nhiều nhà cung cấp API để khi upload lên sẽ tự động nén cho mình. Việc triển khai lossy có vẻ hơi tốn kém và làm cho 1 bài viết công phu hơn. Hiện mình thử nghiệm trên 1 site trước ( inlayngay.vn nếu các bro quan tâm) nhưng mới được 1 tháng, đang hồi hộp đợi kết quả.

 

Bác hướng dẫn em cách lưu bộ nhớ đệm được không.

 

Nếu là website Wordpress thì dùng plugin tạo cache ấy bạn. Search đi, thiếu gì..

 

Ảnh dung lượng khoảng bao nhiêu là ổn nhất bác nhỉ, em thường để quality 60-70 ảnh vẫn nặng từ 150-200kb, giảm nữa thì sợ ảnh xấu quá

 

vẫn là yếu tố hình ảnh chất lượng tốt, đẹp mắt, với dung lượng thấp <100kb là tốt nhất(học hỏi anh TGDD), CSS load image, tối ưu cache, và không coppy ảnh