Tốc độ tải trang có ý nghĩa rất quan trọng đối với một website, ngay cả khi người chủ trang web đã tạo ra các phiên bản khác nhau dành cho di động với thời gian tải trang dưới 1 giây. Nhưng những gì xảy ra trên trang web trên nền tảng di động không phải dễ dàng nắm bắt với đầy đủ công cụ như tren desktop.
Với mục tiêu đó, Google vừa qua đã cập nhật PageSpeed Insights – công cụ giúp các nhà phát triển tối ưu hóa tốc độ tải trang trên website. Nội dung cập nhật lần này tập trung vào những trải nghiệm của người dùng để giúp các chủ trang web tạo ra môi trường trên điện thoại di động mà ở đó người sử dụng có thể điều hướng dễ dàng hơn.
Trong thông báo của mình Google nói:
Giả sử trang web trên di động của bạn chỉ tải mất 2 giây thay vì 7 giây. Nếu người sử dụng điện thoại phải mất 5 giây cho mỗi lần tải và di chuyển màn hình trước khi họ có thể đọc văn bản và tương tác với trang thì trang web sẽ không còn được gọi là nhanh chóng nữa.
Giờ đây, những đề xuất mới đã được đề cập trong Google Insights:
NhanWeb nhận được rất nhiều đề xuất chỉnh sửa từ GooglePhụ mục
1. Cấu hình viewport và kích thước nội dung
“Một viewport control sẽ giúp điều khiển trang web hiển thị trên thiết bị mobile như thế nào” – Google cho biết trong file hướng dẫn. Nếu không có viewport, thiết bị di động sẽ sử dụng kích thước màn hình cho máy tính để hiển thị nội dung. Điều này làm cho kích thước văn bản không phù hợp khi đọc trên thiết bị di động. Việc thiết lập viewport sẽ giúp kiểm soát chiều rộng màn hình thiết bị giúp đọc văn bản dễ dàng hơn và có thể hiển thị khác nhau ở các kích thước màn hình khác nhau của thiết bị di động.
Sử dụng kích cỡ chữ dễ đọc
Google khuyến cáo các trang web nên sử dụng font chữ cơ sở 16 pixel và điều chỉnh khi cần thiết các font chữ, sử dụng không gian theo chiều dọc(vertical) giữa các ký tự văn bản (sử dụng mặc định line-height 1,2em theo trình duyệt là tốt nhất) và hạn chế các font chữ sử dụng.
Kích thước các nút mục tiêu
“Không có gì bực bội hơn là cố gắng nhấp chuột vào một nút hoặc liên kết trên điện thoại hoặc máy tính bảng màn hình cảm ứng và vô tình nhấp nhầm vì kích thước ngón tay của bạn lớn hơn nhiều so với con trỏ chuột máy tính để bàn” – Google cho biết trong thông báo của mình.
Vì vậy, Google khuyến cáo các nút nhấn nên có chiều rộng nên tương đối với kích thước ngón tay trung bình của một người lớn – khoảng 10mm(khoảng nửa inch).
Các đề xuất hướng dẫn giao diện của Android đề xuất kích thước tối thiểu với nút bấm khoảng 7mm hay 48 pixel trong CSS trong một khung màn hình đối với một khung nhìn chuẩn cho kích thước hiển thị – Google cho biết điều này trong phần hỗ trợ của mình.
Những cập nhật khác của PageSpeed Insights
Theo Google, có rất nhiều cập nhật khác trong PageSpeed Insights ngoài những trải nghiệm người dùng mà NhanWeb đã nói ở trên. Ngoài ra, họ còn cập nhật công cụ để thiết kế trang web thân thiện trên thiết bị di động và dịch các tài liệu sang những ngôn ngữ bổ sung khác.
Bạn hãy khám phá PageSpeed Insights để biết thêm nhé!
Xem thêm các bài viết khác:
- Tối ưu hóa frontend với YSlow
- Responsive Design: 7 lời khuyên giúp cải tiến qui trình làm việc của bạn