Bootstrap

Vũ Thành Lâm

Content - Code - SEO - MMO
17/10/1979
Tây Mỗ - Nam Từ Liêm - Hà Nội
thanhlam19792003

Lamvt – Vũ Thành Lâm – bắt đầu Code 2005 Freelancer từ 2006 với hàng ngàn dự án lớn nhỏ cho nước ngoài và hàng trăm dự án web cho Việt Nam.

SEO thành công rất nhiều dự án lớn, độ khó cao.
MOD (Moderator) và Admin (Administraror) của nhiều diễn đàn về SEO và CODE web MMO tại Việt Nam
Dạy Lập trình Thiết kế Web và SEO Miễn phí 15++ Năm (Từ 2006 đến Nay)

Cách vô hiệu hóa Scripts và Styles của plugin trong Wordpress

4.9/5 - (7 bình chọn)

Một số bạn hay dùng plugin để xây dựng chức năng cũng như làm theme một cách nhanh chóng vì sự đầy đủ và tiện lợi của chúng. Tuy nhiên các bạn không biết rằng đằng sau đó là một loạt các file javascript và css được thêm vào website của bạn. Điều này rất không tốt cho SEO cũng như làm cho trang web của bạn load chậm. Vậy làm thế nào đề vô hiệu hóa các tệp tin javascript và css đó?

Thật may mắn là trong hệ thống wordpress đã hỗ trợ chúng ta một số hàm để hủy đăng ký của các tệp tin đó. Nó sẽ giúp chúng ta làm chủ được trang web và kiểm soát được các file. Việc hủy đăng ký này sẽ giúp bạn làm các việc sau:

  • Kết hợp nhiều file rời rạc khác nhau thành một file lớn. Việc này sẽ giúp giảm lượng request của trang web.
  • Chỉ tải các file mà trang đó cần tải
  • Không sử dụng thuộc tính !important trong file style.css để css trở nên đơn giản hơn.

Thói quen của các lập trình viên

Thông thường các developer có thói quen là viết luôn các đoạn script và css vào ngay phần tiêu đề. Điều này quả thật là không tốt cho website, cùng với đó là không phải plugin nào cũng sử dụng phương thức phù hợp để tải các đoạn mã script và css.

Điều này thường xảy ra vì chúng ta không quen sử dụng 2 chức năng quan trọng của Wordpress đó là: wp_enqueue_style() và wp_enqueue_script(). Nếu bạn chưa sử dụng chức năng này bao giờ thì nên sử dụng chúng đi vì chúng rất hữu ích.

Làm thế nào để vô hiệu hóa tệp tin script trong Wordpress?

Trong bài này tôi sẽ lấy ví dụ về việc vô hiệu hóa tệp tin Javascript của plugin Contact Form 7. Điều đầu tiên mà bạn cần làm đó là tìm cách xử lý cho tệp tin script mà bạn muốn vô hiệu hóa.

Bước 1: Mở file wp-contact-form-7.php bằng trình soạn thảo mà bạn thích, ở đây tôi dùng sublime text 3.

Bước 2: Sau đó bạn thêm đoạn code này xuống cuối tệp tin

Cách vô hiệu hóa Scripts và Styles của plugin trong Wordpress loai-bo-script-trong-wordpress-1
Bước 3: Bây giờ bạn có thể đóng file đó lại và tiếp tục mở file functions.php của bạn ra và thêm đoạn code này vào

Cách vô hiệu hóa Scripts và Styles của plugin trong Wordpress loai-bo-script-trong-wordpress-3

Bước 4: Lưu tệp tin này lại.

Chú ý: Bạn có thể vô hiệu hóa nhiều tệp tin script mà bạn muốn vào trong file function này.

Làm thế nào để vô hiệu hóa tệp tin CSS

Ở ví dụ trên tôi đã vô hiệu hóa tệp tin script của plugin Contact Form 7 rồi, giờ đổi mới chút tôi sẽ vô hiệu hóa CSS của WP_PageNavi. Để làm được điều này các bạn làm theo các bước sau:

Xem thêm: Sublime text là gì? Vì sao nó quan trọng với các lập trình viên

Bước 1: Mở tệp tin wp-pagenavi.php bằng trình soạn thảo mà bạn thích.

Bước 2: Sau đó thêm đoạn code này vào

Cách vô hiệu hóa Scripts và Styles của plugin trong Wordpress loai-bo-css-trong-wordpress-2

Bước 3: Mở file functions.php ra và thêm đoạn code này vào

Cách vô hiệu hóa Scripts và Styles của plugin trong Wordpress loai-bo-tep-tin-css-trong-wordpress-1

Chú ý: Cũng tương tự như cách vô hiệu hóa tệp tin script, ở đây bạn cũng có thể vô hiệu hóa nhiều tệp tin css bằng cách thêm chúng vào hàm function

