hocvietcode.com
  • Trang chủ
  • Học lập trình
    • Lập trình C/C++
    • Lập trình HTML
    • Lập trình Javascript
      • Javascript cơ bản
      • ReactJS framework
      • AngularJS framework
      • Typescript cơ bản
      • Angular
    • Lập trình Mobile
      • Lập Trình Dart Cơ Bản
        • Dart Flutter Framework
    • Cơ sở dữ liệu
      • MySQL – MariaDB
      • Micrsoft SQL Server
      • Extensible Markup Language (XML)
      • JSON
    • Lập trình PHP
      • Lập trình PHP cơ bản
      • Laravel Framework
    • Lập trình Java
      • Java Cơ bản
    • Cấu trúc dữ liệu và giải thuật
    • Lập Trình C# Cơ Bản
    • Machine Learning
  • WORDPRESS
    • WordPress cơ bản
    • WordPress nâng cao
    • Chia sẻ WordPress
  • Kiến thức hệ thống
    • Microsoft Azure
    • Docker
    • Linux
  • Chia sẻ IT
    • Tin học văn phòng
      • Microsoft Word
      • Microsoft Excel
    • Marketing
      • Google Adwords
      • Facebook Ads
      • Kiến thức khác
    • Chia sẻ phần mềm
    • Review công nghệ
    • Công cụ – tiện ích
      • Kiểm tra bàn phím online
      • Kiểm tra webcam online
Đăng nhập
  • Đăng nhập / Đăng ký

Please enter key search to display results.

Home
  • Hướng dẫn Wordpress
  • Wordpress cơ bản
Hướng dẫn sử dụng plugin AMP for WordPress

Hướng dẫn sử dụng plugin AMP for WordPress

  • 07-10-2021
  • chuong xuan
  • 0 Comments
Hướng dẫn sử dụng plugin AMP for WordPress

Xin chào các bạn, hôm nay chúng ta tiếp tục tìm hiểu các công cụ giúp tăng tốc WordPress.

Lần này là plugin AMP cho WordPress. Đây là một công cụ sẽ khiến bạn ngạc nhiên với khả năng cải thiện tốc độ của nó.

AMP là dự án tăng tốc web của Google. Về cơ bản, AMP tăng tốc độ web bằng cách tạo một phiên bản đơn giản hơn của phiên bản gốc và lưu trữ nó trên các máy chủ toàn cầu mạnh mẽ của Google.

Phiên bản đơn giản hóa mà AMP tạo ra hầu hết chỉ là nội dung cốt lõi, nó loại bỏ thanh bên (cột bên phải hoặc bên trái), nhận xét, chân trang, v.v. Nó cũng loại bỏ các tệp CSS và JavaScript không cần thiết.

Vì lý do này, AMP có thể không phù hợp với một số trang web có yêu cầu cao về việc giữ nguyên thiết kế ban đầu, ví dụ các trang thương mại điện tử. Ngược lại, các trang “tin tức thuần túy” có thể rất phù hợp để sử dụng AMP.

Mục lục

  • 1. Đặc điểm
  • 2. Cài đặt & Tùy chỉnh
  • 3. Giảm dung lượng & giảm kết nối
  • 4. So sánh tốc độ
  • 5. Kết luận

1. Đặc điểm

  • Số lượt cài đặt: 200.000+
  • Nhà phát triển: Nhiều tác giả, có cả Automatic – chính chủ WordPress và người đề xướng Google
  • Đánh giá: 3,5/5
  • Giá: miễn phí

Mặc dù nó hơi bị đánh giá thấp (người dùng cho nó là 3,5 sao trên 5 sao tối đa) nhưng thực tế mình thấy nó khá ổn, bản thân Google cũng khuyên bạn nên sử dụng plugin này cho WordPress khi triển khai AMP.

2. Cài đặt & Tùy chỉnh

Việc cài đặt AMP cũng giống như các plugin khác.

Đối với việc thiết lập AMP rất đơn giản:

Hướng dẫn sử dụng plugin AMP for WordPress

Mặc định nó sẽ tạo trang AMP cho Bài đăng & bạn không thể thay đổi tùy chỉnh này, đối với Bài viết trên Trang, bạn có thể tick chọn hoặc không – tùy theo nhu cầu của bạn. (Trong phần này, bạn có thể muốn biết sự khác biệt giữa bài đăng và trang trong WordPress).

Để kiểm tra xem trang AMP trên web có đang hoạt động hay không, chỉ cần thêm amp sau URL của bài viết và nhấn enter.

Nếu bạn thấy liên kết đó có thể truy cập được và một phiên bản đơn giản hơn của bài viết được tạo, thì trang AMP chính xác đã được tạo.

3. Giảm dung lượng & giảm kết nối

Để xem AMP giảm kích thước và số lượng kết nối đến máy chủ đến mức nào, chúng ta sẽ lấy ví dụ về 5 trang và xem kết quả.

 Trang 1Trang 2Trang 3Trang 4Trang 5
Thông thường 1,46MB / 46 kết nối 1,83MB / 50 kết nối 1,51MB / 42 kết nối 3,17MB / 84 kết nối 5,07MB / 71 kết nối
AMP512KB / 18 kết nối 608 KB / 18 kết nối 619 KB / 16 kết nối 299KB / 16 kết nối 308KB / 20 kết nối

