Categories Tối ưu thêm

Bao nhiêu % người truy cập website của bạn là từ di động?

Nếu website của bạn có trên 90% lưu lượng truy cập từ di động, bạn sẽ có nhiều cơ hội tối ưu website cả về giao diện lẫn tốc độ.

Hãy xem thống kê này về một website tôi quản lý:

Tỷ lệ người truy cập qua di động
Bạn có thể dễ dàng có được thông tin này qua Google Analytics

Máy bàn với màn hình rộng, khác biệt rất nhiều với thiết bị di động chỉ có kích cỡ tương đương bàn tay (ngay cả khi giờ đây màn hình di động đã lớn hơn nhiều so với ngày xưa).

Hệ quả của màn hình di động nhỏ là:

  • Hầu hết các thiết kế cầu kỳ có cơ hội trình diễn trên máy bàn thì trên di động lại không thể hiện được nhiều, nếu không muốn nói là dư thừa trong phần đa trường hợp
  • Các thông tin bên cột phải mà máy bàn thường có, và thường được ngó nghiêng ít nhiều thì trên di động lại trôi xuống tận cuối bài viết, nơi hầu như chẳng ai để ý tới (hầu hết mọi người không đọc hết bài viết của bạn đâu)
  • Kết nối internet và phần cứng của thiết bị di động yếu hơn đáng kể so với máy bàn (sức mạnh của nó khác nhau như xe máy với ô tô vậy)

Chiến lược tối ưu

Từ những đặc điểm trên bạn có thể tiến hành ưu tiên cho di động, chẳng hạn như:

  • Sử dụng theme đơn giản, ưu tiên tốc độ, vì các giao diện cầu kỳ không biểu hiện được gì nhiều trên di động (tuy nhiên bạn vẫn cần đảm bảo các chức năng căn bản phải có)
  • Loại bỏ cột phải trên di động. Nếu thông tin cột phải bạn cho là rất quan trọng, hãy chèn nó vào giữa bài viết hoặc ở vị trí bạn cho là xứng đáng, còn nếu nó không quan trọng, bạn có thể chèn nó xuống bên cuối bài
  • Trong phần lớn trường hợp không nên tiến hành lazy load trên di động, nó không hấp dẫn như chúng ta nghĩ.
  • Đặc biệt để ý đến các kỹ thuật như critical CSSdefer, async JavaScript. Trên máy bàn bạn chẳng để ý đến các kỹ thuật đó web vẫn nhanh (hoặc ít nhất thì cũng không chậm), trong khi trên di động thì không- tốc độ sẽ giảm đi đáng kể
  • WebP, định dạng ảnh mới giúp tiết kiệm khá nhiều dung lượng có thể rất rắc rối trên di động, vì số lượng trình duyệt di động hỗ trợ nó không cao như máy bàn, ngoài ra còn là các đoạn mã để giúp hiển thị ảnh tương ứng với trình duyệt phù hợp có thể là vấn đề mang tính kỹ thuật, khó nhằn với nhiều người
  • Để ý đến AMP, nó có thể giúp tăng tốc website trên di động rất tốt khi nó truy cập từ máy tìm kiếm, tuy nhiên không phải website nào cũng phù hợp. Nó thường hợp với các trang tin tức, blog đơn giản hơn là các trang có cấu trúc, chức năng phức tạp

Nếu bạn có góp ý gì, hãy để lại bình luận nhé.

Back to Top