Tối ưu plugin Contact Form 7 giúp tăng tốc độ website

Nhập mã webantamgiam30% được giảm 30% khi đăng ký hosting hay vps tại inet.vn

Mục lục

Chào mọi người, lại là mình đây, lâu nay mình lặn hơi sâu vì chạy dự án khá nhiều, hôm nay xong 1 cái dự án bàn giao nên ngồi viết vài dòng chia sẽ đến cộng đồng, hôm nay mình sẽ chia sẽ 1 tip nhỏ tối ưu plugin Contact Form 7 giúp tăng tốc độ website

Tại sao cần tối ưu plugin Contact Form 7

  • Plugin Contact Form 7 là 1 plugin tạo form biểu mẫu miễn phí rất phổ biến nhưng lại code chưa tối ưu lắm ( vì free mà, nên vậy cũng ổn )
  • Plugin Contact Form 7 load các Javascript và css khắp mọi nơi ( thậm chí mới cài vào chưa bỏ form ở trang nào )
Tối ưu plugin contact form 7
Tối ưu plugin contact form 7

plugin Contact Form 7 tải các Javascript và css khắp mọi nơi

Vừa qua mình có làm dự án tối ưu cho khách hàng, hôm nay mình làm cái web demo để test cho bạn xem nhé ( có hình ảnh minh họa nhé )

Dưới đây là hình ảnh minh họa khi mình mới cài plugin Contact Form 7 vào website và xem các file css và Javascript nó sẽ load ở các trang nhé, mặc dù mình chưa tạo form luôn

  • Hình ảnh plugin Contact Form 7 tải file javascript ở trang không có form
File javascript tải trên các trang không có form
File javascript tải trên các trang không có form
  • Hình ảnh plugin Contact Form 7 tải file css ở trang không có form
File css tải trên các trang không có form
File css tải trên các trang không có form

Tải điều kiện plugin Contact Form 7

Sau đây mình sẽ hướng dẫn các bạn tải điều kiện plugin Contact Form 7 có nghĩa là chỉ những trang nào có form mới tải file css và javascript còn những trang nào không có form thì nó sẽ không tải file javascript và css

Bạn chỉ cần cho đoạn code dưới đây vào file funtion.php ở website của bạn ( tốt nhất là thêm ở child theme để sau này theme cập nhật thì code không có mất ) sau khi thêm code vào nhớ xóa cache nhé

Kiểm tra xem còn tải ở các trang không có form không

Sau khi thêm code ở trên vào thì chúng ta tiến hành kiểm tra lại xem nó còn tải file css và js trên các trang không có form không nhé ( Xem hình ảnh bên dưới )

Plugin contact form 7 mình cài là phiên bản 5.7.6 nhé giờ xem hình ảnh dưới sẽ không có nữa nhé ( Hoặc bạn có thể rê chuột vào các file css và js để kiểm tra nhé )

  • Kiểm tra file css của plugin contact form 7 còn tải trên các trang không có form không
File css của plugin contact form 7 không còn tải trên các trang không có form
File css của plugin contact form 7 không còn tải trên các trang không có form

Các bạn để ý phiên bản 5.7.6 của plugin contact form 7 mình cài trước đó đã mất đi rồi nhé ( bạn có thể rê chuột vào từng file kiểm tra cho chắc ăn sẽ không thấy hiện plugin contact form 7 là ok nhé )

  • Kiểm tra file js của plugin contact form 7 còn tải trên các trang không có form không
File js của plugin contact form 7 không còn tải trên các trang không có form
File js của plugin contact form 7 không còn tải trên các trang không có form

Tương tự như trên các bạn để ý phiên bản 5.7.6 của plugin contact form 7 mình cài trước đó đã mất đi rồi nhé ( bạn có thể rê chuột vào từng file kiểm tra cho chắc ăn sẽ không thấy hiện plugin contact form 7 là ok nhé )

Kiểm tra file css và js tải ở các trang có form

Giờ mình sẽ tạo ra 1 cái form liên hệ và xem nó có tải css và js ở trang có form không nhé, nếu có tải ở trang có form là ok nhé ( Tức là những trang nào có chèn form của contact form 7 vào thì mới tải file js và css trang đó thôi. Còn những trang không có chèn form vào thì sẽ không tải file css và js )

  • Kiểm tra file js có tải trên trang có chèn form contact form 7 vào không
file js đã tải trên trang có form của plugin contact form 7
file js đã tải trên trang có form của plugin contact form 7

các bạn để ý phiên bản 5.7.6 của plugin contact form 7 mình cài trước đó đã xuất hiện ở trang có form là ok nhé ( bạn có thể rê chuột vào từng file kiểm tra cho chắc ăn sẽ thấy hiện plugin contact form 7 là ok nhé )

  • Kiểm tra file css có tải trên trang có chèn form contact form 7 vào không
file css đã tải trên trang có form của plugin contact form 7
file css đã tải trên trang có form của plugin contact form 7

Tương tự các bạn để ý file css phiên bản 5.7.6 của plugin contact form 7 mình cài trước đó đã xuất hiện ở trang có form là ok nhé ( bạn có thể rê chuột vào từng file kiểm tra cho chắc ăn sẽ thấy hiện plugin contact form 7 là ok nhé )

Viết đến đây cũng đã 3h30 sáng rồi, thôi mình đi làm giấc mini đây, chúc mọi người luôn hạnh phúc, bình an…

Nhập mã webantamgiam30% được giảm 30% khi đăng ký hosting hay vps tại inet.vn

Nhà cung cấp host uy tín Việt Nam
Nhà cung cấp host uy tín Việt Nam

2 những suy nghĩ trên “Tối ưu plugin Contact Form 7 giúp tăng tốc độ website

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 *

.
.