[Toàn tập]Tăng tốc website Elementor

Tăng tốc website Elementor

Elementor là trình tạo trang nhanh nhất cho WordPress, được viết với các tiêu chuẩn mã nghiêm ngặt nhất. Tuy nhiên, một số trang web có thể có cấu hình khiến tải chậm.

Dưới đây là những cách phổ biến nhất để đối phó với trang Elementor chậm:

[Toàn tập]Tăng tốc website Elementor
[Toàn tập]Tăng tốc website Elementor

Nguyên nhân của một trang web / yếu tố chậm

Có một số nguyên nhân có thể khiến trang web hoặc trình chỉnh sửa hiển thị hiệu suất chậm, mỗi nguyên nhân cần được kiểm tra:
Máy chủ (Server) – Các yếu tố như bộ nhớ, băng thông, vị trí của máy chủ liên quan đến người dùng, v.v có ảnh hưởng lớn đến tốc độ trang web. Dịch vụ lưu trữ miễn phí hoặc chia sẻ thường là nguyên nhân của một trang web chậm.
Phương tiện (hình ảnh, video, v.v.) – Bất kỳ hình ảnh nào bạn đặt bên trong trang web của bạn đều làm chậm nó, đặc biệt nếu hình ảnh được đặt trong các khu vực luôn được tải như đầu trang và chân trang. Luôn đảm bảo bạn tải lên hình ảnh không quá lớn (Dưới 1 MB là một yêu cầu bắt buộc). Nên sử dụng các công cụ như  TinyPNG để giảm kích thước hình ảnh của bạn.
Nhúng mã bên thứ 3 – Bất kỳ việc sử dụng tập lệnh bên ngoài nào, ví dụ Google Maps, số lượt chia sẻ trên Facebook, hình ảnh Avatar, tất cả đều làm chậm đáng kể tải trang.
Ví dụ, bạn có thể hủy kích hoạt Google Fonts, Font Awesome và Eicons bằng cách thêm các dòng mã sau vào tệp tin.php của bạn trong chủ đề con (child theme) của bạn.

Đối với Phông chữ của Google:
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

Đối với Font Awesome (font chữ tạo các kí tự đặc biệt):
dd_action( 'elementor/frontend/after_register_styles',function() {
	foreach( [ 'solid', 'regular', 'brands' ] as $style ) {
		wp_deregister_style( 'elementor-icons-fa-' . $style );
	}
}, 20 );
Lưu ý: Theo mặc định, các biểu tượng Font Awesome sẽ chỉ tải trên các trang mà bạn đã sử dụng chúng, vì vậy FA (tiền tố font awesome) sẽ không tải trên các trang không sử dụng bất kỳ biểu tượng Font Awesome nào. Điều này mang lại hiệu suất nhanh hơn và tốc độ trang nhanh hơn cho trang web của bạn. Điều này có thể mang lại lợi ích cho SEO và trải nghiệm người dùng của bạn. Chỉ CSS và font chữ bạn thực sự sử dụng mới được tải . Vì vậy, chỉ loại bỏ Font Awesome nếu bạn thực sự có kế hoạch không sử dụng bất kỳ biểu tượng Font Awesome nào cả. Nếu bạn chỉnh  sửa Font awesome, các biểu tượng sẽ không còn hiển thị trên bất kỳ trang nào của bạn. 
Đối với Eicons: 
add_action( 'wp_enqueue_scripts', 'remove_default_stylesheet', 20 ); 
function remove_default_stylesheet() { 
	wp_deregister_style( 'elementor-icons' ); 
}
Plugin – Plugin làm cho WordPress chậm hơn. Nếu bạn không sử dụng một plugin nào đó – hãy tắt nó đi và xóa nó đi.
Chủ đề (Theme bạn sử dụng) – Một chủ đề(theme) tốt không nên làm chậm một trang web, nhưng thật không may, rất nhiều chủ đề làm. Một chủ đề (theme) được mã hóa tốt sử dụng các tập lệnh và phương thức để giảm kích thước tệp của nó. Chuyển đổi giữa các theme và bạn sẽ biết được theme nào được tối ưu nhất.

Các bài kiểm tra bạn có thể chạy

  • Vô hiệu hóa tất cả các plugin.
  • Chuyển sang TwentySixteen (một trong những chủ đề mặc định của WordPress) .
  • Tạo một trang với mẫu Canvas và kiểm tra lại tốc độ.
  • Sau khi làm theo các bước này, hãy chạy kiểm tra tốc độ và kiểm tra các cải tiến.

Tối ưu hóa tốc độ bạn có thể chạy

1. Sử dụng plugin lưu đệm như  WP Rocket và Autooptimize (free) .

Link tải: Wp-rocket miễn phí

http://bit.ly/Wprocket-qnet88

2. Sử dụng dịch vụ CDN như  CloudFlare .

2. Kiểm tra với nhà cung cấp dịch vụ lưu trữ của bạn về các nguyên nhân có thể khiến trang web bị chậm ở phía máy chủ.

3. Chuyển đổi phương thức nạp trình soạn thảo .

4. Giảm kích thước hình ảnh.

5. Nếu bạn có bí quyết của nhà phát triển, chúng tôi khuyên bạn nên kiểm tra tốc độ ping của máy chủ và phân tích thời gian tải của các yếu tố khác nhau để xác định chính xác nguyên nhân gây ra sự chậm chạp.

Trên đây là tất cả các yếu tố mà nhà sản xuất ra plugin Elementor, bạn có thể làm theo những hướng dẫn trên để có thể tối ưu tốc độ website elementor của mình một cách tốt nhất.

Có khó khăn gì, vui lòng comment phía dưới, mình sẽ chia sẻ và hỗ trợ tất cả những thứ mình biết.

Chúc các bạn thành công.

5/5 - (1 bình chọn)
[related_posts_by_tax posts_per_page="6" title="Bài liên quan" taxonomies="category,post_tag"]

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Hotline: 0974.0707.83(Zalo/Viber)