Tăng tốc độ tải trang

[thien-do]

Mình nghĩ với dự án này thì việc tải trang nhanh, hay nói chính xác hơn là việc tải được nhiều thông tin nhất trong khoảng thời gian ngắn nhất, sẽ có lợi cho người dùng do đặc điểm của đối tượng người dùng bên mình.

Mình có kiểm tra và nhận thấy có 1 số điểm chúng ta có thể tối ưu được:

• Sử dụng font có sẵn thay vì custom web font. Dù hiện tại đã dùng "swap" nhưng nó vẫn tốn khoảng thời gian fetch css của font (do file css lấy từ google fonts, và afaik google fonts có dựa vào request user agent để trả về css phù hợp)
• Tối ưu hình ở trang chủ. Mình không chắc hình có được tối ưu chưa, nhưng cái rõ hơn là kích thước khá lớn. Nếu người dùng vào bằng điện thoại (mình nghĩ là phổ biến) thì kích thước này khá là dư thừa.
• Có 1 cái loading lúc ban đầu, mình k rõ là loading gì. Nhưng minh có để ý là khoảng thời gian để server trả lời cũng đã khá đáng kể (TTFB), nhưng vẫn có client loading. Mình sẽ tìm hiểu kỹ hơn về mục này.
• Sử dụng native thay vì jquery Không sử dụng jquery để giảm thời gian tải trang #181

[thien-do]

cc @kc97ble

[DungDA]

@dvkndn �cảm ơn bạn nhiều nhé, những thứ chi tiết và tỉ mỉ này cần có người giúp, bạn có thể tạo PR hoặc sửa cùng team nhé, ngoài ra thêm được lazy load cho ảnh và video trên site hiện tại được thì tốt quá.

[thien-do]

ồ mình chỉ mới thấy ảnh chứ chưa thấy video. Ít nhất với tấm hình ở trang chủ thì mình nghĩ có thể lazy vì nội dung nó không critical cho công tác cứu hộ.

Để mình tạo PR cho 2 mục trên :D

[DungDA]

@dvkndn hi trang này có video: https://cuuhomientrung.info/huong_dan_tnv/

Tạo code theo kiểu tiện cho việc sau này luôn, ví dụ các bạn sau muốn dùng lại lazy load chỉ việc theo 1 format là content tự nhận. Và vụ font chữ với tối ưu cũng tạo chuẩn sẵn để các bạn làm về sau follow theo bạn luôn (y)

[thien-do]

Ok bạn :D

[dothanhlam97]

cc a @mihnsen và @kc97ble

[thien-do]

tks @dothanhlam97 . Anh lỡ cc @kc97ble khắp các mặt trận luôn rồi :)) chắc mai em nó nhiều noti lắm

[mihnsen]

cc a @mihnsen và @kc97ble

All good for me!

[mihnsen]

@dvkndn
Để mình thêm ít thông tin, để chia nhỏ xuống xem có dễ hơn ko?
2 cái trang sau đây là public ai cũng vào xem được. - có thông tin người dùng, đang dùng webpack để build js/css

• https://cuuhomientrung.info/
• https://cuuhomientrung.info/ho_dan

Những trang được liệt kê ở đây là template trong django admin, sẽ có màn hình authenticate để vào các trang này sớm (theo mình nghĩ vậy).

Về 2 cái checkbox cần làm mình chia thành 2 issues nhỏ để mention những ng làm nó từ đầu rồi ta resolve luôn nha:

• Cái hình ở trang chủ - Tối ưu banner ở homepage #194
• Cái loading - Remove loading ở homepage #195

[thien-do]

cám ơn @mihnsen nhé

về mức độ ưu tiên mình nghĩ là 2 trang public quan trọng nhất (tại vì expected là users sẽ truy cập trang trong điều kiện khó khăn) còn những trang admin có thể tối ưu sau (vì mình nghĩ là admin sẽ có điều kiện mạng tốt hơn public users?)