Tối ưu performace khi sử dụng ảnh với srcset | Thuộc tính srcset của thẻ IMG

👉 Tìm hiểu khóa học HTML CSS Pro: https://fullstack.edu.vn/landing/html... 👉 XEM LỘ TRÌNH HỌC: https://fullstack.edu.vn/learning-paths 👉 Đăng Ký Học Offline Tại F8: https://short.f8team.dev/dang-ky-hoc-... Trong video này mình sẽ chia sẻ tới các bạn về các cách tối ưu performace khi sử dụng ảnh với srcset | Thuộc tính srcset của thẻ IMG https://developer.mozilla.org/en-US/d... Khi làm việc với hình ảnh chúng ta cần quan tâm tới tối ưu hiệu năng (perfomance) để giúp người dùng truy cập nhanh hơn và tiết kiệm băng thông. Trong video này, mình hướng dẫn các bạn cách sử dụng thuộc tính srcset của thẻ IMG nhé. Vấn đề tốn băng thông? Khi bạn sử dụng tài nguyên lớn hơn mức cần thiết thì máy chủ web và người dùng của bạn đều phải chịu tốn băng thông hơn. Phía máy chủ, tốn băng thông cho việc truyền dữ liệu về máy khách hàng. Phía khách hàng, tốn băng thông cho việc tải dữ liệu về. Đương nhiên, cả bạn và khách hàng của bạn đều phải chịu chi phí. Đối với trang web nhỏ thì bạn chỉ phải trả rất ít chi phí cho băng thông máy chủ, nhưng với trang truyền tải nhiều tài nguyên (như khóa học Pro của F8 phải truyền tải hình ảnh/video thông qua CDN) thì chi phí sẽ rất lớn. Khi đó, việc tối ưu hình ảnh góp một phần đáng kể vào chi phí về mặt cơ sở hạ tầng. #hoclaptrinh #hoclaptrinhmienphi #javascript #responsive #frontend #backend #devops #f8 ------- ☻ Phần mềm sử dụng trong video: Công cụ dịch Tiếng Anh: http://bit.ly/2Wsuhet Công cụ đo đạc giao diện web: https://s.net.vn/D8kL Công cụ viết CV xin việc chuyên nghiệp: https://mycv.vn -------------- ☻ Khóa học lập trình web MIỄN PHÍ: Kiến thức nhập môn: https://fullstack.edu.vn/courses/less... Xây dựng giao diện với HTML, CSS: https://fullstack.edu.vn/courses/html... Xây dựng web responsive: https://fullstack.edu.vn/courses/resp... Lập trình Javascript cơ bản: https://fullstack.edu.vn/courses/java... Lập trình Javascript nâng cao: https://fullstack.edu.vn/courses/java... Làm việc với Terminal & Ubuntu: https://fullstack.edu.vn/courses/wind... Xây Dựng Website với ReactJS: https://fullstack.edu.vn/courses/reactjs Xây dựng web với Node & Express: https://fullstack.edu.vn/courses/nodejs HTML, CSS tips: https://fullstack.edu.vn/courses/html... Ứng dụng cảnh báo khi sờ lên mặt: https://fullstack.edu.vn/courses/tool... Xem thêm tại: https://fullstack.edu.vn/courses ------------------------------------- F8 Official (c) Sơn Đặng Website: https://fullstack.edu.vn Facebook cá nhân:   / sondnf8   Nhóm Học Lập Trình Web:   / f8official   Email: [email protected] © Bản quyền thuộc về Channel F8 Official ☞ Do not Reup © Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.