03 Apr
Cán cân người dùng truy cập Internet bằng thiết bị di động và máy tính đã thay đổi nhanh chóng chỉ trong vòng chưa tới 10 năm. Năm 2009, rất ít người sử dụng thiết bị di động để truy cập web, nhưng chỉ trong vòng 7 năm sau, tỷ lệ đó đã vượt qua máy tính, chủ yếu là từ điện thoại thông minh và máy tính bảng. Lượng truy cập internet trên thiết bị di động lần đầu tiên vượt qua máy tính vào tháng 10/2016 với tỉ lệ 51,3% so với 48,7%. Năm 2018, khoảng 80% số người sử dụng internet truy cập bằng thiết bị di động.
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 CSS và defer, 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
