Làm thế nào tăng tốc độ chủ đề Astra WordPress ?

Cân nhắc sử dụng chủ đề Astra cho trang web WordPress của bạn? 

Astra là một trong những chủ đề WordPress miễn phí phổ biến nhất hiện có. Đây là một tùy chọn đa năng, nhờ các điều khiển WordPress Customizer chi tiết, bạn có thể tùy chỉnh để đáp ứng khá nhiều bất kỳ phân khúc nào. 

Để tùy chỉnh thêm, Astra cũng kết hợp tốt với các plugin xây dựng trang WordPress, đó là cách nhiều người sử dụng chủ đề.

Ngoài sự linh hoạt đó, Astra còn có một danh tiếng tuyệt vời khi nói đến hiệu suất, đó là lý do tại sao nó đưa nó vào danh sách các chủ đề WordPress miễn phí nhanh nhất của chúng tôi .

Tuy nhiên, trong bài đăng này, chúng tôi muốn tìm hiểu sâu hơn về hiệu suất của chủ đề Astra với một số bài kiểm tra tốc độ thực hành.

Để tìm hiểu cách Astra thực hiện, chúng tôi đã thiết lập một trang web thử nghiệm Astra nơi chúng tôi sẽ chạy bốn kịch bản thử nghiệm: hai không có tối ưu hóa hiệu suất và hai sau khi tối ưu hóa trang web thử nghiệm của chúng tôi với WP Rocket.

Đến cuối bài này, bạn sẽ có một ý tưởng tốt về loại thời gian tải trang bạn nên mong đợi với chủ đề Astra.

CÁCH CHÚNG TÔI KIỂM TRA HIỆU SUẤT CỦA ASTRA

Trước khi chúng tôi chia sẻ dữ liệu hiệu suất cho các thử nghiệm Astra của mình, chúng ta hãy xem cách chúng tôi thiết lập các thử nghiệm của mình để bạn biết chính xác chúng tôi đã làm điều này như thế nào.

Trước hết, trang web thử nghiệm Astra của chúng tôi được lưu trữ trên giọt DigitalOcean $ 5 mỗi tháng rẻ nhất (máy chủ NYC1). Ngay cả một giọt giá rẻ vẫn còn khá nhanh, nhưng chúng tôi chắc chắn không lưu trữ điều này trên lưu trữ WordPress được quản lý cao cấp.

Sau đó, chúng tôi có câu hỏi về một trang web thử nghiệm Astra thực tế là gì. Ra khỏi hộp, đồng hồ Astra ở mức dưới 50 KB, khá tối ưu. Tuy nhiên, hầu hết mọi người sẽ không sử dụng chủ đề Astra trần trụi – họ có thể sẽ sử dụng một trong hàng trăm trang web khởi động có thể nhập được xây dựng trước.

Để làm cho điều này công bằng nhất có thể, chúng tôi đã quyết định chạy thử nghiệm theo hai kịch bản:

  1. Chủ đề Astra mặc định chỉ với thế giới Hello Hello! bài . Đó là, những gì bạn nhận được với một bản cài đặt WordPress mới sau khi vừa kích hoạt chủ đề Astra. Chúng tôi sẽ gọi đây là chủ đề của trần truồng trần truồng.
  2. Một trong những trang demo được tạo sẵn của Astra . Mặc dù Astra cung cấp các trang web demo được xây dựng với các plugin xây dựng trang phổ biến, chúng tôi đã chọn sử dụng bản demo chỉ sử dụng trình chỉnh sửa khối WordPress gốc. Mặt khác, chúng tôi cũng đang kiểm tra cách plugin trình tạo trang được tối ưu hóa .

Đây là trang chủ trông giống như trang web khởi động Astra mà chúng tôi đã sử dụng cho kịch bản thứ hai. Bạn cũng có thể xem toàn bộ trang web demo tại đây :

Chủ đề Astra - Trang web khởi xướng
Chủ đề Astra – Trang web khởi xướng

