Post #80259 - 01/10/2023 02:40:59

AMP Là Gì? Tìm Hiểu Công Nghệ Tăng Tốc Trang Web

AMP là một công nghệ web mới được phát triển bởi Google. Nó giúp tăng tốc trang web và cải thiện trải nghiệm người dùng trên các thiết bị di động. Trong bài viết này, chúng ta sẽ cùng tìm hiểu về AMP, cách nó hoạt động, lợi ích và cách thực hiện AMP trên website của bạn. Hãy cùng khám phá!

 

AMP - Công Nghệ Tăng Tốc Trang Web

AMP là gì?

AMP là viết tắt của Accelerated Mobile Pages – một dự án mã nguồn mở do Google phát triển để cải thiện trải nghiệm truy cập trang web trên điện thoại di động. Mục tiêu của AMP là giúp tăng tốc độ tải trang web trên các thiết bị di động và cải thiện trải nghiệm người dùng.

Kỹ thuật mà Google AMP áp dụng là gì?

  • Kỹ thuật lazy loading image: đây là kỹ thuật làm trì hoãn việc tải hình ảnh cho đến khi người dùng thật sự cần xem nó. Ví dụ: hình ảnh chỉ được load khi người dùng cuộn trang đến đúng vị trí có hình đó. Cách này sẽ giảm thiểu lượng tài nguyên thừa tải lên web. Từ đó làm tăng tốc độ tải trang.
  • Kỹ thuật tải javascript bất đồng bộ async: Website có thể chạy đoạn code, upload dữ liệu phía dưới. Dù phần dữ liệu phía trên chưa được xử lý đầy đủ. Bằng cách này, người dùng sẽ giảm được thời gian chờ đợi khi tải trang.
  • Kỹ thuật CDN để javascript nhanh chóngCDN (Content Delivery Network) là hệ thống máy chủ được đặt ở nhiều vị trí địa lý khác nhau trên toàn cầu. Chúng có nhiệm vụ truyền tải nội dung từ một nguồn đến với người dùng nhanh chóng hơn nhờ cơ chế cache.

Trang web có AMP hiển thị trên Google Search như thế nào?

Nếu bạn search bằng thiết bị di động, những website có Google AMP sẽ xuất hiện trên kết quả tìm kiếm Google với biểu tượng tia sét và dòng chữ AMP bên cạnh đường link như hình bên dưới:

Trang AMP có biểu tượng là tia sét và dòng chữ AMP bên cạnh
Tiếp đó, khi đã nhấp chuột truy cập vào link, nội dung AMP sẽ hiển thị theo một trong hai dạng như sau:
  • Trình xem AMP của Google: Đây là dạng mặc định để Google lưu trữ và phân phối nội dung AMP đến người dùng di động, giúp tạo ra trải nghiệm truy cập tốt hơn.
  • Signed exchange: Công nghệ này cho phép trình duyệt trả về URL là đường link gốc xuất bản nội dung.

Xem thêm