Làm thế nào để website hoạt động nhanh hơn? Lí do
nào khiến Website bị chậm tới vậy? Một trong những nguyên nhân đáng để bạn quan
tâm đó là do số lượng kết nối tới Server khiến cho website bị quá tải. Để khắc
phục được tình trạng ấy mời bạn tham khảo bài viết dưới đây của Công Nghệ Info
Như các bạn đã biết, khi một trang web html được tải
xuống nó còn bao gồm các tài nguyên khác như css, hình ảnh, javascript. Thường
chúng ta thường di chuyển chúng ra một tập tin để dễ dàng chỉnh sửa website sau
này, mỗi tài nguyên đó sẽ mất thêm một kết nối tới server để tải về. Thông thường
mỗi trang html hiện nay được tải xuống thường rơi vào > 20 kết nối.
Ở bài viết này mình sẽ hướng dẫn các bạn giảm số lượng
kết nối tới server để website hoạt động nhanh hơn, thông qua việc giảm một số
request của các hình ảnh thường xuyên sử dụng trên website.
HƯỚNG
DẪN THỰC HIỆN
Thông thường chúng ta thường hay sử dụng thẻ <img
src=”link ảnh” /> hoặc trong css thì background:url(link ảnh) phải không
nào?
Bước
1:
Đầu tiên truy cập website: http://www.base64-image.de đây là website hỗ trợ tải
một bức ảnh lên và chuyển sang mã base64. Sau khi truy cập vào website các bạn
chọn nút màu vàng “Upload Image” sẽ có giao diện như dưới đây:
Bước
2:
Bạn chọn tập tin tải lên, sau đó bấm nút “Encode Image” sẽ có giao diện như
sau:
Một giao diện như hình trên sẽ hiện ra, tại đây nếu
các bạn sử dụng thẻ <img thì copy đoạn
“XHTML Image“, css thì copy đoạn “CSS
Background Image“.
Cùng tìm hiểu và thực hiện theo chúng tôi để tối ưu
số lượng tài nguyên kết nối đến Server một cách nhanh và hiệu quả nhất nhé. Hãy
cùng làm và cảm nhận sự khác biệt nhé!
0 nhận xét :
Đăng nhận xét