Một số lời khuyên tốt cho việc tối ưu

Xem thêm: Dịch vụ tối ưu website

Bạn đã biết cách vô hiệu hóa các tệp tin script và CSS rồi nhưng bạn cần làm một số việc sau để tránh việc sai sót và làm cho trang web của mình hoạt động một cách tốt nhất:

  • Bạn cần nối các đoạn CSS mà đã vô hiệu hóa vào cuối file style.css. Bạn có thể chỉnh sửa lại nếu cần thiết.
  • Kết hợp các file script vào trong một file và tải chúng 1 lần. Chú ý là chỉ nên làm điều này cho những thứ sử dụng cùng 1 thư việc javascript. Trong ví dụ trên, tôi thường kết hợp các file scripts được xây dựng trên Jquery.
  • Sử dụng các câu lệnh điều kiện để các file script hoặc CSS được hoạt động một cách tốt nhất.

Chú ý: Không phải plugin nào cũng có thể vô hiệu hóa được tệp tin script và css được vì nó có thể gây ra các plugin hoặc theme không hoạt động đúng cách. Hầu hết các file CSS có thể thêm vào trang của bạn một cách dễ dàng. Tuy nhiên file Javascript lại khác, và tôi khuyên bạn chỉ nên kết hợp nhiều file vào thành 1 file mà bạn biết rõ cách sử dụng của chúng.

Trên đây là cách vô hiệu hóa các tệp tin script và css của các plugin trong wordpress. Nó sẽ giúp các bạn quản lý code một cách dễ dàng, việc tối ưu web trở nên dễ dàng hơn. Mong rằng bài viết này sẽ giúp ích được bạn. Chúc các bạn thành công.

Xem thêm: Dịch vụ quản lý website chuyên nghiệp

Tin mới nhất

VR PLUS (https://vrplus.vn/ ) Là một trong những dự án do Lamvt thực hiện trong thời gian gần đây. Như...

Trong một năm qua, chúng tôi đã xuất bản khoảng 79 bài viết SEO trên blog Ahrefs. Các bài viết...

Khám phá kĩ thuật viết nội dung SEO Nếu không có SEO, nội dung của bạn có thể bị chìm...

Các website về lĩnh vực làm đẹp cần phải có một thiết kế (design) hấp dẫn và bắt mắt. Điều...

Core Web Vitals được đo lường như thế nào? Làm thế nào để bạn biết các bản sửa lỗi đã...

Tin được yêu thích

Như đã nói, phần mềm chỉnh sửa video đang ngày càng chứng tỏ được tầm quan trọng của mình, nhất...

Nhiều bạn thắc mắc là sau khi cài đặt Plugin cho Google AMP thì làm thế nào để kiểm tra,...

Các trang web giáo dục và các trang web của chính phủ có một lợi thế hơn trong bảng xếp...

Nội dung là một trong 3 tiêu chí quan trọng để google đánh giá thứ hạng tìm kiếm cho website...

Thẻ <span> </span> Thẻ <span> là thẻ khá đặc biệt trong HTML, theo mặc định thì thẻ <span> được thêm...

Khách đang xem

  1. Backlink và content là yếu tố quyết định chính đến sự thành công của một dự án SEO. Đặc biệt,...
    20 giây trước
  2.  Hướng dẫn hoàn chỉnh cho người mới Domain Authority score (điểm thẩm quyền của tên miền trang web). Là một...
    9 giây trước
  3. Các bạn đã biết cách cài đặt và sử dụng Google Analytics, cũng như nắm được những tính năng quan...
    16 giây trước
  4. Viết một thẻ tiêu đề hiệu quả cho SEO và xây dựng thương hiệu nên là cải tiến trang web...
    14 giây trước
  5. Facebook là mạng xã hội lớn nhất hành tinh được rất nhiều người yêu thích, thậm chí một số người...
    7 giây trước
  6. Chào mừng bạn đã quay trở lại với series "Học HTML CSS cơ bản", ở bài trước mình đã cùng...
    30 giây trước
  7. Chúng ta cùng nhau nhớ lại thời Internet mới phát triển, trên các website thường có một nút nổi bật...
    30 giây trước
  8. Như chúng ta đã biết W3 Total Cache cho chúng ta load trang web tốt hơn với rất nhiều tiện...
    30 giây trước
  9. Backlink là một trong những thuật ngữ được dùng nhiều nhất trong SEO. Khi bắt đầu tìm hiểu về SEO,...
    6 giây trước
  10. Từ khóa đuôi dài là cụm từ khóa dài hơn và cụ thể hơn mà khách truy cập có nhiều khả năng sử...
    21 giây trước