3.1. Phân ph i hình nh đ nh d ng m i
Hình 7.3: nh d ng nh *.png làm ch m quá trình t i
Nh n th y nh ng hình nh mà h th ng đang s d ng là *.png, đ nh d ng này s làm quá trình t i trang web ch m h n. Do đó chúng tôi quy t đ nh thay đ i đ nh d ng nh sang *.wepb, đ th c hi n đi u này chúng tôi s d ng công c Convertio.
- B c 1: Ta ch n “Ch n t p tin” và t i lên nh ng hình nh c n chuy n đ i đ nh d ng.
131
- B c 2: Ta ch n đ nh d ng mu n chuy n đ i là *.webp và ch n “Chuy n đ i”
Hình 7.5: Ch n đ nh d ng mu n chuy n đ i là *.webp
- B c 3: Ta t i v nh ng hình nh đã đ c chuy n đ i đ nh d ng và thay th cho nh ng hình nh c .
132
3.2. Gi m JavaScript không dùng đ n
Hình 7.7: D th a JavaScript làm ch m quá trình t i
JavaScript là m t trong nh ng tài nguyên ch n trang, có ngh a là vi c hi n th HTML có th b ch n hay làm ch m b i Javascript. Vi c t i các file JavaScript n ng và cùng lúc có th làm ch m quá trình t i trang, do đó chúng tôi đã th c hi n 2 bi n pháp sau:
- Lo i b nh ng file JavaScript không dùng đ n.
- S d ng React.lazy() đ ch t i Component khi th c s c n thi t. Nó giúp c i thi n hi u su t c a ng d ng, đ ng th i có th giúp ta ti t ki m r t nhi u tài nguyên.
133
3.3. Gi m m c nh h ng c a mã bên th ba
Hình 7.9: Vi c t i mã JavaScript c a Plugin Messenger làm ch m trang web Nh n th y trang ch có s d ng Plugin Messenger đ h tr khách hàng có th nh n tin đ n fanpage c a chúng tôi. Vi c t i các đo n mã JavaScript c a Plugin Messenger vô tình làm ch m quá trình t i trang web.
Do đó chúng tôi đã s d ng thu c tính async đ cho phép t i mã JavaScript b t đ ng b . T c là vi c hi n th HTML s không b ch n cho đ n khi mã JavaScript c a Plugin Messenger hoàn t t quá trình t i xu ng.
134 Hình 7.10: S d ng thu c tính async đ t i b t đ ng b
3.4. M t s bi n pháp khác
Ngoài ra theo đ xu t c a PageSpeed Insights chúng tôi còn s d ng các bi n pháp khác nh :
- t chi u r ng và chi u cao rõ ràng đ i v i các ph n t hình nh đ gi m s thay đ i v b c c và c i thi n hi u su t.
- Phân phát hình nh có kích th c phù h p đ ti t ki m d li u di đ ng và c i thi n th i gian t i.
- Gi m nh ng quy t c không dùng đ n trong các bi u đ nh ki u và trì hoãn CSS ch a s d ng cho n i dung trong màn hình đ u tiên đ gi m s byte mà ho t đ ng m ng s d ng.
135