Giờ thì bạn đã hiểu rõ hơn tại sao các trang AMP lại nhanh như vậy rồi phải không? Phiên bản thu nhỏ AMP không chỉ giảm kích thước trang đáng kể mà còn giảm số lượng kết nối rất nhiều. Cả hai điều này đều giúp giảm thời gian tải trang.

4. So sánh tốc độ

Bây giờ để có một bài kiểm tra thú vị, chúng tôi sẽ so sánh tốc độ trang web của một trang web thông thường và một trang web sử dụng AMP. Cùng một nội dung, cùng một hosting, chúng ta sẽ thấy thời gian tải trang khác nhau như thế nào.

2 công cụ tôi sử dụng để kiểm tra tốc độ trang web là GTmetrix & Pingdom.

Kết quả thử nghiệm với GTmetrix (trình giả lập truy cập ở Canada):

 Lần 1Lần 2Lần 3Lần 4 Lần 5
Thông thường 2,5s 2,5s 2,0s 2,3s 2,0s
 AMP 1,8s 1,4s 1,7s 1,8s 1,5s

Kết quả thử nghiệm với Pingdom (truy cập mô phỏng ở Úc):

 Lần 1Lần 2Lần 3Lần 4Lần 5
Thông thường6,34s5,53s5,89s6,05s5,39s
AMP4,60s4,01s5,28s4,47s4,28s

Kết quả rất rõ ràng, vì máy chủ của tôi cho trang web này ở Mỹ (tôi sử dụng Dreamhost), có sự khác biệt về thời gian truy cập giữa Canada và Úc. Canada gần Mỹ hơn nên thời gian cũng ngắn hơn (ngoài ra chúng ta cũng không thể loại trừ khả năng số đo của họ khác nhau nên sự so sánh này chỉ mang tính chất gần đúng).

Trên thực tế, tốc độ tải trang AMP có thể nhanh hơn nữa vì chúng ta đang tải AMP từ máy chủ của chính mình, nhưng thực tế khi sử dụng, Google sẽ lưu phiên bản AMP trên các máy chủ rất mạnh của chính họ.

5. Kết luận

AMP là một công cụ đáng để thử, nó thực sự giúp tăng tốc trang web trên phiên bản di động lên nhiều lần. Nó cũng giúp giảm tải lưu trữ của bạn.

Cá nhân tôi áp dụng AMP cho hầu hết các trang, đặc biệt là các trang tin tức. Cũng có một số trang tôi không áp dụng AMP, như đã nói ở trên, trang của tôi không áp dụng AMP vì nó có yêu cầu giữ nguyên thiết kế và tính năng như phiên bản gốc.

Bây giờ hãy thử cài đặt AMP.

Bài viết liên quan:

Dịch WordPress với Poedit
Hướng dẫn thay đổi thư mục theme wordpress không bị mất cấu hình theme
Tích hợp facebook chat vào website wordpress đơn giản
Các yếu tố đơn giản giúp bạn cải thiện sự hài lòng của người đọc trên website sử dụng WordPress [Hướng dẫn tổng quan]
Cách trỏ tên miền về host
Mua hosting WordPress: làm thế nào chọn được nhà cung cấp chất lượng
Hướng dẫn mua tên miền tại GoDaddy
Cách chọn tên miền hay, độc đáo và tốt cho SEO
Hướng dẫn dùng Plugin UpdraftPlus để backup WordPress
Công cụ xuất & nhập dữ liệu của WordPress
Có nên dùng CDN và Các tính năng tăng tốc độ website khác của plugin JetPack?
Hướng dẫn sử dụng Plugin Jetpack cho WordPress

THÊM BÌNH LUẬN Cancel reply

Dịch vụ thiết kế Wesbite

NỘI DUNG MỚI CẬP NHẬT

4. KIỂM THỬ VÀ TRIỂN KHAI HỆ THỐNG

2. PHÂN TÍCH VÀ ĐẶC TẢ HỆ THỐNG

3. THIẾT KẾ HỆ THỐNG

1. TỔNG QUAN KIẾN THỨC THỰC HÀNH TRIỂN KHAI DỰ ÁN CÔNG NGHỆ THÔNG TIN

Hướng dẫn tự cài đặt n8n comunity trên CyberPanel, trỏ tên miền

Giới thiệu

hocvietcode.com là website chia sẻ và cập nhật tin tức công nghệ, chia sẻ kiến thức, kỹ năng. Chúng tôi rất cảm ơn và mong muốn nhận được nhiều phản hồi để có thể phục vụ quý bạn đọc tốt hơn !

Liên hệ quảng cáo: [email protected]

Kết nối với HỌC VIẾT CODE

© hocvietcode.com - Tech888 Co .Ltd since 2019

Đăng nhập

Trở thành một phần của cộng đồng của chúng tôi!
Registration complete. Please check your email.
Đăng nhập bằng google
Đăng kýBạn quên mật khẩu?

Create an account

Welcome! Register for an account
The user name or email address is not correct.
Registration confirmation will be emailed to you.
Log in Lost your password?

Reset password

Recover your password
Password reset email has been sent.
The email could not be sent. Possible reason: your host may have disabled the mail function.
A password will be e-mailed to you.
Log in Register
×