Top 5 AMP Blogger Template tốt nhất hiện nay - Kho Giao Diện Blogspot
Top 5 AMP Blogger Template tốt nhất hiện nay

5/7/18

Top 5 AMP Blogger Template tốt nhất hiện nay


AMP là gì?
AMP là viết tắt của Accelerated Mobile Pages (Trang trên thiết bị di động được tăng tốc). AMP là một cách để tạo trang web nhẹ và tải nhanh, đặc biệt trên thiết bị di động. Trình quản lý thẻ hỗ trợ vùng chứa AMP, tương tự như vùng chứa web chuẩn.

AMP giúp tăng tốc độ website
Khi bạn tải một trang web mới, có rất nhiều thứ được thực hiện đồng thời. Trình duyệt của bạn sẽ cần tải trang HTML, sau đó đưa ra một danh sách những trang nguồn khác để tải. Ở một trang web thông thường sẽ bao gồm các CSS để làm cho mọi thứ hiển thị trở nên sinh động, tươi đẹp hơn, các hình ảnh, một hoặc hai phông chữ, và JavaScript để chạy quảng cáo và số liệu thống kê theo dõi trang. Hiểu một cách đơn giản, một trang web thường sẽ có 2 phần chính đó là phần code (HTML/CSS/Javascript) và phần nội dung. Mỗi lần bạn truy cập thì cả phần code và phần nội dung đều sẽ được tải về và hiển thị nội dung lên trình duyệt để bạn xem. Mỗi một quá trình này đều tốn kha khá thời gian, đặc biệt nếu các trang nguồn đến từ các máy chủ riêng biệt. Thật ra mỗi nguồn hay mỗi quy trình chỉ tốn khoảng 0,01 giây, nhưng quá nhiều nguồn và quá nhiều hoạt động sẽ khiến việc tải trang bị chậm. Đối với các website tham gia và tuân thủ AMP của Google, bạn sẽ nhận thấy trang được tải khá nhanh. Nhưng không phải trang nào cũng tham gia và thỏa mãn các điều kiện của Google AMP. Khi tải bằng máy tính, những trang này có thể chạy rất mượt. Nhưng khi tải bằng trình duyệt điện thoại, bạn sẽ thấy có vấn đề về tốc độ. Ngay cả khi bạn có một kết nối internet đủ mạnh và nhanh, nó cũng vẫn sẽ tiêu tốn của bạn vài giây để tải trang. Bạn có thể nghĩ rằng thời gian đó không nhiều, nhưng nếu bạn đang cần gấp một thông tin nào đó, chắc chắn bạn sẽ cảm thấy rất sốt ruột và bực mình với phản hồi bị trễ vài giây như vậy.

AMP hoạt động như thế nào?
- AMP hoạt động như sau:
Thay vì việc để trang web tải về tất các các nguồn từ khắp mọi nơi chúng muốn, Google AMP tạo ra phiên bản mới dành cho trang đó. Nó giúp tạo ra một HTML subset chỉ bao gồm những yếu tố nhất định và quan trọng nhất cần thiết để hiển thị nội dung. Phần code HTML lúc này sẽ được cache / lưu trữ bởi Google (hoặc bởi chính bạn) như là một phần tĩnh và mặc định. Lúc này thì mỗi lần bấm vào một đường link thì sẽ chỉ cần tải phần nội dung chính yếu, không cần tải phần code đã được cache nữa, góp phần tăng tốc độ tải web lên nhiều lần hơn. Ngoại trừ một số trường hợp được thỏa thuận trước, các nhà sản xuất bị cấm sử dụng JavaScript – thủ phạm chính gây ra vấn đề tải trang chậm. Những trang web được lưu trữ trên máy chủ của Google thậm chí còn được tăng tốc nhanh hơn.

Thay vì việc bạn được đưa thẳng đến địa chỉ web thông thường, ví dụ http://www.howtogeek.com/282487/how-to-take-photos-at-night/, bạn sẽ được đưa đến trang web mong muốn thông qua URL "đặc biệt"https://www.google.ie/amp/www.howtogeek.com/282487/how-to-take-photos-at-night/amp/?client=safari
Bạn chỉ thấy điều này trên trình duyệt điện thoại, và chỉ có ở các website có sử dụng AMP blogger template.

1. AMP News
Demo Download

2. Gooplus
Demo Download

3. MDCamp
Demo Download

4. Betapress
Demo Download

5. Infinitive
Demo Download

Cùng tham gia bình luận bài viết này nhé!

Thông báo

Blog này đã dừng hoạt động từ năm 2019, chuyển sang blog khác là giaodienblog.com

Truy cập ngay