Đối với hai thử nghiệm đầu tiên, chúng tôi sẽ không thêm bất kỳ tối ưu hóa hiệu suất nào. Sau đó, chúng tôi sẽ chạy một hai bài kiểm tra sau khi đã cài đặt và cấu hình WP Rocket, để cung cấp cho bạn một ý tưởng về những gì Astra có thể trông giống như khi bạn ghép nó với tối ưu hóa WP Rocket.

Ngoài việc tối ưu hóa WP Rocket mặc định, chúng tôi cũng sẽ cho phép thu nhỏ và ghép tệp, cũng như tải lười biếng .

Nói chung, chúng ta sẽ có bốn kịch bản thử nghiệm:

  1. Chủ đề khỏa thân khỏa thân của Astra không có tối ưu hóa hiệu suất
  2. Chủ đề khỏa thân khỏa thân Astra với WP Rocket
  3. Trang web khởi động trình chỉnh sửa khối Astra không tối ưu hóa hiệu suất
  4. Trang web khởi động trình chỉnh sửa khối Astra với WP Rocket

Để thu thập tất cả dữ liệu hiệu suất này, chúng tôi sẽ sử dụng WebPageTest với cấu hình sau:

  • Chạy năm thử nghiệm cho mỗi kịch bản và lấy giá trị trung bình để loại bỏ biến thiên thử nghiệm đơn.
  • Kiểm tra từ máy chủ Dulles, Virginia, gần với máy chủ NYC của giọt DigitalOcean của chúng tôi.
  • Sử dụng kết nối FIOS 20 Mbps, xung quanh tốc độ Internet trung bình của Hoa Kỳ nói chung.

Bằng cách điều chỉnh kết nối theo cách này, kết quả thử nghiệm của chúng tôi sẽ không giống như một cách nhanh chóng khi họ nhìn vào một thứ giống như Pingdom , nhưng nó sẽ đại diện hơn cho việc khách truy cập thực tế của con người sẽ trải nghiệm trang web Astra của bạn như thế nào.

Ok, đó là rất nhiều sự chuẩn bị 🙂 Hãy đến với dữ liệu

ĐÁNH GIÁ HIỆU SUẤT CHỦ ĐỀ CỦA ASTRA WORDPRESS

Không tối ưu hóa hiệu suất

Kịch bảnYêu cầuKích thướcThời gian tải trung bình
Trần truồng939 KB0,490 giây
Trang chủ của Starter21998 KB0,995 s
Trang web khởi đầu Giới thiệu20399 KB0,675 giây
Trang web bắt đầu liên hệ20270 KB0,627 giây

Thời gian tải cho chủ đề của trần truồng rõ ràng là khá ấn tượng. Kích thước tệp càng nhỏ càng tốt và thời gian tải dưới nửa giây là đặc biệt.

Tuy nhiên, kịch bản của Naked Naked không thực sự đại diện cho trang web thực sự do Astra cung cấp sẽ trông như thế nào, điều ấn tượng hơn nữa là cách Astra có thể duy trì trong thời gian tải một giây ngay cả trên trang web demo được xây dựng hoàn chỉnh.

Với WP Rocket

Kịch bảnYêu cầuKích thướcThời gian tải trung bình
Trần truồng739 KB0,405 s
Trang chủ của Starter16988 KB0,769 giây
Trang web khởi đầu Giới thiệu12387 KB0,552 giây
Trang web bắt đầu liên hệ16261 KB0,519 giây

Mặc dù Astra đã được tối ưu hóa hoàn toàn, nhưng cài đặt WP Rocket vẫn có thể giảm thời gian tải trung bình hơn nữa trong mọi kịch bản. Sự khác biệt không quá quyết liệt như với chủ đề ít được tối ưu hóa, nhưng bạn vẫn có thể giảm 15-20% thời gian tải trang web Astra của mình với WP Rocket.

Để dễ dàng nhận thấy sự khác biệt giữa việc sử dụng Astra và ghép nối nó với WP Rocket, hãy so sánh các số thời gian tải trung bình cạnh nhau:

