Bạn mở web trên máy tính ở văn phòng thấy nhanh, nhưng khách nhắn “web load mãi không lên”. Hai người không sai: cùng một trang có thể nhanh trên máy tính và chậm trên điện thoại. Google cũng chấm điểm chủ yếu theo bản điện thoại, nên đây là chỗ cần sửa trước. Bài này giải thích vì sao có chênh lệch, cách đo cho đúng và những việc sửa được.
1. Vì sao điện thoại chậm hơn
Điểm hay bị bỏ qua nhất là bộ xử lý. Ngay cả khi mạng 4G đủ nhanh, điện thoại tầm trung chạy JavaScript chậm hơn máy tính nhiều lần. Một trang nhiều hiệu ứng, nhiều mã theo dõi, chat và popup có thể bắt điện thoại xử lý vài giây trước khi khách bấm được gì.
2. Đo cho đúng
- PageSpeed Insights: chọn tab Điện thoại (mặc định). Phần dữ liệu thật của người dùng là phần quan trọng nhất. Bài Core Web Vitals là gì giải thích các chỉ số.
- Thử trên máy thật: dùng một điện thoại tầm trung, tắt wifi, mở cửa sổ ẩn danh, đi từ kết quả Google vào web. Đừng thử bằng máy đời mới nhất đang đăng nhập web.
- Công cụ của trình duyệt: Chrome trên máy tính (F12 → biểu tượng điện thoại) giả lập màn hình nhỏ và có thể giảm tốc mạng, CPU.
3. Nguyên nhân thường gặp
- Ảnh to: ảnh 2000 px gửi cho màn hình rộng 400 px. Theme thiếu ảnh cỡ nhỏ cho điện thoại, hoặc ảnh nền đặt bằng CSS không có bản nhỏ.
- Slider đầu trang: tải nhiều ảnh lớn cùng lúc và chạy JavaScript ngay khi mở trang.
- Script bên thứ ba: nút chat, popup, widget mạng xã hội, nhiều mã theo dõi quảng cáo. Trên điện thoại, đây thường là nguyên nhân lớn nhất làm trang “đơ”.
- Font: nhiều họ chữ, nhiều độ đậm, tải từ dịch vụ ngoài.
- Trình dựng trang tạo ra quá nhiều khối lồng nhau, cộng thêm phần ẩn trên điện thoại nhưng vẫn tải.
- Pop-up toàn màn hình hiện ngay khi vào: vừa chậm vừa có thể bị Google đánh giá là trải nghiệm kém trên điện thoại.
4. Sửa theo thứ tự
- Ảnh đầu trang: thu nhỏ, chuyển WebP, không lazy load ảnh này. Chi tiết trong bài tối ưu ảnh WordPress với WebP. Có thể dùng công cụ nén ảnh WebP miễn phí.
- Bỏ hoặc hoãn script bên thứ ba: chỉ giữ mã theo dõi bạn thật sự xem số liệu. Nút chat có thể tải sau vài giây hoặc khi khách cuộn trang.
- Thay slider bằng một ảnh tĩnh kèm tiêu đề và nút bấm rõ ràng.
- Ẩn đúng cách: phần ẩn trên điện thoại vẫn bị tải nếu chỉ ẩn bằng CSS. Nếu phần đó nặng (video, bản đồ), hãy bỏ hẳn khỏi bản điện thoại.
- Bật cache trang nếu chưa có. Xem bài chọn plugin cache.
- Kiểm tra cỡ chữ và nút bấm: chữ đủ to để đọc không cần phóng, nút đủ lớn và cách nhau để không bấm nhầm.
5. Kiểm tra lại trên máy thật
Sau khi sửa, thử lại trên điện thoại qua 4G và đi hết đường mua hàng: trang chủ, danh mục, sản phẩm, thêm vào giỏ, thanh toán. Ghi lại chỗ nào phải chờ. Dữ liệu thật trên PageSpeed và Search Console cần khoảng 28 ngày để phản ánh thay đổi. Trong lúc chờ, dùng kiểm tra website của DatPilot để xem nhanh tốc độ đo bằng Chrome thật.
6. Khi nào nên nhờ người làm
Nếu web dùng theme hoặc trình dựng trang nặng, sửa trên điện thoại có khi phải dựng lại vài phần giao diện. Gói tăng tốc website WordPress giá 990.000đ xử lý ảnh, cache, script thừa. Muốn đạt Core Web Vitals trên điện thoại ở mọi nhóm trang thì gói tối ưu tốc độ nâng cao 1.900.000đ đến 2.900.000đ.
