Plugin Slider tốt nhất trên WordPress – hiệu năng + chất lượng (So sánh)

Nếu bạn đang muốn thêm slider vào trang WordPress của mình.

Bạn có thể dùng plugin slider để thêm vào một cách dễ dàng.

Nhưng các slider có một hạn chế là nó khá nặng và cồng kềnh, đôi khi nó làm nặng website của bạn.

Vì vậy mà trong bài viết này, chúng ta sẽ tìm đâu là plugin slider tốt nhất.

Với tiêu chí: nhanh, nhẹ, dễ sử dụng và các tính năng nổi bật của nó.

Vấn đề của plugin Slider trong WordPress

Khá đáng buồn là hầu hết các slider trong WordPress đều chậm.

Nếu code không được viết tốt thì một slider sẽ tăng đáng kể thời gian tải trang của bạn.

Nếu bạn không có một server tốt thì website bạn sẽ bị chậm đáng kể.

Mặt khác với các plugin là tính dễ sử dụng của slider đó

Hầu hết trong số chúng đang hơi khó dùng, bạn sẽ bỏ thời gian ra để làm quen và học cách dùng.

Cuối cùng nhưng không kém phần quan trọng, là các slider phải responsive.

Rất nhiều trong số đó không có.

Vậy làm thế nào để tìm trong hàng trăm plugin slider và kiểm tra với tất cả các điều này?

Dưới đây tôi sẽ so sánh và chỉ ra cho bạn.

Slider-Plugin-tot-nhat


Tốc Độ – Đâu là plugin slider nhanh nhất ?

Vấn đề quan trọng đầu tiên đó là tốc độ website.

Nên chúng ta sẽ tập trung tìm xem đâu là plugin slider nhanh nhất.

Giúp người dùng có trải nghiệm tốt hơn, và tất nhiên là có cho SEO.

Mình sẽ cài từng plugin một trên website demo.

Sau đó dùng các hình ảnh giống nhau để tạo slider.

Dùng luôn cấu hình mặc định của plugin, sau đó nhùng vào website.

Cuối cùng là dùng công cụ Pingdom để test tốc độ website.

Slider PluginPage Load timeRequestsPage size
Soliloquy860 ms22679 KB
Smart Slider 3860 ms19382
Slider by Nivo928 ms16306 MB
Slider Anything866 ms18324 KB
Master Slider900 ms22348 KB
MetaSlider863 ms25229 KB

Như kết quả ở trên bạn thấy rằng Soliloquy và Smart Slider 3,  là 2 plugin slider nhanh nhất, sau đó đến MataSlider.

Nếu muốn có performance nhanh nhất, thì Soliloquy và Smart Slider 3 sẽ là lựa chọn cho bạn.

Mặc dù MataSlider có thời gian load khá tốt.

Nhưng tạo sao Soliloquy lại tốt hơn ?

Hãy đễ ý đến Soliloquy làm tăng page size, nhưng lại không ảnh hướng đến tốc độ.

Để làm được điều này, họ đã sử dụng mọt meo nhỏ.

Về cơ bản, nó sẽ tải slider cover (silder đầu tiên) trước và sau đó các slide khác được tải không đồng bộ.

Nói cách khác, bạn có thể upload hình ảnh có dung lượng cao lên slider nhưng vẫn mang đến tốc độ load rất tốt.


Dễ sử dụng – Đâu là plugin có trải nghiệm người dùng tốt nhất

Tạo slider không đơn giản như nhiều người thường nghĩ

Có quá nhiều ngôn ngữ kỹ thuật, được sử dụng trong giao diện người dùng của các plugin hàng đầu hiện nay.

Mình muốn nó sẽ phải là một plugin đơn giản dễ dùng với người mới bắt đầu.

Hãy cùng xem các ứng cử viên hàng đầu của chúng tôi thực hiện như thế nào về vấn đề này.

Soliloquy

Soliloquy là một trong những slider plugin có giao diện đơn giản và thân thiện nhất hiện nay.

Để tạo được slider đơn giản là bạn chỉ cần kéo và thả hình ảnh vào là được.

Nó sẽ xử lý các thứ khác như thay đổi kích thước hình ảnh, chọn giao diện cho thanh trượt, kiểu điều hướng…

Bạn chỉ cần nhấn nút publish để lưu thanh trượt.

giao-dien-nguoi-dung-soliloquy

Lý do tại sao nó dễ sử dụng

Vì nó sử dụng giao diện bạn có thể thấy là rất “WordPress“.

Có thể nói là ngôn ngữ thiết kế rất giống với giao diện quản trị của WordPress

Soliloquy có giao diện người dùng đơn giản nhưng trực quan.

Bạn có tehẻ thấy là nó tạo các slide bằng chính media upload mặc định của WordPress.

soliloquy-block-editor

Thêm slider vào các post và page của WordPress cũng rất dễ dàng.

Soliloquy cung cấp cho bạn một số tùy chọn bao gồm: shortcode, các block trong Gutenberg, button cho classic editor và widget.

MetaSlider

MetaSlider cũng là một trong những plugin slider đơn giản và dễ dàng sử dụng.

Việc thêm các slider khá đơn giản, các setting còn lại cũng khá đơn giản để chỉnh sửa.

giao-dien-nguoi-dung-metaslider

Nó cung cấp cho bạn các tùy chọn để chọn các slider script khác nhau: giao diện và kiểu trượt, thêm chú thích và SEO titles…

Bạn có thể bỏ qua tất cả các tùy chọn đó, và chỉ cần chèn slider vào bất cứ nơi nào muốn.

Bằng cách sử dụng shortcode, Gutenberg block, widget hoặc template tag.

Smart Slider 3

Đây có thể nói là một trong những plugin slider mình thích nhất, sau khi đã sử dụng hàng tấn các plugin khác.

Smart Slider 3 sử dụng giao diện người dùng mang cảm giác rất mới mẻ và hiện đại.

Nó khá dễ sử dụng và người mới bắt đầu có thể làm quen được ngay sau một vài lần.

giao-dien-nguoi-dung-smartslider3

Nó cũng có rất nhiều tùy chọn hay để bạn dễ dàng khám phá, cho dù là người dùng.

Xét về tổng thể thì trải nghiệm người dùng là rất tốt và bạn có thể dễ dàng thêm slider vào post và page.

Bằng cách sử dụng block mặc định, shortcode và template tag.

Còn một cái hay nữa sẽ thu hút được người mới dùng và thích có template sẵn.

Đó là kho demo sẵn của Smart Slider 3 rất đa dạng:

smartslider3-templates

Đủ đa dạng mọi lĩnh vực, bạn chỉ cần chọn và chỉnh sửa lại theo ý thích là được.

Slider by Nivo

Slider by Nivo là một slider plugin miễn phí rất dễ dùng và khá đơn giản.

Bạn có thể chỉ cần tải hình ảnh lên bằng media uploader mặc định, và sắp xếp lại thứ tự trượt với kéo và thả.

Bạn có thể thêm chú thích, liên kết và text vào hình ảnh slide của mình.

Nó cũng có shortcode và template tag nên việc chèn slider là cũng khá thuận tiên.

giao-dien-nivo-slider

Nivo Slider là slider hình ảnh đơn thuần, không hỗ trợ video và định dạng khác.

Nó có sẵn các giao diện khá ổn, mà bạn có thể sử dụng và rất nhiều hiệu ứng chuyển tiếp để lựa chọn.

Tuy nhiên, nếu bạn đang muốn tìm một slider nhiều các tính năng và tùy chọn,

Thì Nivo tương đối “nghèo nàn” về mặt này

Slide Anything

Slider anything cho phép bạn thêm bất cứ điều gì vào slider (đúng như cái tên :D).

Bạn có thể thêm text, HTML, image, video hoặc bất cứ thứ gì bạn muốn.

Nó hoàn toàn không dễ sử dụng hoặc trực quan như một số slider WordPress khác.

Và nhiều trong số chúng cũng cho phép bạn thêm các loại định dạng khác nhau.

giao-dien-slideanything

Bạn sẽ phải chèn tất cả nội dung slide của mình vào trong trình soạn thảo HTML.

Điều này thực sự sẽ gây khó khăn với người mới dùng WordPress.

Master Slider

Master Slider là một plugin trượt khác có giao diện người dùng trông khá bắt mắt và mới mẻ.

Nó rất dễ sử dụng, nhưng nhiều tùy chọn tương đối khó làm quen.

Master-Slider

Nó bắt đầu với template section và tự động nhập một số slide demo để bạn bắt đầu.

Sau đó, bạn có thể xóa các slide đó và thay thế chúng bằng các slide của riêng bạn.

Nó có các template đẹp và có thể dễ dàng chèn vào các bài post, page và sildebar bằng shortcode, Gutenberg block…

Master Slider hoạt động tốt nhất với hầu hết theme WordPress tự động tải jQuery trên mỗi lần tải trang.

Nếu chủ đề của bạn không làm điều đó, thì bạn sẽ cần thay đổi cài đặt plugin.


Tính năng – Plugin nào cung cấp nhiều tính năng hơn ?

Nếu tất cả những gì bạn muốn làm là tạo các slider hình ảnh đơn giản.

Thì bất kỳ plugin slider miễn phí nào trong danh sách này đều có thể thực hiện tốt.

Tuy nhiên, Soliloquy và MetaSlider lại có nhiều tính năng tuyệt vời hơn. (Soliloquy còn có rất nhiều add-on nhé)

Chúng đều responsive và hoạt động tốt trên mọi thiết bị và kích thước màn hình.

Cả hai đều hỗ trợ các slide video, video HTML 5, các slide nội dung nổi bật, chủ đề, hình động và chuyển tiếp.

Có cung cấp giao diện đơn giản và dễ sử dụng và cả hai đều có các tiện ích bổ sung mà bạn có thể cài đặt để thêm nhiều tính năng hơn.

Soliloquy có nhiều tính năng hơn một chút. như add-on cho WooCommerce dành cho trình chiếu sản phẩm,

Nhưng bạn muốn một slider nhiều tính năng mà vẫn đảm bảo hiệu năng tốt.

Thì Smart Slider 3 chính là câu trả lời cho bạn.

Đặc biệt với kho template có sẵn, bạn tha hồ lựa chọn và tùy chỉnh lại theo ý mình.


Giá cả

Một trong những yếu tố khác, ảnh hướng đến lựa chọn của bạn đó là giá cả.

Hãy cũng ngó quá giá mua từ nhà sản xuất xem nhé.

Slider PluginSingle Site License
Soliloquy$19
MetaSlider$39
Smart Slider 3$35
Slider by NivoFree
Slide AnythingFree
Master SliderFree

Trong số các plugin trả phí, Soliloquy có thể trông rẻ nhất.

Nhưng đây là Single Site License (1 website duy nhất) và không kèm theo các add-on bổ sung tính năng khác.

Bạn sẽ cần License Developer để truy cập tất cả các tiện ích bổ sung có giá 99$.

Mặt khác, cả MetaSlider và Smart Slider 3 đều cho phép bạn truy cập vào tất cả các tiện ích bổ sung ngay cả chỉ với license 1 site.

Còn nếu bạn muốn mua những plugin trên với giá rẻ hơn, hãy ghé TheDevKit nhé ( Có mọi slider plugin trên :D)


Kết Luận – Đâu là plugin slider tốt nhất hiện nay

Sau khi so sánh, và đã từng sử dụng rất nhiều các plugin slider khác nhau.

Sự lựa chọn của mình chắc chắn: Smart Slider 3 là slider plugin tốt nhất.

Nhiều người có thể thắc mắc rằng tại sao trong danh sách này không có 2 cái tên đình đám là:

Đúng là hai plugin này có rất nhiều tính năng cao cấp, đẹp mắt với hiệu ứng phải nói là tuyệt vời.

Nhưng nó khá nặng và ảnh hưởng đến performace website, nếu bạn chỉ muốn đẹp và không quan tâm đến hiệu năng.

Vẫn có thể dụng revolution slider hoặc layerslider.

Còn nếu quan tâm đến performace và tốc độ tải trang.

Thì mình khuyên bạn nên sử dụng Smart Slider 3.

Thứ nhất là nó rất nhanh và mang lại hiệu suất rất tốt (ít ảnh hưởng đến tốc độ tải trang).

Thứ hai là nó cũng đầy đủ các tính năng, và hiệu ứng.

Việc sử dụng cũng khá đơn giản.

Một plugin vừa mang lại hiệu năng tốt lẫn giao diện cũng như trải nghiệm đều tốt. Tại sao không sử dụng đúng không nào 😀

6
Trả Lời

avatar
 
smilegrinwinkmrgreenneutraltwistedarrowshockunamusedcooleviloopsrazzrollcryeeklolmadsadexclamationquestionideahmmbegwhewchucklesillyenvyshutmouth
2 Chủ đề bình luận
4 Trả lời chủ đề
2 Người theo dõi
 
Phản ứng nhiều nhất
Bình luận nóng nhất
3 Tác giả
Diều HâuLongDuy AnhKome.Cafe Tác giả bình luận gần đây

  Đăng ký  
mới nhất cũ nhất bình chọn nhiều nhất
Thông báo về
Kome.Cafe
Đọc giả

Ad cho mình hỏi theme của mình có cả Revolution Slider và LayerSlider nên web rất nặng.
Khi vào quay rất lâu mới load chũ ra, mình có tìm hiểu cài lazy load (litespeed cache) nhưng nó load ảnh rất kém và vẫn chậm.
Bạn có thể xem giúp mình ko? https://onggiotanthanh.com
Mình gửi username pass qua mail cho bạn?
Hy vọng sớm nhận đc hồi âm của bạn!

Long
Đọc giả

Mình muốn hỏi Admin 2 câu hỏi:
– Plugin Admin đang sử dụng để tạo Category có dạng 2 cột ở mục Tôi cần hướng dẫn về…
– Mình cũng sử dụng Wpdiscuz trong bình luận và LiteSpeed Cache mà không hiểu các setting thế nào mà trong phần bình luận nó vẫn lưu thông tin không cần nhập lại như của Admin.

Xin cảm ơn!

Pin It on Pinterest

Shares

Share This

Share this post with your friends!