Lợi ích của AMP và cách nó khác với Thiết kế web đáp ứng
Nếu bạn xem xét vài năm trước đây về lưu lượng truy cập phân tích cho trang web, bạn có thể thấy rằng tất cả họ đều có chung một điểm chung - tăng số lượng khách truy cập họ nhận được từ người dùng trên thiết bị di động.
Trên toàn cầu, hiện nay có nhiều lưu lượng truy cập web đến từ thiết bị di động hơn so với những gì chúng tôi xem là "thiết bị truyền thống", về cơ bản có nghĩa là máy tính để bàn hoặc máy tính xách tay. Không có nghi ngờ rằng điện toán di động đã thay đổi cách mọi người tiêu thụ nội dung trực tuyến, có nghĩa là nó đã thay đổi cách chúng ta phải xây dựng trang web cho những đối tượng ngày càng di động làm trung tâm.
Xây dựng đối tượng di động
Tạo "trang web thân thiện với thiết bị di động" đã được ưu tiên cho các chuyên gia web trong nhiều năm. Các thực tiễn như thiết kế web đáp ứng nhằm giúp tạo các trang web hoạt động tốt cho tất cả các thiết bị và tập trung vào hiệu suất trang web và thời gian tải xuống nhanh chóng mang lại lợi ích cho tất cả người dùng, thiết bị di động hoặc cách khác. Một cách tiếp cận khác đối với các trang web thân thiện với thiết bị di động được gọi là phát triển web AMP, viết tắt của Accelerated Mobile Pages.
Dự án này được Google hỗ trợ, được tạo dưới dạng tiêu chuẩn mở có nghĩa là cho phép nhà xuất bản trang web tạo trang web tải nhanh hơn trên thiết bị di động. Nếu bạn đang nghĩ rằng âm thanh rất giống với thiết kế web đáp ứng, bạn không sai. Hai khái niệm chia sẻ rất nhiều điểm chung, cụ thể là cả hai đều tập trung vào việc cung cấp nội dung cho người dùng trên thiết bị di động. Tuy nhiên, có một số khác biệt giữa hai phương pháp này.
Sự khác biệt chính giữa AMP và thiết kế web đáp ứng
Một trong những điểm mạnh của thiết kế web đáp ứng luôn là sự linh hoạt mà nó thêm vào một trang web. Bạn có thể tạo một trang tự động phản hồi kích thước màn hình của khách truy cập. Điều này giúp bạn tiếp cận trang và khả năng cung cấp trải nghiệm tốt cho nhiều loại thiết bị và kích thước màn hình, từ điện thoại di động đến máy tính bảng đến máy tính xách tay, máy tính để bàn và hơn thế nữa. Thiết kế web đáp ứng tập trung vào tất cả các thiết bị và trải nghiệm người dùng , không chỉ trên thiết bị di động. Đó là cả hai tốt trong một số cách và xấu trong những người khác.
Tính linh hoạt trong trang web là rất tốt, nhưng nếu bạn thực sự muốn tập trung vào thiết bị di động, tạo trang web tập trung vào tất cả các màn hình, thay vì chỉ trên màn hình, có thể giao dịch linh hoạt cho hiệu suất được tối ưu hóa hoàn toàn trên thiết bị di động. Đó là lý thuyết đằng sau AMP.
AMP hoàn toàn tập trung vào tốc độ - cụ thể là tốc độ di động. Theo Malte Ubl, Trưởng nhóm Công nghệ của Google cho dự án này, AMP nhằm mục đích mang "hiển thị tức thì tới nội dung web". Một số cách thực hiện điều này bao gồm:
- Tải kém
- Sử dụng kết nối trước
- Tìm nạp tài nguyên
- Javascript không đồng bộ
- Bảng kiểu nội tuyến
- Không có phông chữ có thể tải xuống
- Ưu tiên tài nguyên
Đây chỉ là một số hiệu trưởng làm cho AMP tải rất nhanh . Ngoài ra còn có, tuy nhiên, một số mặt hàng trong danh sách đó có thể làm cho các chuyên gia web lâu năm cringe. Ví dụ, các tờ kiểu nội tuyến . Nhiều người trong chúng ta đã được kể trong nhiều năm rằng tất cả các phong cách nên được chứa trong các tờ phong cách bên ngoài. Việc có thể tạo kiểu cho nhiều trang trang web tất cả từ một trang tính bên ngoài là một trong những điểm mạnh của CSS - sức mạnh bị phủ định nếu các trang sử dụng kiểu nội tuyến thay thế. Có, bạn ngăn sự cần thiết phải tải xuống tệp bên ngoài, nhưng với chi phí có thể quản lý toàn bộ trang web đó với một tờ định kiểu duy nhất. Vậy cách tiếp cận nào tốt hơn? Thực tế là cả hai đều có lợi ích và hạn chế của họ. Web liên tục thay đổi và những người khác truy cập trang web của bạn có nhu cầu khác nhau. Rất khó để thiết lập các quy tắc sẽ áp dụng trong mọi trường hợp, bởi vì các cách tiếp cận khác nhau có ý nghĩa trong các tình huống khác nhau. Điều quan trọng là cân nhắc các lợi ích hoặc hạn chế của mỗi cách tiếp cận để xác định cái nào là tốt nhất trong trường hợp cụ thể của bạn.
Một khác biệt quan trọng khác giữa AMP và RWD là thực tế thiết kế đáp ứng hiếm khi được "thêm vào" vào trang web hiện tại. Bởi vì RWD thực sự là một suy nghĩ cơ bản về kiến trúc và kinh nghiệm của một trang web, nó thường sẽ yêu cầu trang web đó được thiết kế lại và tái phát triển để phù hợp với các kiểu phản hồi. Tuy nhiên, AMP có thể được thêm vào trang web hiện tại. Trong thực tế, nó thậm chí có thể được thêm vào một trang web đáp ứng hiện có.
Cân nhắc Javascript
Không giống như các trang web có RWD, các trang web AMP không hoạt động tốt với Javascript. Điều này bao gồm các tập lệnh bên thứ 3 và các thư viện rất phổ biến trên các trang web hiện nay. Những thư viện đó có thể thêm chức năng đáng kinh ngạc vào một trang web, nhưng chúng cũng ảnh hưởng đến hiệu suất. Như vậy, nó là lý do mà một cách tiếp cận tập trung sâu sắc vào tốc độ trang sẽ tránh được các tệp Javascript. Chính vì lý do này mà AMP thường được sử dụng tốt nhất trên các trang web tĩnh như trái ngược với các trang web động hoặc những trang web yêu cầu các hiệu ứng Javascript cụ thể vì một lý do nào đó. Ví dụ: một thư viện trang web sử dụng trải nghiệm phong cách "hộp đèn" sẽ không phải là một ứng cử viên tuyệt vời cho AMP. Mặt khác, một bài viết trang web chuẩn hoặc thông cáo báo chí không yêu cầu bất kỳ chức năng ưa thích nào sẽ là một trang tuyệt vời để phân phối với AMP. Trang đó có thể được đọc bởi những người sử dụng thiết bị di động có thể đã thấy liên kết trên phương tiện truyền thông xã hội hoặc qua tìm kiếm trên thiết bị di động của Google. Có thể cung cấp ngay lập tức nội dung đó khi họ yêu cầu, thay vì làm chậm tốc độ tải xuống trong khi Javascript không cần thiết và các tài nguyên khác được tải, tạo ra trải nghiệm khách hàng tuyệt vời.
Chọn giải pháp đúng
Vậy tùy chọn nào phù hợp với bạn - AMP hoặc RWD? Nó phụ thuộc vào nhu cầu cụ thể của bạn, tất nhiên, nhưng bạn không cần phải chọn một hay khác. Nếu chúng ta muốn có chiến lược trực tuyến thông minh hơn (và thành công hơn), điều đó có nghĩa là chúng ta cần xem xét tất cả các công cụ theo ý của mình và tìm hiểu cách thức chúng sẽ làm việc cùng nhau. Có thể điều này có nghĩa là phân phối trang web của bạn một cách có trách nhiệm, nhưng sử dụng AMP trên các phần hoặc trang được chọn có thể phù hợp nhất với kiểu phát triển đó. Nó cũng có thể có nghĩa là lấy các khía cạnh của các cách tiếp cận khác nhau và kết hợp chúng để tạo ra các giải pháp lai đáp ứng nhu cầu rất cụ thể và cung cấp tốt nhất của cả hai thế giới cho khách truy cập của trang web đó.