Khỏa thânNhà khởi xướngNgười khởi xướng Giới thiệuNgười liên hệ
Chỉ cần Astra0,490 giây0,995 s0,675 giây0,627 giây
Với WP Rocket0,405 s0,769 giây0,552 giây0,519 giây

Như bạn có thể thấy, WP Rocket giảm thời gian tải của Astra trong mỗi kịch bản xuống khoảng 15-20%.

ƯU VÀ NHƯỢC ĐIỂM CỦA VIỆC SỬ DỤNG ASTRA

Trang chủ Astra
Trang chủ Astra

Ngoài hiệu suất, có rất nhiều điều thích về chủ đề Astra. Hãy cùng điểm qua một số ưu và nhược điểm của việc sử dụng Astra cho trang web WordPress của bạn

Ưu

  • Astra rất nhẹ và thân thiện với hiệu suất, như bạn đã thấy trong dữ liệu thử nghiệm ở trên.
  • Bạn có quyền truy cập vào hàng trăm trang web khởi động được tạo sẵn với trình chỉnh sửa khối gốc, Elementor, Beaver Builder hoặc Brizy.
  • Astra bao gồm các điều khiển kiểu / bố cục chi tiết trong WordPress Customizer, giúp dễ dàng tùy chỉnh giao diện trang web của bạn.
  • Astra bao gồm các tích hợp tích hợp cho các plugin phổ biến như WooC Commerce, LearnDash và LifterLMS.

Nhược điểm

  • Nếu bạn không sử dụng trang web khởi động, Astra sẽ mất nhiều thời gian hơn để thiết lập so với chủ đề WordPress trung bình của bạn vì bạn sẽ cần kiểm soát mọi thứ từ Trình tùy chỉnh WordPress. Đây là một chút kén chọn và không phải là một vấn đề lớn .

SUY NGHĨ CUỐI CÙNG

Astra đã nhanh chóng vươn lên trở thành một trong những chủ đề WordPress phổ biến nhất vì một lý do. Nó miễn phí, nhanh chóng và dễ dàng thích ứng với các trường hợp sử dụng khác nhau nhờ cài đặt WordPress Customizer chi tiết và số lượng lớn các trang web demo có thể nhập được.

Astra đã nhanh chóng, với thời gian tải cho một trang web demo thực sự ở dưới một giây. Tuy nhiên, để có thời gian tải trang tốt hơn, bạn có thể kết hợp Astra với WP Rocket để giảm thời gian tải xuống thêm 15-20%.

Nói chung, nếu bạn muốn một chủ đề WordPress đa năng được tối ưu hóa hiệu suất nhưng không giảm bớt tính linh hoạt, thì Astra là một lựa chọn tuyệt vời.

Bạn có thể sử dụng nó với trình chỉnh sửa khối WordPress gốc. Hoặc, bạn có thể làm những gì nhiều người làm và ghép nó với plugin trình tạo trang yêu thích của bạn như Elementor, Beaver Builder hoặc những người khác. 

Chỉ cần lưu ý rằng, nếu bạn kết hợp nó với một plugin xây dựng trang, bạn sẽ thêm một chút trọng lượng bổ sung vào trang của bạn. Đó là sự đánh đổi mà bạn thực hiện để có quyền truy cập vào tính linh hoạt thiết kế trực quan của người xây dựng trang.

Bạn đã có cơ hội ghép nối chủ đề Astra với WP Rocket chưa? Hay bạn vẫn còn thắc mắc về chủ đề Astra? Cho chúng tôi biết trong phần ý kiến!

Similar Articles

Comments

Instagram

Most Popular

Điều chỉnh hiệu suất cho NGINX

NGINX nổi tiếng là một bộ cân bằng tải hiệu suất cao , bộ đệm và máy chủ web , cung cấp năng lượng cho hơn 40% các trang web...

Cách sử dụng Screen Linux

Bạn đã bao giờ phải đối mặt với tình huống bạn thực hiện một tác vụ dài hạn trên một máy từ...

Chrome Development Tools – Tips And Tricks

Google Chrome là trình duyệt web phổ biến nhất được sử dụng hiện nay, trong năm 2019 nó chiếm tới 63% lượng...