Sửa tivi |AMP là gì và hoạt động như thế nào???
quybtb > 04-18-2021, 02:52 PM
AMP là cách viết tắt của cụm từ tiếng Anh Accelerated Mobile Pages – nghĩa là trang web dành cho phiên bản di động được tăng tốc. Và Google AMP là công nghệ mã nguồn mở giúp bạn thực hiện quá trình tăng tốc độ tải trang cho các website trên những thiết bị di động khác nhau như smartphone, tablet.
2. Các kỹ thuật cơ bản của Google AMP- Kỹ thuật lazy loading image: trang web sẽ ưu tiên tải nội dung nhẹ hơn, thường là phần text và trì hoãn việc tải hình ảnh, video cho đến người dùng cuộn đến vị trí đó và có xu hướng ngừng lại để xem hình ảnh/ video. Nhờ giảm thiểu tối đa việc tải những dữ liệu không cần thiết, tốc độ tải trang sẽ được cải thiện.
- Kỹ thuật tải javascript bất đồng bộ async: Đây là kỹ thuật thiết kế website sẽ thực hiện chạy code và upload dữ liệu riêng biệt. Nghĩa là khi phần dữ liệu từ đoạn trên vẫn chưa xử lý hoàn tất thì bên dưới vẫn sẽ tiếp tục thực hiện nhiệm vụ của nó, do đó, người dùng sẽ không mất nhiều thời gian chờ đợi.
- Kỹ thuật CDN để javascript nhanh chóng: CDN là hệ thống máy chủ với các “đầu tàu” đặt ở nhiều vị trí, quốc gia khác nhau. Hệ thống này giúp việc truyền tải dự liệu từ một nguồn đến nhiều người dùng nhanh chóng và đơn giản hơn.
3. AMP hiển thị trên Google Search như thế nào?
Khi tìm kiếm trên Google bằng các thiết bị di động, những trang web sử dụng Google AMP sẽ có ký hiệu hình tia sét và dòng chữ AMP bên cạnh đường link trong trang kết quả tìm kiếm. Nếu bạn kích chuột vào đường link này, nội dung sẽ hiển thị theo các hình thức dưới đây:
- Trình xem AMP của Google: Dạng hiển thị mặc định để Google tiến hành phân phối và lưu trữ nội dung, giúp người dùng có những trải nghiệm tốt hơn khi truy cập trang.
- Signed exchange: Dạng hiển thị trên link URL gốc của nội dung. Thông thường, bạn sẽ phải tiến hành cài đặt thêm nếu muốn người dùng có thể truy cập trực tiếp đến trang mà không cần thông qua bước đệm.
- >>>> thiết kế web tại bmt, thiết kế web tại buôn ma thuột, website giá rẻ tại bmt
4. AMP hiển thị trong Google Console
Google Search Console là công cụ hỗ trợ giúp bạn theo dõi trạng thái AMP cho website của mình. Bằng việc sử dụng Google Console, bạn sẽ nắm được danh sách các trang AMP được cài đặt thành công và các trang đang phát sinh lỗi. Thao tác kiểm tra khá đơn giản, bạn chỉ cần truy cập Google Console và kích vào mục Trang tối ưu cho thiết bị di động.
5. AMP Plugin
Để ứng dụng AMP cho website, bạn cần cài đặt thêm AMP Plugin. Plugin này sẽ hỗ trợ hiển thị các trang web được tối ưu HTML – những trang web có tốc độ tải nhanh hơn nhờ lược bỏ phần HTML Code Tag Manager. Với những trang có JavaScript, Script này sẽ không được hiển thị trong AMP.
Trong quá trình sử dụng AMP Plugin, bạn cần chú ý một số điểm sau:
- Ưu tiên sử dụng CSS phiên bản Streamlined để hỗ trợ AMP plugin
- Chỉ sử dụng thư viện JavaScript mà AMP cung cấp, với các trường hợp khác tình trạng Lazy Loading có thể xảy ra
- Thực hiện Validate đúng cách để đảm bảo AMP hoạt động mà không phát sinh lỗi
- Các trang AMP Plugin không thể sử dụng Forms
- Điều chỉnh chiều rộng & chiều cao để đảm bảo tỉ lệ khung, hình ảnh trên trang
- Sử dụng Extension AMP Approved để hỗ trợ tốt nhất cho trang khi trình chiếu video
Cấu trúc của AMP có 3 loại:
- AMP HTML: tập con HTML, có tag và thuộc tính để tùy chỉnh nhưng số lượng, tính năng khá hạn chế. Trong trường hợp bạn khá quen thuộc với HTML cơ bản thì theo tác sẽ tương đối đơn giản
- AMP JS: Framework JavaScript được tạo riêng cho trang mobile, đảm nhiệm quản lý Resource Handling, không thể đồng bộ với loading
- AMP CDN (Content Delivery Network): đánh dấu cache các trang AMP và thực hiện tối ưu.