AMP

Dùng một Bộ tối ưu hoá AMP

Bộ tối ưu hoá AMP là công cụ mang đến những tác vụ tối ưu hoá Bộ nhớ đệm AMP cho website của chính bạn. Dùng một Bộ tối ưu hoá AMP là chìa khoá để tạo một trải nghiệm trang web thật tuyệt và đáp ứng quy định Core Web Vitals (Chỉ số thiết yếu về web). Nếu bạn muốn tìm hiểu thêm về cách vận hành của Bộ tối ưu hoá AMP, hãy xem các chi tiết về Hướng dẫn tối ưu hoá AMP.

AMP chẳng phải đã nhanh rồi sao?

Bạn có thể nghĩ: khoan đã, chẳng phải AMP được dùng để có được tốc độ thật nhanh sao? Và bạn hẳn là đúng: thời gian chạy AMP được tối ưu hoá cho phần tốc độ và tất cả các trang AMP hợp lệ đều tải nhanh. Tuy nhiên, có những tối ưu hoá khác về hiệu năng mà bạn có thể thực thi trên máy chủ nhằm giúp trình duyệt tải các trang AMP nhanh hơn nữa.

Ban đầu, bộ nhớ đệm AMP phục vụ phần lớn các trang AMP. Các bộ nhớ đệm này đã thực hiện tối ưu hóa bổ sung trên các trang để đảm bảo trải nghiệm người dùng mạnh mẽ. Tuy nhiên, theo thời gian, thêm nhiều bề mặt bắt đầu liên kết đến các trang AMP và các nhà phát triển bắt đầu xây dựng toàn bộ trang web bằng AMP. Đó là lí do tại sao nhóm AMP đã bắt đầu làm việc trên Bộ tối ưu hóa AMP để cho phép mọi người phân phát các trang AMP có Bộ nhớ đệm AMP giống như hiệu năng trên chính nguồn gốc của họ.

Tích hợp một Bộ tối ưu hoá AMP

Có ba cách sử dụng một bộ tối ưu hoá AMP:

  1. Sử dụng trình tạo website hoặc CMS có tích hợp sẵn bộ tối ưu hoá.
  2. Tích hợp một Bộ tối ưu hoá AMP vào hệ thống bản dựng hay máy chủ.
  3. Tích hợp một Bộ tối ưu hoá AMP vào môi trường máy chủ.

CMS & trình tạo website

Cách tốt nhất để phát hành AMP đã tối ưu hoá là dùng một trình tạo website hay CMS với hỗ trợ Bộ tối ưu hoá AMP tích hợp sẵn.
Trong trường hợp này, những trang AMP của bạn sẽ được tự động tối ưu hoá. Hiện tại, những trình tạo website và CMS sau tích hợp Bộ tối ưu hoá AMP:

Tích hợp tuỳ chỉnh đối với bản dựng hay máy chủ

Bạn còn có thể tự mình tích hợp một Bộ tối ưu hoá AMP. Có nhiều cách triển khai Bộ tối ưu hoá AMP mã nguồn mở:

  • Bộ tối ưu hoá AMP (Node.js): một thư viện trên cơ sở Node.js để tạo AMP được tối ưu hoá. Xem thử hướng dẫn bắt đầu của chúng tôi tại đây trên amp.dev. Việc triển khai được duy trì bởi đội ngũ AMP.
  • AMP Toolbox for PHP: a PHP based library for producing optimized AMP. The implementation is maintained by the AMP team.
  • amp-renderer (Python): một cổng Python của Bộ tối ưu hoá AMP Node.

Có nhiều bản tích hợp khác nhau cho các trang được máy chủ của bạn render động và các website tĩnh:

  1. Thời gian xây dựng: đối với các website tĩnh, tốt nhất nên tối ưu hoá các trang AMP như một phần của bản dựng. Phương cách này lí tưởng do việc tối ưu hoá các trang AMP không tác động đến hiệu năng phân phát. Xem thử mẫu này đối với một Bộ tối ưu hoá AMP + tích hợp Gulp.
  2. Thời gian render: nếu website có bản chất động hơn hoặc không thể áp dụng các biến đổi theo cách tĩnh, thì việc tối ưu hoá có thể thực hiện sau khi những tài liệu AMP được render ở máy chủ. Trong trường hợp đó, để bảo đảm thời gian phục vụ nhanh, tốt nhất nên lưu vào bộ nhớ đệm đối với những trang đã biến đổi, phục vụ cho những yêu cầu sau đó. Việc lưu vào bộ nhớ đệm có thể xảy ra ở cáp CDN, trên cơ sở hạ tầng nội bộ của website (ví dụ như Memcached), hoặc ngay trên chính máy chủ, nếu tập hợp các trang đủ nhỏ để vừa khớp vào bộ nhớ. Để tìm hiểu thêm về phương cách này, hãy xem thử minh hoạ này về việc tích hợp Bộ tối ưu hoá AMP vào Express.JS.

Tích hợp nhà cung cấp máy chủ

Một số nhà cung cấp máy chủ cho phép chạy logic tuỳ chỉnh khi triển khai hay phân phát một trang web. Đây có thể là phương án tuyệt vời để tích hợp Bộ tối ưu hoá AMP. Một số tích hợp mẫu: