you-might-not-need-jquery-wolfactive-949x475
17/07/2020

Có nên thực sự dùng jQuery trong lập trình theme, plugin WordPress?

Chào các bạn!! Cũng tầm 1 tuần rồi nhỉ ? Tụi mình chưa đăng bài viết nào 😀 😀 . Nay đi làm về thì bỗng dưng có hứng muốn viết để chia sẻ kinh nghiệm cá nhân của mình. Thì bài hôm nay mình viết về vấn đề. “Có nên thực sự dùng jQuery trong lập trình theme WordPress?”. Nói đến đây chắc nhiều bạn nghĩ rằng: “Hỏi gì lạ vậy 🙂 Đương nhiên là cần rồi 🙂 Hỏi dư thừa!!!“. Theo quan điểm của mình thì không nên dùng jQuery trong lập trình theme WordPress. Còn tại sao thì mình sẽ nói trong bài dưới đây:

Jquery trong WordPress

Như các bạn cũng biết CMS WordPress được viết từ PHP, JS, HTML, CSS và đặc biệt hơn có thể hiểu JS nói ở đây là jQuery. Đa số các theme, plugin WordPress hiện nay đều dùng jQuery để xử lý các vấn đề ngoài giao diện từ chức năng tới hiệu ứng. Hoặc có thể nhận thấy trong admin panel của WordPress được viết bằng jQuery để xử lý các tác vụ ngoài giao diện.

Các bạn tham khảo tài liệu của WordPress thì sẽ thấy thư viện jQuery được chèn vào sẳn để sử dụng rất nhiều và gần như các bạn không cần thiết phải chèn vào thêm thư viện nào khác để lập trình theme hay plugin. Có thể thấy jQuery là một phần không thể thiếu trong WordPress. Vậy mình viết bài này làm gì nhỉ ?? Kì ta WordPress dùng như vậy thì tại sao mình lại nhận định là không nên dùng jQuery trong theme, plugin WordPress. Chúng ta cùng đi đến phần tiếp theo.

Tại sao không nên thực sự dùng jQuery trong lập trình theme, plugin WordPress?

Mặc dù jQuery được sử dụng nhiều như vậy!! Nhưng mình xin nói lại chút là khi bạn dùng jQuery thì các bạn phải thêm jQuery vào web của mình điều đó sẽ ảnh hưởng như sau: Trang web sẽ load hết toàn bộ jQuery sau đó mới tới đoạn script của các bạn. Trong quá trình load jQuery thì cũng sẽ load luôn những đoạn script mà thực chất các bạn không sử dụng. Các bạn có thể thay đôi khi script của các bạn có mấy dòng thôi. Nhưng thức tỉnh đi thực sự không mấy dòng đâu phía sau trên đó là cả một thư viện jQuery mà bạn tích hợp vào 😀 😀 .

Vậy với JavaScript thuần thì sao ? Thì nó có thể dài hơn những dòng script các bạn dùng jQuery một tí. Hoặc cho là các bạn dùng thêm thư viện hỗ trợ của JavaScript thuần để làm giao diện luôn. Nhưng nó vẫn ít hơn gấp mấy lần khi các bạn chèn thêm jQuery và các thư viện sử dụng Jquery 😀  😀 . Hiện nay JavaScript đã có nhiều thư viện hỗ trợ thay thế hầu hết các thư viện của Jquery. Đồng thời có thể xử lý những việc cần dùng đến jQuery. Như giao tiếp Api, sử dụng các thư viện Slick, Owl Carousel để làm Slider.. Từ lúc mình không dùng jQuery thì web mình tăng tốc lên rất đáng kể.

Và còn một điều ngạc nhiên hơn nữa là chính tài liệu của WordPress cũng khuyến cáo rằng không nên dùng jQuery nếu như không thực sự cần thiết. Các bạn có thể tham khảo tại trang này 😀 😀 https://developer.wordpress.org/themes/advanced-topics/javascript-best-practices/#standard-javascript

Làm thể nào có thể sử dùng ES 6 trên trình duyệt

Mặc dù ES6 ra đã lâu nhưng có vài phần trình duyệt vẫn chưa hỗ trợ hết. Nên để làm được việc đó chúng ta nên xài webpack, Babel js để quản lý code, tối ưu, cũng như là hỗ trợ complie từ ES6 sang ES5.

Tổng kết

Bấm play để xem ví dụ cụ thể hen 😀 😀

Mình đã thử và mình cảm thấy trang web mình hoạt động tốt hơn trước, tốc độ nhanh hơn trước. 😀 😀 .

Vui lòng chọn size trước khi đặt hàng (*)