{"id":11595,"date":"2021-02-08T07:38:00","date_gmt":"2021-02-08T00:38:00","guid":{"rendered":"https:\/\/www.ducanhplus.com\/?p=11595"},"modified":"2021-02-08T07:38:00","modified_gmt":"2021-02-08T00:38:00","slug":"loai-bo-css-chan-hien-thi","status":"publish","type":"post","link":"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/","title":{"rendered":"C\u00e1ch lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb"},"content":{"rendered":"\n<p class=\"has-background\" style=\"background-color:#5bf2ce\"><strong>V\u00e0i l\u01b0u \u00fd tr\u01b0\u1edbc<\/strong>: B\u00e0i vi\u1ebft n\u00e0y ch\u1ee7 y\u1ebfu l\u00e0 ph\u1ea7n l\u00fd thuy\u1ebft v\u1ec1 vi\u1ec7c lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb. N\u00f3 c\u00f3 \u00edch nh\u1ea5t cho nh\u1eefng ai l\u00e0m l\u1eadp tr\u00ecnh web, vi\u1ebft giao di\u1ec7n t\u1ed1i \u01b0u cho t\u1ed1c \u0111\u1ed9 h\u01a1n.<\/p>\n\n\n<p>N\u1ebfu b\u1ea1n \u0111\u01a1n thu\u1ea7n <a aria-label=\"undefined (opens in a new tab)\" href=\"https:\/\/kiencang.net\/huong-dan-su-dung-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u0111ang s\u1eed d\u1ee5ng c\u00e1c CMS s\u1eb5n c\u00f3 nh\u01b0 WordPress<\/a>, b\u00e0i vi\u1ebft n\u00e0y kh\u00f4ng cung c\u1ea5p c\u00e1c plugin c\u1ee5 th\u1ec3 \u0111\u1ec3 b\u1ea1n t\u1ed1i \u01b0u, nh\u01b0ng n\u00f3 c\u0169ng c\u00f3 \u00edch \u0111\u1ec3 b\u1ea1n hi\u1ec3u \u0111\u01b0\u1ee3c c\u01a1 ch\u1ebf c\u0103n b\u1ea3n. N\u1ebfu thu\u1ed9c d\u1ea1ng ng\u01b0\u1eddi d\u00f9ng n\u00e0y, c\u00e1c m\u1eb9o \u0111\u1ec3 gi\u1ea3m c\u00e1c CSS ch\u1eb7n hi\u1ec3n th\u1ecb bao g\u1ed3m (nh\u01b0ng kh\u00f4ng gi\u1edbi h\u1ea1n):<\/p>\n\n\n<ol><li>Ch\u1ecdn <a href=\"https:\/\/kiencang.net\/theme-wordpress-nhanh-nhat\/\" target=\"_blank\" rel=\"noreferrer noopener\">theme t\u1ed1i \u01b0u cho t\u1ed1c \u0111\u1ed9<\/a> ho\u1eb7c \u00edt nh\u1ea5t l\u00e0 ch\u1ecdn theme t\u1eeb nh\u1eefng nh\u00e0 cung c\u1ea5p uy t\u00edn (v\u00ed d\u1ee5 <a href=\"https:\/\/kiencang.net\/generatepress-theme-tot-nhat\/\" target=\"_blank\" rel=\"noreferrer noopener\">GeneratePress<\/a>);<\/li><li>H\u1ea1n ch\u1ebf s\u1eed d\u1ee5ng plugin v\u00e0 ch\u1ec9 s\u1eed d\u1ee5ng plugin ch\u1ea5t l\u01b0\u1ee3ng (m\u00e3 s\u1ebd \u0111\u01b0\u1ee3c vi\u1ebft t\u1ed1t h\u01a1n);<\/li><li>S\u1eed d\u1ee5ng c\u00e1c <a aria-label=\"undefined (opens in a new tab)\" href=\"https:\/\/kiencang.net\/critical-css-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00f4ng c\u1ee5 t\u1ea1o critical CSS<\/a> v\u00e0 tr\u00ec ho\u00e3n t\u1ea3i c\u00e1c CSS kh\u00f4ng quan tr\u1ecdng (h\u1ea7u h\u1ebft c\u00e1c plugin chuy\u00ean t\u0103ng t\u1ed1c nh\u01b0 WP-Rocket, <a href=\"https:\/\/kiencang.net\/huong-dan-plugin-flying-press\/\" target=\"_blank\" rel=\"noreferrer noopener\">FlyingPress<\/a>, <a href=\"https:\/\/kiencang.net\/hd-plugin-litespeed-cache-p1\/\" target=\"_blank\" rel=\"noreferrer noopener\">LiteSpeed cache<\/a>, <a href=\"https:\/\/kiencang.net\/plugin-swift-performance-ngan-gon\/\" target=\"_blank\" rel=\"noreferrer noopener\">Swift Performance<\/a> \u0111\u1ec1u t\u00edch h\u1ee3p s\u1eb5n t\u00ednh n\u0103ng n\u00e0y).<\/li><\/ol>\n\n\n<p>OK, gi\u1edd ch\u00fang ta s\u1ebd \u0111i v\u00e0o ch\u1ee7 \u0111\u1ec1 ch\u00ednh.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6577d63673c81\" ><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d63673c81\"  type=\"checkbox\" id=\"item-6577d63673c81\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/#CSS_chan_hien_thi_trang_la_gi\" title=\"CSS ch\u1eb7n hi\u1ec3n th\u1ecb trang l\u00e0 g\u00ec?\">CSS ch\u1eb7n hi\u1ec3n th\u1ecb trang l\u00e0 g\u00ec?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/#Tai_sao_CSS_chan_hien_thi_trang_lai_khong_tot\" title=\"T\u1ea1i sao CSS ch\u1eb7n hi\u1ec3n th\u1ecb trang l\u1ea1i kh\u00f4ng t\u1ed1t\">T\u1ea1i sao CSS ch\u1eb7n hi\u1ec3n th\u1ecb trang l\u1ea1i kh\u00f4ng t\u1ed1t<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/#Lam_the_nao_de_loai_bo_CSS_chan_hien_thi\" title=\"L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb?\">L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/#1_Lam_the_nao_de_goi_dung_CSS\" title=\"1. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 g\u1ecdi \u0111\u00fang CSS\">1. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 g\u1ecdi \u0111\u00fang CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/#2_Su_dung_it_file_CSS_hon_trong_cac_duong_dan_chinh\" title=\"2. S\u1eed d\u1ee5ng \u00edt file CSS h\u01a1n trong c\u00e1c \u0111\u01b0\u1eddng d\u1eabn ch\u00ednh\">2. S\u1eed d\u1ee5ng \u00edt file CSS h\u01a1n trong c\u00e1c \u0111\u01b0\u1eddng d\u1eabn ch\u00ednh<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/#3_Su_dung_it_CSS_hon_ve_tong_the\" title=\"3. S\u1eed d\u1ee5ng \u00edt CSS h\u01a1n v\u1ec1 t\u1ed5ng th\u1ec3\">3. S\u1eed d\u1ee5ng \u00edt CSS h\u01a1n v\u1ec1 t\u1ed5ng th\u1ec3<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/#Thuc_te\" title=\"Th\u1ef1c t\u1ebf\">Th\u1ef1c t\u1ebf<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/#Dao_sau_hon\" title=\"\u0110\u00e0o s\u00e2u h\u01a1n\">\u0110\u00e0o s\u00e2u h\u01a1n<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"css-ch\u1eb7n-hi\u1ec3n-th\u1ecb-trang-la-gi\"><span class=\"ez-toc-section\" id=\"CSS_chan_hien_thi_trang_la_gi\"><\/span>CSS ch\u1eb7n hi\u1ec3n th\u1ecb trang l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<ul><li>CSS ch\u1eb7n <a href=\"https:\/\/kiencang.net\/cach-trang-web-tai-va-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">hi\u1ec3n th\u1ecb trang (render \/ k\u1ebft xu\u1ea5t)<\/a> l\u00e0m website b\u1ecb ch\u1eadm hi\u1ec3n th\u1ecb;<\/li><li>M\u1ecdi file CSS c\u1ee7a b\u1ea1n \u0111\u1ec1u l\u00e0m trang b\u1ecb tr\u00ec ho\u00e3n (delay) hi\u1ec3n th\u1ecb (d\u00f9 \u00edt d\u00f9 nhi\u1ec1u);<\/li><li>File CSS c\u1ee7a b\u1ea1n c\u00e0ng l\u1edbn (v\u1ec1 m\u1eb7t k\u00edch c\u1ee1), th\u1eddi gian \u0111\u1ec3 trang hi\u1ec3n th\u1ecb c\u00f3 xu h\u01b0\u1edbng c\u00e0ng l\u00e2u;<\/li><li>B\u1ea1n c\u00e0ng c\u00f3 nhi\u1ec1u file CSS (v\u1ec1 s\u1ed1 l\u01b0\u1ee3ng), th\u1eddi gian \u0111\u1ec3 hi\u1ec3n th\u1ecb trang c\u00e0ng nhi\u1ec1u.<\/li><\/ul>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/chan-render-trang.png\" alt=\"ch\u1eb7n render trang\" class=\"wp-image-11596\"\/><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"t\u1ea1i-sao-css-ch\u1eb7n-hi\u1ec3n-th\u1ecb-trang-l\u1ea1i-khong-t\u1ed1t\"><span class=\"ez-toc-section\" id=\"Tai_sao_CSS_chan_hien_thi_trang_lai_khong_tot\"><\/span>T\u1ea1i sao CSS ch\u1eb7n hi\u1ec3n th\u1ecb trang l\u1ea1i kh\u00f4ng t\u1ed1t<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/doi-css-phan-tich.png\" alt=\"\u0111\u1ee3i CSS t\u1ea3i v\u1ec1 v\u00e0 ph\u00e2n t\u00edch\" class=\"wp-image-11597\"\/><\/figure><\/div>\n\n\n<p>V\u00ec CSS ch\u1eb7n hi\u1ec3n th\u1ecb (render blocking) l\u00e0m cho trang t\u1ea3i ch\u1eadm.<\/p>\n\n\n<p>Kh\u00f4ng th\u00e0nh v\u1ea5n \u0111\u1ec1 l\u00e0 hi\u1ec7n b\u1ea1n \u0111ang ki\u1ebfm \u0111\u01b0\u1ee3c bao nhi\u00eau &#8220;l\u00faa&#8221; t\u1eeb trang web c\u1ee7a m\u00ecnh, n\u1ebfu <a href=\"https:\/\/kiencang.net\/tang-toc-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u1ed1c \u0111\u1ed9 trang web nhanh h\u01a1n<\/a> n\u00f3 s\u1ebd gi\u00fap b\u1ea1n ki\u1ebfm \u0111\u01b0\u1ee3c nhi\u1ec1u h\u01a1n n\u1eefa. V\u00ed d\u1ee5:<\/p>\n\n\n<ul><li>Qu\u1ea3ng c\u00e1o Adsense gi\u00fap trang ki\u1ebfm \u0111\u01b0\u1ee3c nhi\u1ec1u ti\u1ec1n h\u01a1n n\u1ebfu qu\u1ea3ng c\u00e1o \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb tr\u00ean trang nhanh h\u01a1n v\u00e0 l\u00e2u h\u01a1n;<\/li><li>C\u00e1c trang th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed (e-commerce) ki\u1ebfm \u0111\u01b0\u1ee3c nhi\u1ec1u ti\u1ec1n h\u01a1n b\u1eb1ng c\u00e1ch gi\u1ea3m t\u1ef7 l\u1ec7 ng\u01b0\u1eddi mua r\u1eddi b\u1ecf gi\u1ecf h\u00e0ng v\u00e0 cung c\u1ea5p tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1t h\u01a1n, \u0111\u1ed3ng th\u1eddi gi\u1ea3m thi\u1ec3u s\u1ef1 b\u1ef1c b\u1ed9i.<\/li><\/ul>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"lam-th\u1ebf-nao-d\u1ec3-lo\u1ea1i-b\u1ecf-css-ch\u1eb7n-hi\u1ec3n-th\u1ecb\"><span class=\"ez-toc-section\" id=\"Lam_the_nao_de_loai_bo_CSS_chan_hien_thi\"><\/span>L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<ol><li>G\u1ecdi \u0111\u00fang file CSS c\u1ee7a b\u1ea1n;<\/li><li>Gi\u1ea3m s\u1ed1 l\u01b0\u1ee3ng file CSS trong <a href=\"https:\/\/kiencang.net\/duong-dan-hien-thi-trang-quan-trong\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u0111\u01b0\u1eddng d\u1eabn quan tr\u1ecdng<\/a> (critical path);<\/li><li>N\u00f3i chung c\u1ea7n s\u1eed d\u1ee5ng \u00edt CSS v\u1ec1 m\u1eb7t t\u1ed5ng th\u1ec3.<\/li><\/ol>\n\n\n<p>B\u00e0i vi\u1ebft n\u00e0y s\u1ebd th\u1ef1c s\u1ef1 \u0111i s\u00e2u v\u00e0o t\u1eebng l\u1ef1a ch\u1ecdn tr\u00ean v\u00e0 bao g\u1ed3m c\u1ea3 c\u00e1c c\u00e1ch th\u1ee9c \u0111\u1ec3 b\u1ea1n t\u1ef1 l\u00e0m, c\u00e1c m\u1eb9o h\u1eefu \u00edch (handy tips) \u0111\u1ec3 h\u01b0\u1edbng d\u1eabn nh\u00e0 thi\u1ebft k\u1ebf ho\u1eb7c ng\u01b0\u1eddi qu\u1ea3n tr\u1ecb web l\u00e0m \u0111i\u1ec1u \u0111\u00f3 cho b\u1ea1n, v\u00e0 minh h\u1ecda v\u1ea5n \u0111\u1ec1 \u0111\u1ee7 \u0111\u1ec3 b\u1ea1n hi\u1ec3u r\u00f5 t\u1eebng gi\u1ea3i ph\u00e1p.<\/p>\n\n\n<p>Ch\u00fang t\u00f4i s\u1ebd b\u1eaft \u0111\u1ea7u v\u1edbi ph\u1ea7n d\u1ec5 nh\u1ea5t trong c\u00e1c gi\u1ea3i ph\u00e1p&#8230;G\u1ecdi \u0111\u00fang file CSS l\u00e0 quy t\u1eafc \u0111\u01b0\u1ee3c khuy\u1ebfn ngh\u1ecb b\u1edfi Google.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"1-lam-th\u1ebf-nao-d\u1ec3-g\u1ecdi-dung-css\"><span class=\"ez-toc-section\" id=\"1_Lam_the_nao_de_goi_dung_CSS\"><\/span>1. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 g\u1ecdi \u0111\u00fang CSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>CSS c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c g\u1ecdi b\u1eb1ng nhi\u1ec1u c\u00e1ch th\u1ee9c kh\u00e1c nhau t\u1eeb trang web c\u1ee7a b\u1ea1n, nh\u01b0ng m\u1ed9t s\u1ed1 c\u00e1ch th\u1ee9c l\u00e0 ho\u00e0n to\u00e0n sai l\u1ea7m trong th\u1ebf gi\u1edbi di \u0111\u1ed9ng hi\u1ec7n \u0111\u1ea1i v\u00e0 c\u1ea7n t\u1ed1c \u0111\u1ed9 cao.<\/p>\n\n\n<p>B\u00ean d\u01b0\u1edbi \u0111\u1ec1 c\u1eadp \u0111\u1ebfn hai sai l\u1ea7m trong vi\u1ec7c g\u1ecdi file CSS c\u1ee7a b\u1ea1n.<\/p>\n\n\n<ul><li>S\u1eed d\u1ee5ng @import \u0111\u1ec3 g\u1ecdi c\u00e1c file css;<\/li><li>Nh\u00e3n css c\u00f3 \u0111i\u1ec1u ki\u1ec7n kh\u00f4ng ch\u00ednh x\u00e1c.<\/li><\/ul>\n\n\n<p>S\u1eed d\u1ee5ng @import v\u00e0 nh\u00e3n d\u00e1n CSS kh\u00f4ng ch\u00ednh x\u00e1c g\u00e2y ra v\u1ea5n \u0111\u1ec1 ch\u1eb7n hi\u1ec3n th\u1ecb, v\u00e0 ch\u00fang c\u00f3 th\u1ec3 gi\u1ea3i quy\u1ebft \u0111\u01b0\u1ee3c d\u1ec5 d\u00e0ng, h\u00e3y t\u00ecm hi\u1ec3u n\u00f3 k\u1ef9 h\u01a1n b\u00ean d\u01b0\u1edbi.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h3 class=\"wp-block-heading\" id=\"khong-s\u1eed-d\u1ee5ng-import-d\u1ec3-g\u1ecdi-css\">Kh\u00f4ng s\u1eed d\u1ee5ng @import \u0111\u1ec3 g\u1ecdi CSS<\/h3>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/a-cong-import.png\" alt=\"kh\u00f4ng s\u1eed d\u1ee5ng @import\" class=\"wp-image-11598\"\/><\/figure><\/div>\n\n\n<p><strong>V\u1ea5n \u0111\u1ec1<\/strong>: Ph\u01b0\u01a1ng th\u1ee9c g\u1ecdi CSS n\u00e0y kh\u00f4ng t\u1ed1t b\u1edfi v\u00ec n\u00f3 l\u00e0m t\u0103ng th\u1eddi gian t\u1ea3i CSS c\u1ee7a b\u1ea1n tr\u01b0\u1edbc khi trang c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb.<\/p>\n\n\n<p><strong>Gi\u1ea3i ph\u00e1p<\/strong>: X\u00e1c \u0111\u1ecbnh c\u00e1c v\u1ecb tr\u00ed @import v\u00e0 thay th\u1ebf ch\u00fang.<\/p>\n\n\n<p><strong>Ph\u00e1t hi\u1ec7n<\/strong>: S\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 ph\u00e2n t\u00edch t\u1ed1c \u0111\u1ed9 tr\u1ef1c tuy\u1ebfn \u0111\u1ec3 l\u00e0m \u0111i\u1ec1u n\u00e0y. \u1ede c\u1ed9t b\u00ean tr\u00e1i c\u00f3 m\u1ed9t (trong c\u00e1c) m\u1ee5c l\u00e0 &#8220;Avoid @CSS import&#8221;. N\u1ebfu b\u1ea1n th\u1ea5y d\u1ea5u check m\u00e0u xanh ngh\u0129a l\u00e0 kh\u00f4ng c\u00f3 v\u1ea5n \u0111\u1ec1 g\u00ec v\u1ec1 @import. N\u1ebfu v\u1ea5n \u0111\u1ec1 \u0111\u01b0\u1ee3c t\u00ecm th\u1ea5y b\u1ea1n s\u1ebd c\u00f3 d\u1ea5u &#8220;x&#8221; m\u00e0u \u0111\u1ecf \u0111\u1ec3 b\u00e1o hi\u1ec7u.<\/p>\n\n\n<p><strong>Chi ti\u1ebft<\/strong>: CSS import tr\u00f4ng gi\u1ed1ng nh\u01b0 th\u1ebf n\u00e0y v\u00e0 s\u1ebd th\u01b0\u1eddng \u0111\u01b0\u1ee3c \u0111\u1eb7t \u1edf g\u1ea7n ph\u1ea7n \u0111\u1ea7u t\u1ec7p tin HTML.<\/p>\n\n\n<pre class=\"wp-block-preformatted\"><code>@import url(\"style.css\")<\/code><\/pre>\n\n\n<p>Thay v\u00ec g\u1ecdi file CSS s\u1eed d\u1ee5ng ph\u01b0\u01a1ng th\u1ee9c @import, t\u1ed1t h\u01a1n l\u00e0 gi\u1eef c\u00e1c file CSS b\u1ed5 sung trong m\u1ed9t file (b\u1ea1n copy v\u00e0 paste import CSS v\u00e0o trong file CSS g\u1ed1c). N\u1ebfu b\u1ea1n kh\u00f4ng th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c \u0111i\u1ec1u \u0111\u00f3 v\u00ec m\u1ed9t l\u00fd do n\u00e0o \u0111\u1ea5y, bao g\u1ed3m c\u00e1c file CSS n\u00e0y trong file HTML b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng \u0111o\u1ea1n code sau&#8230;<\/p>\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;link rel=\"stylesheet\" href=\"style.css\"><\/code><\/pre>\n\n\n<p>Nh\u1edb l\u00e0 thay th\u1ebf &#8220;style.css&#8221; b\u1eb1ng t\u00ean file CSS c\u1ee7a b\u1ea1n.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h3 class=\"wp-block-heading\" id=\"s\u1eed-d\u1ee5ng-nhan-dan-css-chinh-xac\">S\u1eed d\u1ee5ng nh\u00e3n d\u00e1n CSS ch\u00ednh x\u00e1c<\/h3>\n\n\n<p><strong>V\u1ea5n \u0111\u1ec1<\/strong>: Khi CSS kh\u00f4ng \u0111\u01b0\u1ee3c d\u00e1n nh\u00e3n ch\u00ednh x\u00e1c, c\u00e1c tr\u00ecnh duy\u1ec7t m\u1eb7c \u0111\u1ecbnh t\u1ea3i t\u1ea5t c\u1ea3 file CSS tr\u01b0\u1edbc khi render (hi\u1ec3n th\u1ecb) trang.<\/p>\n\n\n<p><strong>Gi\u1ea3i ph\u00e1p<\/strong>: Nh\u1edd vi\u1ec7c d\u00e1n nh\u00e3n c\u00e1c file CSS ch\u00ednh x\u00e1c, tr\u00ecnh duy\u1ec7t s\u1ebd bi\u1ebft kh\u00f4ng c\u1ea7n ph\u1ea3i y\u00eau c\u1ea7u t\u1ea5t c\u1ea3 c\u00e1c file \u0111\u1ec3 b\u1eaft \u0111\u1ea7u hi\u1ec3n th\u1ecb trang.<\/p>\n\n\n<p><strong>Nh\u1eadn bi\u1ebft<\/strong>: Ki\u1ec3m tra n\u1ed9i dung HTML c\u1ee7a b\u1ea1n v\u00e0 xem c\u00e1ch CSS c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c d\u00e1n nh\u00e3n (\u0111\u01b0\u1ee3c m\u00f4 t\u1ea3 r\u00f5 h\u01a1n b\u00ean d\u01b0\u1edbi).<\/p>\n\n\n<p><strong>Chi ti\u1ebft<\/strong>: M\u1ed9t file CSS \u0111i\u1ec3n h\u00ecnh \u0111\u01b0\u1ee3c g\u1ecdi nh\u01b0 d\u01b0\u1edbi \u0111\u00e2y:<\/p>\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;link href=\"style.css\" rel=\"stylesheet\"><\/code><\/pre>\n\n\n<p>Trong \u0111o\u1ea1n code b\u00ean tr\u00ean n\u00f3 n\u00f3i r\u1eb1ng &#8220;\u0111\u00e2y l\u00e0 m\u1ed9t li\u00ean k\u1ebft&#8221; v\u00e0 &#8220;li\u00ean k\u1ebft l\u00e0 cho CSS c\u1ee7a t\u00f4i&#8221;.<\/p>\n\n\n<p>B\u1ea5t k\u1ef3 CSS n\u00e0o \u0111\u01b0\u1ee3c g\u1ecdi theo c\u00e1ch th\u1ee9c tr\u00ean s\u1ebd lu\u00f4n lu\u00f4n \u0111\u01b0\u1ee3c t\u1ea3i tr\u01b0\u1edbc b\u1edfi tr\u00ecnh duy\u1ec7t \u0111\u1ec3 render b\u1ea5t c\u1ee9 \u0111i\u1ec1u g\u00ec tr\u00ean trang web c\u1ee7a b\u1ea1n.<\/p>\n\n\n<p>Gi\u1edd h\u00e3y xem v\u00ed d\u1ee5 v\u1ec1 file CSS m\u00e0 n\u00f3 kh\u00f4ng c\u1ea7n t\u1ea3i tr\u01b0\u1edbc khi render trang, c\u1ee5 th\u1ec3 l\u00e0 file CSS d\u00f9ng \u0111\u1ec3 h\u01b0\u1edbng d\u1eabn in \u1ea5n&#8230;<\/p>\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;link href=\"print.css\" rel=\"stylesheet\" media=\"print\"><\/code><\/pre>\n\n\n<p>\u0110o\u1ea1n code tr\u00ean n\u00f3i r\u1eb1ng &#8220;\u0111\u00e2y l\u00e0 m\u1ed9t li\u00ean k\u1ebft&#8221;, &#8220;li\u00ean k\u1ebft tr\u00ean l\u00e0 cho CSS c\u1ee7a t\u00f4i&#8221; <strong>v\u00e0<\/strong> n\u00f3 c\u0169ng n\u00f3i r\u1eb1ng &#8220;CSS \u0111\u01b0\u1ee3c d\u00f9ng ch\u1ec9 cho vi\u1ec7c in \u1ea5n th\u00f4i&#8221;.<\/p>\n\n\n<p>V\u00ec CSS \u0111\u01b0\u1ee3c d\u00e1n nh\u00e3n l\u00e0 <em>media=&#8221;print&#8221;<\/em>, c\u00e1c tr\u00ecnh duy\u1ec7t hi\u1ec7n \u0111\u1ea1i bi\u1ebft r\u1eb1ng file CSS n\u00e0y <em>kh\u00f4ng c\u1ea7n thi\u1ebft cho vi\u1ec7c hi\u1ec3n th\u1ecb trang<\/em>. H\u1ec7 qu\u1ea3 l\u00e0, tr\u00ecnh duy\u1ec7t s\u1ebd \u0111\u1eb7t \u01b0u ti\u00ean th\u1ea5p h\u01a1n cho file CSS nh\u01b0 v\u1eady. N\u00f3 s\u1ebd v\u1eabn t\u1ea3i file CSS, nh\u01b0ng CSS \u0111\u00f3 kh\u00f4ng c\u00f2n l\u00e0 v\u1ea5n \u0111\u1ec1 g\u00e2y ra ch\u1eb7n hi\u1ec3n th\u1ecb n\u1eefa.<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/thu-tu-tai-css.png\" alt=\"CSS \u0111\u01b0\u1ee3c d\u00e1n nh\u00e3n\" class=\"wp-image-11600\"\/><\/figure><\/div>\n\n\n<p>H\u00e3y xem m\u1ed9t t\u00ecnh hu\u1ed1ng kh\u00e1c, \u1edf \u0111\u00e2y ch\u00fang ta c\u00f3 m\u1ed9t file CSS \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng khi chi\u1ec1u r\u1ed9ng trang \u0111\u01b0\u1ee3c ch\u1ec9 \u0111\u1ecbnh r\u00f5:<\/p>\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;link href=\"other.css\" rel=\"stylesheet\" media=\"(min-width: 40em)\"><\/code><\/pre>\n\n\n<p>C\u00e1c tr\u00ecnh duy\u1ec7t hi\u1ec7n \u0111\u1ea1i c\u00f3 th\u1ec3 hi\u1ec3u r\u1eb1ng file CSS n\u00e0y \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong m\u1ed9t s\u1ed1 t\u00ecnh hu\u1ed1ng v\u00e0 kh\u00f4ng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong m\u1ed9t s\u1ed1 t\u00ecnh hu\u1ed1ng kh\u00e1c, v\u00ec th\u1ebf tr\u00ecnh duy\u1ec7t c\u00f3 th\u1ec3 l\u1ef1a ch\u1ecdn kh\u00f4ng t\u1ea3i CSS n\u00e0y \u0111\u1ec3 hi\u1ec3n th\u1ecb trang n\u1ebfu n\u00f3 th\u1ea5y kh\u00f4ng c\u1ea7n thi\u1ebft.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"2-s\u1eed-d\u1ee5ng-it-file-css-h\u01a1n-trong-cac-d\u01b0\u1eddng-d\u1eabn-chinh\"><span class=\"ez-toc-section\" id=\"2_Su_dung_it_file_CSS_hon_trong_cac_duong_dan_chinh\"><\/span>2. S\u1eed d\u1ee5ng \u00edt file CSS h\u01a1n trong c\u00e1c \u0111\u01b0\u1eddng d\u1eabn ch\u00ednh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>\u0110\u01b0\u1eddng d\u1eabn hi\u1ec3n th\u1ecb ch\u00ednh ch\u1ec9 l\u00e0 c\u00e1ch kh\u00e1c \u0111\u1ec3 n\u00f3i v\u1ec1 &#8220;c\u00e1c th\u1ee9 m\u00e0 tr\u00ecnh duy\u1ec7t ph\u1ea3i l\u00e0m tr\u01b0\u1edbc khi hi\u1ec3n th\u1ecb trang web c\u1ee7a b\u1ea1n&#8221;.<\/p>\n\n\n<p>N\u1ebfu b\u1ea1n \u0111\u00e3 d\u00e1n nh\u00e3n ch\u00ednh x\u00e1c file CSS nh\u01b0 ch\u00fang ta v\u1eeba th\u1ea3o lu\u1eadn \u1edf tr\u00ean, b\u1ea1n \u0111\u00e3 b\u1eaft \u0111\u1ea7u c\u00f4ng vi\u1ec7c lo\u1ea1i b\u1ecf c\u00e1c file CSS kh\u1ecfi \u0111\u01b0\u1eddng d\u1eabn quan tr\u1ecdng. Tuy nhi\u00ean v\u1eabn c\u00f3 r\u1ea5t nhi\u1ec1u \u0111i\u1ec1u ch\u00fang ta c\u00f3 th\u1ec3 l\u00e0m.<\/p>\n\n\n<p>\u0110\u1ec3 r\u00f5 r\u00e0ng h\u01a1n, ch\u00fang ta \u0111ang th\u1ea3o lu\u1eadn v\u1ec1 c\u00e1c file CSS \u1edf d\u1ea1ng nh\u01b0 &#8220;main.css&#8221; v\u00e0 &#8220;page.css&#8221;, v\u00e2n v\u00e2n. Ch\u00fang ta nh\u1ea5n m\u1ea1nh v\u00e0o c\u00e1c <em>file CSS c\u1ee5 th\u1ec3<\/em>, h\u01a1n l\u00e0 c\u00e1c \u0111o\u1ea1n <em>code CSS<\/em> \u0111\u01b0\u1ee3c vi\u1ebft b\u00ean trong nh\u1eefng file \u0111\u00f3.<\/p>\n\n\n<p>M\u1ed7i file v\u1eadt l\u00fd m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 lo\u1ea1i b\u1ecf s\u1ebd l\u00e0m trang c\u1ee7a b\u1ea1n t\u1ea3i nhanh h\u01a1n.<\/p>\n\n\n<p>C\u00f3 hai c\u00e1ch c\u01a1 b\u1ea3n \u0111\u1ec3 l\u00e0m gi\u1ea3m c\u00e1c file css:<\/p>\n\n\n<ul><li>K\u1ebft h\u1ee3p c\u00e1c file CSS;<\/li><li><a href=\"https:\/\/kiencang.net\/noi-tuyen-cac-css-nho\/\">Inline (n\u1ed9i tuy\u1ebfn) CSS<\/a>.<\/li><\/ul>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h3 class=\"wp-block-heading\" id=\"k\u1ebft-h\u1ee3p-cac-file-css\">K\u1ebft h\u1ee3p c\u00e1c file CSS<\/h3>\n\n\n<p><strong>V\u1ea5n \u0111\u1ec1<\/strong>: M\u1ed7i file CSS trang b\u1ea1n s\u1eed d\u1ee5ng l\u00e0m t\u1ed1n th\u00eam th\u1eddi gi\u1ea3n t\u1ea3i trang v\u00ec n\u00f3 y\u00eau c\u1ea7u th\u00eam file \u0111\u1ec3 g\u1ecdi.<\/p>\n\n\n<p><strong>Gi\u1ea3i ph\u00e1p<\/strong>: K\u1ebft h\u1ee3p c\u00e1c file CSS th\u00e0nh m\u1ed9t file (ho\u1eb7c hai t\u00f9y thu\u1ed9c v\u00e0o \u0111\u1ed9 l\u1edbn th\u1ef1c t\u1ebf c\u1ee7a CSS).<\/p>\n\n\n<p><strong>Chi ti\u1ebft<\/strong>: M\u1ed9t trang web th\u01b0\u1eddng c\u00f3 m\u1ed9t file CSS l\u1edbn v\u00e0 m\u1ed9t v\u00e0i file CSS &#8220;h\u1ed7 tr\u1ee3&#8221;. \u0110i\u1ec1u n\u00e0y x\u1ea3y ra v\u00ec r\u1ea5t nhi\u1ec1u nguy\u00ean nh\u00e2n, v\u00ed d\u1ee5 nh\u01b0 c\u00f3 th\u1ec3 m\u1ed9t trang WordPress c\u00f3 CSS \u0111\u1ecbnh d\u1ea1ng web trong m\u1ed9t file CSS l\u1edbn, nh\u01b0ng c\u00e1c widget v\u00e0 plugin b\u1ea1n th\u00eam v\u00e0o c\u00f3 th\u1ec3 c\u00f3 c\u00e1c file CSS nh\u1ecf li\u00ean k\u1ebft v\u1edbi ch\u00fang m\u00e0 \u0111\u01b0\u1ee3c t\u1ea3i \u0111\u1ed9c l\u1eadp v\u1edbi CSS ch\u00ednh c\u1ee7a b\u1ea1n.<\/p>\n\n\n<p>\u0110i\u1ec1u n\u00e0y c\u0169ng xu\u1ea5t hi\u1ec7n trong c\u00e1c trang web t\u0129nh b\u1edfi v\u00ec nhi\u1ec1u ng\u01b0\u1eddi thi\u1ebft k\u1ebf web cho r\u1eb1ng s\u1ebd t\u1ed1t h\u01a1n khi chia c\u00e1c file CSS l\u00e0m vi\u1ec7c ri\u00eang bi\u1ec7t \u0111\u1ec3 c\u00f4ng vi\u1ec7c \u0111\u01b0\u1ee3c d\u1ec5 d\u00e0ng h\u01a1n. Th\u1eadt kh\u00f4ng may, \u0111i\u1ec1u n\u00e0y l\u00e0 nguy\u00ean nh\u00e2n g\u00e2y ra v\u1ea5n \u0111\u1ec1 l\u1edbn cho hi\u1ec7u n\u0103ng c\u1ee7a website.<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/nhieu-file-css-khac.png\" alt=\"nhi\u1ec1u file CSS kh\u00e1c\" class=\"wp-image-11606\"\/><\/figure><\/div>\n\n\n<p>Th\u00f4ng tin t\u1ed1t l\u00e0 vi\u1ec7c c\u00f3 c\u00e1c file CSS t\u00e1ch bi\u1ec7t r\u1ea5t ph\u1ed5 bi\u1ebfn, n\u00ean b\u1ea1n c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng c\u00f3 \u0111\u01b0\u1ee3c c\u1ea3i ti\u1ebfn v\u1ec1 t\u1ed1c \u0111\u1ed9 so v\u1edbi \u0111\u1ed1i th\u1ee7 b\u1eb1ng c\u00e1ch t\u1eadp trung h\u01a1n v\u00e0o v\u1ea5n \u0111\u1ebfn n\u00e0y. S\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa vi\u1ec7c ph\u1ea3i t\u1ea3i \u00edt file CSS so v\u1edbi nhi\u1ec1u CSS th\u01b0\u1eddng c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c m\u1ed9t gi\u00e2y th\u1eddi gian t\u1ea3i trang.<\/p>\n\n\n<p>Th\u1eadm ch\u00ed \u0111i\u1ec1u c\u00f2n quan tr\u1ecdng h\u01a1n c\u1ea3 th\u1eddi gian ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c l\u00e0: trong th\u1ef1c t\u1ebf, vi\u1ec7c gi\u1ea3m s\u1ef1 ph\u1ee9c t\u1ea1p c\u1ee7a CSS cho ph\u00e9p nh\u1eefng c\u00e1i kh\u00e1c t\u1ea3i nhanh h\u01a1n. N\u1ebfu b\u1ea1n ki\u1ebfm ti\u1ec1n t\u1eeb Adsense, qu\u1ea3ng c\u00e1o c\u1ee7a b\u1ea1n s\u1ebd hi\u1ec3n th\u1ecb nhanh h\u01a1n (v\u00ec ch\u00fang kh\u00f4ng c\u00f2n ph\u1ea3i c\u1ea1nh tranh v\u1edbi c\u00e1c file CSS \u0111\u1ec3 t\u1ea3i). N\u1ebfu b\u1ea1n mu\u1ed1n cho ng\u01b0\u1eddi d\u00f9ng tr\u1ea3i nghi\u1ec7m t\u1ed1c \u0111\u1ed9 cao nh\u1ea5t trong c\u00e1c c\u1eeda h\u00e0ng th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed c\u1ee7a m\u00ecnh, m\u1ed9t l\u1ea7n n\u1eefa, h\u00e3y gi\u1ea3m s\u1ed1 l\u01b0\u1ee3ng c\u00e1c file CSS.<\/p>\n\n\n<p>N\u00f3i c\u00e1ch kh\u00e1c, khi b\u1ea1n ngh\u0129 v\u1ec1 vi\u1ec7c l\u00e0m t\u1ed1c \u0111\u1ed9 trang nhanh h\u01a1n, m\u1ecdi s\u1ef1 ph\u1ee9c t\u1ea1p \u0111\u01b0\u1ee3c lo\u1ea1i b\u1ecf cho ph\u00e9p kh\u00f4ng ch\u1ec9 &#8220;x&#8221; gi\u00e2y b\u1ea1n ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c m\u00e0 c\u00f2n cho ph\u00e9p c\u00e1c th\u00e0nh ph\u1ea7n kh\u00e1c tr\u00ean trang c\u00f3 hi\u1ec7u n\u0103ng t\u1ed1t h\u01a1n.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h3 class=\"wp-block-heading\" id=\"lam-th\u1ebf-nao-d\u1ec3-k\u1ebft-h\u1ee3p-cac-file-css\">L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 k\u1ebft h\u1ee3p c\u00e1c file CSS<\/h3>\n\n\n<p>\u0110\u1ec3 k\u1ebft h\u1ee3p CSS, b\u1ea1n ph\u1ea3i copy CSS t\u1eeb m\u1ed9t file CSS v\u00e0 paste n\u00f3 v\u00e0o file kh\u00e1c. M\u1ed9t khi b\u1ea1n l\u00e0m \u0111i\u1ec1u n\u00e0y, b\u1ea1n c\u1ea7n lo\u1ea1i b\u1ecf c\u00e1c l\u1eddi g\u1ecdi CSS tr\u01b0\u1edbc \u0111\u00e2y (file d\u00f9ng copy).<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/ket-hop-CSS.png\" alt=\"k\u1ebft h\u1ee3p c\u00e1c file CSS th\u00e0nh m\u1ed9t\" class=\"wp-image-11602\"\/><\/figure><\/div>\n\n\n<p>Trong h\u00ecnh tr\u00ean ch\u00fang t\u00f4i l\u1ea5y n\u1ed9i dung trong file &#8220;other.css&#8221; v\u00e0 &#8220;third.css&#8221; v\u00e0 \u0111\u01b0a n\u00f3 c\u1ea3 v\u00e0o trong file &#8220;main.css&#8221;. Nh\u1edd l\u00e0m v\u1eady, ch\u00fang t\u00f4i chuy\u1ec3n t\u1eeb vi\u1ec7c trang web y\u00eau c\u1ea7u ba file CSS \u0111\u1ec3 hi\u1ec3n th\u1ecb th\u00e0nh vi\u1ec7c trang ch\u1ec9 c\u1ea7n g\u1eedi y\u00eau c\u1ea7u cho m\u1ed9t file CSS \u0111\u1ec3 hi\u1ec3n th\u1ecb.<\/p>\n\n\n<p>P\/S: N\u1ebfu b\u1ea1n \u0111ang d\u00f9ng WordPress, <a href=\"https:\/\/kiencang.net\/plugin-autoptimize\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin Autoptimize<\/a> l\u00e0 \u1ee9ng c\u1eed vi\u00ean t\u1ed1t trong nhi\u1ec7m v\u1ee5 g\u1ed9p n\u00e9n CSS, n\u00f3 th\u1eadm ch\u00ed c\u00f3 th\u1ec3 t\u1ea1o critical CSS mi\u1ec5n ph\u00ed.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"inline-cac-file-css\">Inline c\u00e1c file CSS<\/h3>\n\n\n<p><strong>V\u1ea5n \u0111\u1ec1<\/strong>: M\u1ed7i file CSS trang web b\u1ea1n s\u1eed d\u1ee5ng l\u00e0m t\u1ed1n th\u00eam th\u1eddi gian t\u1ea3i trang v\u00ec n\u00f3 y\u00eau c\u1ea7u th\u00eam l\u1eddi g\u1ecdi b\u1ed5 sung file.<\/p>\n\n\n<p><strong>Gi\u1ea3i ph\u00e1p<\/strong>: Lo\u1ea1i b\u1ecf m\u1ed9t file CSS b\u1eb1ng c\u00e1ch thay th\u1ebf n\u00f3 v\u00e0 ch\u00e8n th\u1eb3ng trong m\u00e3 HTML.<\/p>\n\n\n<p><strong>Chi ti\u1ebft<\/strong>: S\u1eed d\u1ee5ng th\u1ebb style trong HTML, c\u00e1c ch\u1ec9 d\u1eabn CSS \u0111\u01b0\u1ee3c \u0111\u01b0a v\u00e0o b\u00ean trong file HTML thay v\u00ec s\u1eed d\u1ee5ng c\u00e1c file CSS ngo\u00e0i (external CSS file).<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h3 class=\"wp-block-heading\" id=\"lam-th\u1ebf-nao-d\u1ec3-inline-css\">L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 inline CSS<\/h3>\n\n\n<p>\u0110\u1ec3 inline CSS, b\u1ea1n ph\u1ea3i copy m\u00e3 CSS t\u1eeb m\u1ed9t file CSS v\u00e0 paste n\u00f3 ch\u00ednh x\u00e1c v\u00e0o file HTML (\u0111i\u1ec1u n\u00e0y ch\u1ec9 c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c v\u1edbi c\u00e1c file CSS nh\u1ecf, n\u1ebfu kh\u00f4ng file HTML c\u1ee7a b\u1ea1n s\u1ebd tr\u1edf n\u00ean qu\u00e1 l\u1edbn). M\u1ed9t khi b\u1ea1n l\u00e0m \u0111i\u1ec1u \u0111\u00f3, b\u1ea1n c\u1ea7n ph\u1ea3i lo\u1ea1i b\u1ecf c\u00e1c l\u1eddi g\u1ecdi file CSS c\u0169.<\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/inline-css-truoc-sau.png\" alt=\"inline CSS\" class=\"wp-image-11601\"\/><\/figure><\/div>\n\n\n<p>Trong \u1ea3nh tr\u00ean ch\u00fang t\u00f4i l\u1ea5y n\u1ed9i dung c\u1ee7a file &#8220;small.css&#8221; v\u00e0 thay th\u1ebf ch\u00fang b\u1eb1ng c\u00e1ch ch\u00e8n v\u00e0o trong file HTML. B\u1eb1ng c\u00e1ch l\u00e0m \u0111i\u1ec1u n\u00e0y, ch\u00fang t\u00f4i chuy\u1ec3n vi\u1ec7c trang web y\u00eau c\u1ea7u hai file CSS th\u00e0nh vi\u1ec7c ch\u1ec9 y\u00eau c\u1ea7u m\u1ed9t file CSS \u0111\u1ec3 t\u1ea3i.<\/p>\n\n\n<p>C\u00e1c CSS inline \u0111\u01b0\u1ee3c \u0111\u1eb7t trong ph\u1ea7n \u0111\u1ea7u c\u1ee7a t\u00e0i li\u1ec7u HTML s\u1eed d\u1ee5ng th\u1ebb style.<\/p>\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;style>\n.... CSS c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c \u0111\u1eb7t \u1edf \u0111\u00e2y .....\n&lt;\/style><\/code><\/pre>\n\n\n<p>P\/S: Trong WordPress, c\u00e1c CSS d\u00f9ng \u0111\u1ec3 inline (n\u1ed9i tuy\u1ebfn) ch\u00ednh l\u00e0 c\u00e1c critical CSS &#8211; c\u00e1c \u0111o\u1ea1n m\u00e3 CSS quan tr\u1ecdng nh\u1ea5t d\u00e0nh cho vi\u1ec7c <a href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">hi\u1ec3n th\u1ecb n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean<\/a>.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"3-s\u1eed-d\u1ee5ng-it-css-h\u01a1n-v\u1ec1-t\u1ed5ng-th\u1ec3\"><span class=\"ez-toc-section\" id=\"3_Su_dung_it_CSS_hon_ve_tong_the\"><\/span>3. S\u1eed d\u1ee5ng \u00edt CSS h\u01a1n v\u1ec1 t\u1ed5ng th\u1ec3<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>&#8220;S\u1eed d\u1ee5ng \u00edt CSS&#8221; l\u00e0 chuy\u1ec7n n\u00f3i d\u1ec5 h\u01a1n l\u00e0 l\u00e0m.<\/p>\n\n\n<p>C\u00f3 m\u1ed9t s\u1ed1 l\u00fd do gi\u1ea3i th\u00edch t\u1ea1i sao <a href=\"https:\/\/kiencang.net\/css-khong-su-dung-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00f3 nhi\u1ec1u CSS kh\u00f4ng h\u1eefu \u00edch y\u00eau c\u1ea7u t\u1ea3i trong h\u1ea7u h\u1ebft c\u00e1c website<\/a>.<\/p>\n\n\n<ul><li>C\u00e1c theme WordPress c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh c\u00f3 h\u00e0ng t\u00e1 CSS b\u1ed5 sung kh\u00f4ng c\u1ea7n thi\u1ebft;<\/li><li>C\u00e1c framework \u0111\u00f3ng vai tr\u00f2 n\u1ec1n t\u1ea3ng ho\u1eb7c bootstrap c\u00f3 \u00edch, nh\u01b0ng CSS kh\u00f4ng \u0111\u01b0\u1ee3c c\u0103n ch\u1ec9nh, t\u1ed1i \u01b0u cho website \u1edf phi\u00ean b\u1ea3n cu\u1ed1i c\u00f9ng;<\/li><li>N\u00f3i chung, ng\u00e0y x\u01b0a, s\u1ed1 l\u01b0\u1ee3ng CSS kh\u00f4ng ph\u1ea3i l\u00e0 \u0111i\u1ec1u c\u1ea7n ph\u1ea3i lo l\u1eafng, v\u00ec th\u1ebf c\u00e1c nh\u00e0 thi\u1ebft k\u1ebf l\u00e0m c\u00f4ng vi\u1ec7c c\u1ee7a h\u1ecd tr\u1edf n\u00ean d\u1ec5 d\u00e0ng h\u01a1n qua vi\u1ec7c s\u1eed d\u1ee5ng nhi\u1ec1u CSS h\u01a1n m\u1ee9c c\u1ea7n thi\u1ebft.<\/li><\/ul>\n\n\n<p>D\u00f9 l\u00fd do khi\u1ebfn CSS c\u1ee7a b\u1ea1n l\u1edbn l\u00e0 g\u00ec \u0111i ch\u0103ng n\u1eefa th\u00ec b\u1ea1n v\u1eabn c\u1ea7n t\u00ecm c\u00e1ch l\u00e0m cho n\u00f3 nh\u1ecf h\u01a1n v\u00e0 ho\u1ea1t \u0111\u1ed9ng th\u00f4ng minh h\u01a1n.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"th\u1ef1c-t\u1ebf\"><span class=\"ez-toc-section\" id=\"Thuc_te\"><\/span>Th\u1ef1c t\u1ebf<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>N\u1ebfu b\u1ea1n vi\u1ebft CSS ho\u1eb7c l\u00e0 m\u1ed9t trong nh\u1eefng ng\u01b0\u1eddi tham gia v\u00e0o, b\u1ea1n c\u00f3 th\u1ec3 gi\u1ea3m thi\u1ec3u th\u1eddi gian b\u1eb1ng c\u00e1ch <em>ch\u1ec9 th\u00eam CSS khi c\u1ea7n thi\u1ebft<\/em>.<\/p>\n\n\n<p>Tuy nhi\u00ean nhi\u1ec1u kh\u1ea3 n\u0103ng l\u00e0 b\u1ea1n \u0111\u00e3 mua m\u1ed9t giao di\u1ec7n ho\u1eb7c thi\u1ebft k\u1ebf c\u1ee7a ng\u01b0\u1eddi kh\u00e1c, v\u00e0 trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y ch\u1ec9 c\u00f3 gi\u1ea3i ph\u00e1p th\u1ef1c t\u1ebf l\u00e0 n\u00f3i v\u1edbi ng\u01b0\u1eddi thi\u1ebft k\u1ebf \u0111\u00e3 t\u1ea1o ra CSS v\u00e0 y\u00eau c\u1ea7u m\u1ed9t phi\u00ean b\u1ea3n nh\u1eb9 nh\u00e0ng h\u01a1n.<\/p>\n\n\n<p>N\u1ebfu b\u1ea1n xem x\u00e9t m\u1ed9t giao di\u1ec7n ho\u1eb7c thi\u1ebft k\u1ebf m\u1edbi, b\u1ea1n c\u00f3 th\u1ec3 ti\u1ebft ki\u1ec7m \u0111\u01b0\u1ee3c th\u1eddi gian v\u00e0 ti\u1ec1n b\u1ea1c b\u1eb1ng c\u00e1ch \u0111\u1eb7t m\u1ee5c ti\u00eau <a href=\"https:\/\/kiencang.net\/toi-uu-hoa-phan-phoi-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u1ed1i \u01b0u h\u00f3a ph\u00e2n ph\u1ed1i CSS<\/a> l\u00e0 m\u1ed9t trong c\u00e1c y\u00eau c\u1ea7u c\u1ee7a d\u1ef1 \u00e1n.<\/p>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2 class=\"wp-block-heading\" id=\"dao-sau-h\u01a1n\"><span class=\"ez-toc-section\" id=\"Dao_sau_hon\"><\/span>\u0110\u00e0o s\u00e2u h\u01a1n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p>N\u1ebfu b\u1ea1n mu\u1ed1n h\u1ecdc h\u1ecfi nhi\u1ec1u h\u01a1n v\u1ec1 l\u00fd do v\u00e0 c\u00e1ch th\u1ee9c CSS \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 t\u1ea3i trang b\u1ea1n c\u00f3 th\u1ec3 mu\u1ed1n t\u00ecm hi\u1ec3u M\u00f4 h\u00ecnh \u0110\u1ed1i t\u01b0\u1ee3ng CSS: <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/CSS_Object_Model\" target=\"_blank\" rel=\"noreferrer noopener\">developer.mozilla.org\/en-US\/docs\/Web\/API\/CSS_Object_Model<\/a><\/p>\n\n\n<p><em>(\u0110\u01b0\u1ee3c d\u1ecbch t\u1eeb b\u00e0i vi\u1ebft: Eliminate render blocking css &#8211; T\u00e1c gi\u1ea3: Patrick Sexton &#8211; Website: Varvy)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>V\u00e0i l\u01b0u \u00fd tr\u01b0\u1edbc: B\u00e0i vi\u1ebft n\u00e0y ch\u1ee7 y\u1ebfu l\u00e0 ph\u1ea7n l\u00fd thuy\u1ebft v\u1ec1 vi\u1ec7c lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb. N\u00f3 c\u00f3 \u00edch nh\u1ea5t cho nh\u1eefng ai l\u00e0m l\u1eadp tr\u00ecnh web, vi\u1ebft giao di\u1ec7n t\u1ed1i \u01b0u cho t\u1ed1c \u0111\u1ed9 h\u01a1n. N\u1ebfu b\u1ea1n \u0111\u01a1n thu\u1ea7n \u0111ang s\u1eed d\u1ee5ng c\u00e1c CMS s\u1eb5n c\u00f3 nh\u01b0 WordPress, b\u00e0i &hellip;<\/p>\n","protected":false},"author":1,"featured_media":13073,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[274,262],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00e1ch lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb &#8226; 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-bo-css-chan-hien-thi\/\" \/>\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 b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"V\u00e0i l\u01b0u \u00fd tr\u01b0\u1edbc: B\u00e0i vi\u1ebft n\u00e0y ch\u1ee7 y\u1ebfu l\u00e0 ph\u1ea7n l\u00fd thuy\u1ebft v\u1ec1 vi\u1ec7c lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb. N\u00f3 c\u00f3 \u00edch nh\u1ea5t cho nh\u1eefng ai l\u00e0m l\u1eadp tr\u00ecnh web, vi\u1ebft giao di\u1ec7n t\u1ed1i \u01b0u cho t\u1ed1c \u0111\u1ed9 h\u01a1n. N\u1ebfu b\u1ea1n \u0111\u01a1n thu\u1ea7n \u0111ang s\u1eed d\u1ee5ng c\u00e1c CMS s\u1eb5n c\u00f3 nh\u01b0 WordPress, b\u00e0i &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/\" \/>\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-02-08T00:38:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/toi-uu-CSS.png\" \/>\n\t<meta property=\"og:image:width\" content=\"878\" \/>\n\t<meta property=\"og:image:height\" content=\"442\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"13 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00e1ch lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb &#8226; 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-bo-css-chan-hien-thi\/","og_locale":"vi_VN","og_type":"article","og_title":"C\u00e1ch lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb &#8226; Ki\u1ebfn c\u00e0ng","og_description":"V\u00e0i l\u01b0u \u00fd tr\u01b0\u1edbc: B\u00e0i vi\u1ebft n\u00e0y ch\u1ee7 y\u1ebfu l\u00e0 ph\u1ea7n l\u00fd thuy\u1ebft v\u1ec1 vi\u1ec7c lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb. N\u00f3 c\u00f3 \u00edch nh\u1ea5t cho nh\u1eefng ai l\u00e0m l\u1eadp tr\u00ecnh web, vi\u1ebft giao di\u1ec7n t\u1ed1i \u01b0u cho t\u1ed1c \u0111\u1ed9 h\u01a1n. N\u1ebfu b\u1ea1n \u0111\u01a1n thu\u1ea7n \u0111ang s\u1eed d\u1ee5ng c\u00e1c CMS s\u1eb5n c\u00f3 nh\u01b0 WordPress, b\u00e0i &hellip;","og_url":"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2021-02-08T00:38:00+00:00","og_image":[{"width":878,"height":442,"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/toi-uu-CSS.png","type":"image\/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":"13 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/","url":"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/","name":"C\u00e1ch lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2021-02-08T00:38:00+00:00","dateModified":"2021-02-08T00:38:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"C\u00e1ch lo\u1ea1i b\u1ecf CSS ch\u1eb7n hi\u1ec3n th\u1ecb"}]},{"@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\/11595"}],"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=11595"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/11595\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media\/13073"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=11595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=11595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=11595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}