Website optimization

In this presentation, I talk about:
- Technical detail for speeding up website load time, including server stack, cache, theme and plugins.
- Tip for increasing conversion rate for ecommerce website.
- How to improve UX of website.

Transcript

1. WEBSITE OPTIMIZATION
2. XIN CHÀ0! DƯ ĐÌNH TÙNG Lead Web Developer - Cofounder VietMoz Locale Manager & GTE - WordPress tiếng Việt
3. TỐI ƯU CÁI GÌ? » Tốc độ website » Trải nghiệm CHUYỂN ĐỔI
4. TỐC ĐỘ
5. ⇩11% page views 1s delay
6. “1 second delay in page response can result in a 7% reduction in conversions”
8. Tối ưu HÌNH ẢNH
10. SERVER NHANH ….NHANH …….NHANH ……….NHANH ………….NHANH …………….NHANH ……………….NHANH
11. NÉN ~ 90% HTML/CSS/JavaScript
13. AMP » Tải website trong vòng 1s » Có hiệu lực khi tìm kiếm từ Google » Giới hạn trải nghiệm. » Hiện tại chỉ phù hợp với trang tin
14. TRẢI NGHIỆM
15. MOBILE FIRST 70% traffic
16. Tối ưu website cho mobile » Chữ PHẢI ĐỌC ĐƯỢC » Luôn có nút back to top » Ẩn header khi người dùng cuộn xuống, hiện lại khi người dùng cuộn lên » Nút bấm to, rõ ràng, và dễ bấm » Thay phân trang số = nút Xem thêm hoặc Next/Prev » Bỏ tất cả sự kiện mở trong tab mới » Mobile trước > Desktop sau
18. DỄ HIỂU Nông dân cũng hiểu được
20. ✅
21. AI ĐÂY?
22. Đống biểu tượng này là sao???
23. ✅
24. DỄ DÙNG Nông dân cũng dùng được
25. GIỎ HÀNG? Nhất thiết phải có không?
26. SỐ LƯỢNG? Nhất thiết phải có không?
27. EMAIL? Tại sao lại bắt điền email trong khi khách hàng có số điện thoại? Có thể giữ email nhưng không cần bắt buộc điền
28. LƯỢC BỚT TRƯỜNG THÔNG TIN
29. KHÁCH HÀNG CẦN GÌ? » Chính sách bảo hành, đổi trả » Số điện thoại mua hàng » Nút mua hàng, đặt hàng... Hiện thị những thông tin này ngay khi trang vừa tải xong.
31. NGHĨ CHO KHÁCH HÀNG » Giảm thiểu tối đa những bước khách hàng cần thực hiện để hoàn thành hành động quan trọng: ⋄ Mua hàng ⋄ Để lại email ⋄ ...
32. HỖ TRỢ & VẬN HÀNH
33. CHĂM SÓC KHÁCH HÀNG » Trả lời comment, LIVE CHAT , điện thoại phải nhanh, ngắn ngọn, chính xác. » Nếu bán sản phẩm ⋄ Giao hàng nhanh ⋄ Lắp đặt ⋄ Bảo hành
34. LIVE CHAT » Người dùng mobile? » Giữ liên lạc với khách hàng? SUBIZ/LIVECHATINC » Theo dõi hoạt động người dùng. » Chăm sóc khách hàng quay lại » Thông báo trên điện thoại. » Lưu lại thông tin người dùng. FACEBOOK MESSENGER » Không biết khách hàng đang ở đâu. » Không theo dõi được hành vi
35. Phân tích & Đo lường Cải tiến không ngừng
36. Công cụ » Google Analytic » Google Tag Manager » Heatmap » A/B Test
37. THANKS! Any questions? You can find me at » @dinhtungdu » fb.com/tung.du.73
38. CREDITS » Photographs by Pixabay » thegioididong.com » dienmayxanh.com