{"id":15605,"date":"2021-12-15T20:58:00","date_gmt":"2021-12-15T13:58:00","guid":{"rendered":"https:\/\/speed.family\/?p=15605"},"modified":"2021-12-15T20:58:00","modified_gmt":"2021-12-15T13:58:00","slug":"loai-css-js-contact-form-7","status":"publish","type":"post","link":"https:\/\/kiencang.net\/loai-css-js-contact-form-7\/","title":{"rendered":"C\u00e1ch lo\u1ea1i tr\u1eeb \u1ea3nh h\u01b0\u1edfng x\u1ea5u c\u1ee7a m\u00e3 CSS & JS d\u01b0 th\u1eeba do Contact Form 7 ch\u00e8n v\u00e0o tr\u00ean c\u00e1c trang kh\u00f4ng li\u00ean quan"},"content":{"rendered":"\n

Contact Form 7 (CF7)<\/a> l\u00e0 plugin form r\u1ea5t ph\u1ed5 bi\u1ebfn, ch\u1eafc nhi\u1ec1u anh ch\u1ecb em \u0111ang d\u00f9ng, tuy nhi\u00ean n\u00f3 c\u00f3 nh\u01b0\u1ee3c \u0111i\u1ec3m v\u1ec1 m\u1eb7t hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 \u0111\u00f3 l\u00e0 ch\u00e8n CSS v\u00e0 JS tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c post, page d\u00f9 trang \u0111\u00f3 c\u00f3 nh\u00fang form hay kh\u00f4ng!<\/strong><\/p>\n\n\n

N\u1ebfu trang web c\u1ee7a b\u1ea1n c\u00f3 c\u00e0i CF7 th\u00ec \u0111\u1ec3 ki\u1ec3m tra v\u1ea5n \u0111\u1ec1 n\u00e0y b\u1ea1n l\u00e0m nh\u01b0 sau.<\/p>\n\n\n

B\u1ea1n t\u1ea1m th\u1eddi v\u00f4 hi\u1ec7u h\u00f3a t\u00ednh n\u0103ng g\u1ed9p (combine) v\u00e0 minify JS v\u00e0 CSS<\/a> (v\u00ed d\u1ee5 c\u1ee7a c\u00e1c plugin cache nh\u01b0 LiteSpeed, WP-Rocket ho\u1eb7c Autoptimize<\/a>), vi\u1ec7c n\u00e0y gi\u00fap b\u1ea1n nh\u1eadn di\u1ec7n c\u00e1c file d\u1ec5 d\u00e0ng h\u01a1n.<\/p>\n\n\n

Ti\u1ebfp \u0111\u00f3 tr\u00ean tr\u00ecnh duy\u1ec7t Chrome, b\u1ea1n v\u00e0o m\u1ed9t trang kh\u00f4ng c\u00f3 form c\u1ee7a CF7, nh\u1ea5n Ctrl + Shift + I > Network > Disable cache > JS<\/em> r\u1ed3i t\u1ea3i l\u1ea1i trang. B\u1ea1n s\u1ebd th\u1ea5y t\u1ea5t c\u1ea3 c\u00e1c file JS m\u00e0 trang ph\u1ea3i t\u1ea3i v\u1ec1.<\/p>\n\n\n

Di chu\u1ed9t qua t\u1eebng file JS b\u1ea1n s\u1ebd nhanh ch\u00f3ng nh\u1eadn ra trang t\u1ea3i JS c\u1ee7a CF7 v\u1ec1:<\/p>\n\n\n

\"file<\/figure><\/div>\n\n\n

N\u00f3 n\u1eb1m \u1edf \u0111\u01b0\u1eddng d\u1eabn: <\/p>\n\n\n

t\u00ean-mi\u1ec1n-c\u1ee7a-b\u1ea1n.com\/wp-content\/plugins\/contact-form-7\/includes\/js\/scripts.js<\/code><\/pre>\n\n\n
v\u00e0 n\u1eb7ng kho\u1ea3ng 14KB.<\/p>\n\n\n
T\u01b0\u01a1ng t\u1ef1, CSS c\u0169ng v\u1eady, nh\u01b0ng may m\u1eafn h\u01a1n l\u00e0 CSS r\u1ea5t nh\u1eb9 ch\u01b0a \u0111\u1ebfn 1KB.<\/p>\n\n\n
V\u1eady l\u00e0m sao \u0111\u1ec3 lo\u1ea1i \u0111\u01b0\u1ee3c CSS v\u00e0 JS d\u01b0 th\u1eeba n\u00e0y<\/a>?<\/p>\n\n\n
C\u00e1ch \u0111\u1ee1 t\u1ed1n k\u00e9m nh\u1ea5t l\u00e0 s\u1eed d\u1ee5ng plugin kh\u00e1c c\u00f3 c\u00e1ch ch\u00e8n m\u00e3 th\u00f4ng minh h\u01a1n (t\u1ee9c l\u00e0 ch\u1ec9 ch\u00e8n CSS & JS v\u00e0o trang n\u00e0o c\u00f3 form). V\u00ed d\u1ee5 nh\u01b0 WPform<\/a>.<\/p>\n\n\n
C\u00e1ch th\u1ee9 hai, n\u1ebfu v\u00ec l\u00fd do n\u00e0o \u0111\u00f3 b\u1ea1n v\u1eabn ph\u1ea3i x\u00e0i Contact Form 7 th\u00ec c\u00f3 th\u1ec3 d\u00f9ng plugin ki\u1ec3u nh\u01b0 Perfmatters<\/a> \u0111\u1ec3 v\u00f4 hi\u1ec7u h\u00f3a CF7 tr\u00ean c\u00e1c trang kh\u00f4ng li\u00ean quan.<\/p>\n\n\n
N\u00ean d\u00f9ng t\u00ednh n\u0103ng v\u00f4 hi\u1ec7u h\u00f3a tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c trang (Disable > Everywhere) v\u00e0 ch\u1ec9 b\u1eadt tr\u00ean nh\u1eefng trang n\u00e0o c\u1ea7n d\u00f9ng b\u1eb1ng c\u00e2u l\u1ec7nh Regex<\/a>.<\/p>\n\n\n
T\u00ednh n\u0103ng n\u00e0y s\u1ebd ti\u1ec7n v\u00ec \u0111a s\u1ed1 ch\u00fang ta ch\u1ec9 d\u00f9ng form tr\u00ean v\u00e0i trang m\u00e0 th\u00f4i. C\u00e1ch l\u00e0m nh\u01b0 sau:<\/p>\n\n\n
\"\"<\/figure><\/div>\n\n\n
Trong \u0111\u00f3 page1 v\u00e0 page2 l\u00e0 \u0111\u01b0\u1eddng d\u1eabn (URL slug) c\u1ee7a trang, v\u00ed d\u1ee5 nh\u01b0:<\/p>\n\n\n
(\\\/contact-us\\\/)<\/pre>\n\n\n
Tuy nhi\u00ean Perfmatters l\u00e0 plugin c\u00f3 ph\u00ed. Anh ch\u1ecb em n\u00e0o c\u00f3 gi\u1ea3i ph\u00e1p mi\u1ec5n ph\u00ed v\u1edbi Contanct Form 7 kh\u00f4ng (m\u00e0 kh\u00f4ng ph\u1ea3i d\u00f9ng plugin form kh\u00e1c)?<\/p>\n\n\n
PS: t\u00f4i \u0111\u0103ng c\u00e2u h\u1ecfi l\u00ean nh\u00f3m WordPress Vi\u1ec7t Nam, c\u00f3 ng\u01b0\u1eddi tr\u1ea3 l\u1eddi lu\u00f4n, b\u1ea1n n\u00e0o kh\u00f4ng mu\u1ed1n d\u00f9ng plugin \u0111\u1ec3 ch\u1eb7n JS & CSS c\u1ee7a CF7 t\u1ea3i tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c trang c\u00f3 th\u1ec3 d\u00f9ng gi\u1ea3i ph\u00e1p n\u00e0y: https:\/\/contactform7.com\/loading-javascript-and-stylesheet-only-when-it-is-necessary\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Contact Form 7 (CF7) l\u00e0 plugin form r\u1ea5t ph\u1ed5 bi\u1ebfn, ch\u1eafc nhi\u1ec1u anh ch\u1ecb em \u0111ang d\u00f9ng, tuy nhi\u00ean n\u00f3 c\u00f3 nh\u01b0\u1ee3c \u0111i\u1ec3m v\u1ec1 m\u1eb7t hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 \u0111\u00f3 l\u00e0 ch\u00e8n CSS v\u00e0 JS tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c post, page d\u00f9 trang \u0111\u00f3 c\u00f3 nh\u00fang form hay kh\u00f4ng! N\u1ebfu trang web c\u1ee7a b\u1ea1n c\u00f3 …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[262,272],"tags":[],"yoast_head":"\nC\u00e1ch lo\u1ea1i tr\u1eeb \u1ea3nh h\u01b0\u1edfng x\u1ea5u c\u1ee7a m\u00e3 CSS & JS d\u01b0 th\u1eeba do Contact Form 7 ch\u00e8n v\u00e0o tr\u00ean c\u00e1c trang kh\u00f4ng li\u00ean quan • Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/loai-css-js-contact-form-7\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00e1ch lo\u1ea1i tr\u1eeb \u1ea3nh h\u01b0\u1edfng x\u1ea5u c\u1ee7a m\u00e3 CSS & JS d\u01b0 th\u1eeba do Contact Form 7 ch\u00e8n v\u00e0o tr\u00ean c\u00e1c trang kh\u00f4ng li\u00ean quan • Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Contact Form 7 (CF7) l\u00e0 plugin form r\u1ea5t ph\u1ed5 bi\u1ebfn, ch\u1eafc nhi\u1ec1u anh ch\u1ecb em \u0111ang d\u00f9ng, tuy nhi\u00ean n\u00f3 c\u00f3 nh\u01b0\u1ee3c \u0111i\u1ec3m v\u1ec1 m\u1eb7t hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 \u0111\u00f3 l\u00e0 ch\u00e8n CSS v\u00e0 JS tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c post, page d\u00f9 trang \u0111\u00f3 c\u00f3 nh\u00fang form hay kh\u00f4ng! N\u1ebfu trang web c\u1ee7a b\u1ea1n c\u00f3 …\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/loai-css-js-contact-form-7\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-15T13:58:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/07\/contact-form-7-js-1024x469.png\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00e1ch lo\u1ea1i tr\u1eeb \u1ea3nh h\u01b0\u1edfng x\u1ea5u c\u1ee7a m\u00e3 CSS & JS d\u01b0 th\u1eeba do Contact Form 7 ch\u00e8n v\u00e0o tr\u00ean c\u00e1c trang kh\u00f4ng li\u00ean quan • Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/loai-css-js-contact-form-7\/","og_locale":"vi_VN","og_type":"article","og_title":"C\u00e1ch lo\u1ea1i tr\u1eeb \u1ea3nh h\u01b0\u1edfng x\u1ea5u c\u1ee7a m\u00e3 CSS & JS d\u01b0 th\u1eeba do Contact Form 7 ch\u00e8n v\u00e0o tr\u00ean c\u00e1c trang kh\u00f4ng li\u00ean quan • Ki\u1ebfn c\u00e0ng","og_description":"Contact Form 7 (CF7) l\u00e0 plugin form r\u1ea5t ph\u1ed5 bi\u1ebfn, ch\u1eafc nhi\u1ec1u anh ch\u1ecb em \u0111ang d\u00f9ng, tuy nhi\u00ean n\u00f3 c\u00f3 nh\u01b0\u1ee3c \u0111i\u1ec3m v\u1ec1 m\u1eb7t hi\u1ec7u su\u1ea5t, t\u1ed1c \u0111\u1ed9 \u0111\u00f3 l\u00e0 ch\u00e8n CSS v\u00e0 JS tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c post, page d\u00f9 trang \u0111\u00f3 c\u00f3 nh\u00fang form hay kh\u00f4ng! N\u1ebfu trang web c\u1ee7a b\u1ea1n c\u00f3 …","og_url":"https:\/\/kiencang.net\/loai-css-js-contact-form-7\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2021-12-15T13:58:00+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/07\/contact-form-7-js-1024x469.png"}],"author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/loai-css-js-contact-form-7\/","url":"https:\/\/kiencang.net\/loai-css-js-contact-form-7\/","name":"C\u00e1ch lo\u1ea1i tr\u1eeb \u1ea3nh h\u01b0\u1edfng x\u1ea5u c\u1ee7a m\u00e3 CSS & JS d\u01b0 th\u1eeba do Contact Form 7 ch\u00e8n v\u00e0o tr\u00ean c\u00e1c trang kh\u00f4ng li\u00ean quan • Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2021-12-15T13:58:00+00:00","dateModified":"2021-12-15T13:58:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/loai-css-js-contact-form-7\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/loai-css-js-contact-form-7\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/loai-css-js-contact-form-7\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"C\u00e1ch lo\u1ea1i tr\u1eeb \u1ea3nh h\u01b0\u1edfng x\u1ea5u c\u1ee7a m\u00e3 CSS & JS d\u01b0 th\u1eeba do Contact Form 7 ch\u00e8n v\u00e0o tr\u00ean c\u00e1c trang kh\u00f4ng li\u00ean quan"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/15605"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=15605"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/15605\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=15605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=15605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=15605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}