{"id":13811,"date":"2022-01-05T04:20:00","date_gmt":"2022-01-04T21:20:00","guid":{"rendered":"https:\/\/kiencang.net\/?p=13811"},"modified":"2022-09-14T15:01:27","modified_gmt":"2022-09-14T08:01:27","slug":"dom-wordpress","status":"publish","type":"post","link":"https:\/\/kiencang.net\/dom-wordpress\/","title":{"rendered":"C\u00e1ch tr\u00e1nh k\u00edch th\u01b0\u1edbc DOM qu\u00e1 l\u1edbn trong WordPress"},"content":{"rendered":"\n<p class=\"has-background\" style=\"background-color:#ffa2a2\">V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: b\u1ea1n c\u00f3 bao gi\u1edd c\u1ea3m th\u1ea5y s\u1ee3 h\u00e3i khi \u0111\u1ecbnh mua m\u1ed9t cu\u1ed1n s\u00e1ch qu\u00e1 d\u1ea7y kh\u00f4ng, ho\u1eb7c khi \u0111\u1ecbnh xem phim cu\u1ed1i tu\u1ea7n v\u1edbi b\u1ea1n g\u00e1i m\u00e0 c\u00f3 \u0111\u1ed9 d\u00e0i h\u01a1n 3 ti\u1ebfng \u0111\u1ed3ng h\u1ed3! DOM qu\u00e1 l\u1edbn c\u0169ng nh\u01b0 v\u1eady, n\u00f3 l\u00e0m trang c\u1ee7a b\u1ea1n ch\u1eadm \u0111i v\u00ec tr\u00ecnh duy\u1ec7t m\u1ea5t th\u1eddi gian ph\u00e2n t\u00edch v\u00e0 hi\u1ec3n th\u1ecb n\u1ed9i dung. M\u1ee5c ti\u00eau \u1edf \u0111\u00e2y l\u00e0 c\u00e2n b\u1eb1ng DOM v\u1edbi gi\u00e1 tr\u1ecb \u0111em l\u1ea1i cho ng\u01b0\u1eddi d\u00f9ng. Hi\u1ec3u \u0111\u01b0\u1ee3c \u00fd t\u01b0\u1edfng b\u1ea1n s\u1ebd bi\u1ebft c\u00e1ch l\u00e0m \u0111\u00fang, v\u00ec s\u1ebd kh\u00f4ng c\u00f3 c\u00e2u tr\u1ea3 l\u1eddi gi\u1ed1ng nhau trong m\u1ecdi t\u00ecnh hu\u1ed1ng \u0111\u00e2u \u1ea1. Gi\u1edd ch\u00fang ta s\u1ebd \u0111i v\u00e0o chi ti\u1ebft nh\u00e9!<\/p>\n\n\n\n<p>Khi b\u1ea1n ph\u00e2n t\u00edch trang qua c\u00f4ng c\u1ee5 <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google PageSpeed Insights<\/a>, b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y l\u1ed7i ki\u1ec3u nh\u01b0 &#8220;Avoid an excessive DOM size \/ Tr\u00e1nh k\u00edch c\u1ee1 DOM qu\u00e1 l\u1edbn&#8221;:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2022\/07\/kich-thuoc-DOM.png\" alt=\"k\u00edch th\u01b0\u1edbc DOM qu\u00e1 l\u1edbn\" class=\"wp-image-13812\"\/><\/figure><\/div>\n\n\n<p>Ho\u1eb7c tr\u00ean GTmetrix &#8220;Reduce the number of DOM elements \/ Gi\u1ea3m s\u1ed1 l\u01b0\u1ee3ng c\u00e1c ph\u1ea7n t\u1eeb DOM&#8221;:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2022\/07\/dom-size-gtmetrix.png\" alt=\"k\u00edch c\u1ee1 DOM tr\u00ean GTmetrix\" class=\"wp-image-13813\"\/><\/figure><\/div>\n\n\n<p>V\u1eady th\u00f4ng tin n\u00e0y c\u00f3 \u00fd ngh\u0129a nh\u01b0 th\u1ebf n\u00e0o?<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\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-6577d65f0a733\" ><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-6577d65f0a733\"  type=\"checkbox\" id=\"item-6577d65f0a733\"><\/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\/dom-wordpress\/#1_DOM_la_gi\" title=\"#1. DOM l\u00e0 g\u00ec?\">#1. DOM 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\/dom-wordpress\/#2_Tai_sao_kich_co_DOM_anh_huong_den_hieu_suat_cua_trang\" title=\"#2. T\u1ea1i sao k\u00edch c\u1ee1 DOM \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn hi\u1ec7u su\u1ea5t c\u1ee7a trang?\">#2. T\u1ea1i sao k\u00edch c\u1ee1 DOM \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn hi\u1ec7u su\u1ea5t c\u1ee7a trang?<\/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\/dom-wordpress\/#3_Lam_the_nao_de_giam_kich_co_DOM_ve_mat_ky_thuat\" title=\"#3. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 gi\u1ea3m k\u00edch c\u1ee1 DOM v\u1ec1 m\u1eb7t k\u1ef9 thu\u1eadt?\">#3. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 gi\u1ea3m k\u00edch c\u1ee1 DOM v\u1ec1 m\u1eb7t k\u1ef9 thu\u1eadt?<\/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\/dom-wordpress\/#4_Lam_the_nao_de_giam_kich_co_DOM_trong_WordPress\" title=\"#4. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 gi\u1ea3m k\u00edch c\u1ee1 DOM trong WordPress?\">#4. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 gi\u1ea3m k\u00edch c\u1ee1 DOM trong WordPress?<\/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\/dom-wordpress\/#5_Ket_luan\" title=\"#5. K\u1ebft lu\u1eadn\">#5. K\u1ebft lu\u1eadn<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"dom-la-gi\"><span class=\"ez-toc-section\" id=\"1_DOM_la_gi\"><\/span>#1. DOM l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Khi tr\u00ecnh duy\u1ec7t c\u1ee7a b\u1ea1n ti\u1ebfp nh\u1eadn t\u00e0i li\u1ec7u HTML, n\u00f3 \u0111\u01b0\u1ee3c chuy\u1ec3n \u0111\u1ed5i th\u00e0nh c\u1ea5u tr\u00fac h\u00ecnh c\u00e2y, c\u00e1i \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 <a href=\"https:\/\/kiencang.net\/cach-trang-web-tai-va-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">render (k\u1ebft xu\u1ea5t)<\/a> v\u1edbi s\u1ef1 tr\u1ee3 gi\u00fap c\u1ee7a CSS v\u00e0 JavaScript.<\/p>\n\n\n\n<p>C\u1ea5u tr\u00fac gi\u1ed1ng nh\u01b0 c\u00e2y n\u00e0y \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 DOM ho\u1eb7c M\u00f4 h\u00ecnh \u0110\u1ed1i t\u01b0\u1ee3ng T\u00e0i li\u1ec7u (Document Object Model).<\/p>\n\n\n<div class=\"wp-block-image wp-image-13814 size-full\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2022\/07\/Cau-truc-DOM.png\" alt=\"c\u1ea5u tr\u00fac DOM\" class=\"wp-image-13814\"\/><figcaption>Ngu\u1ed3n \u1ea3nh: Google Developers<\/figcaption><\/figure><\/div>\n\n\n<ul><li><strong>N\u00fat (nodes)<\/strong> &#8211; T\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed HTML trong DOM \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 c\u00e1c n\u00fat (ngo\u00e0i ra n\u00f3 c\u00f2n c\u00f3 bi\u1ec7t danh l\u00e0 &#8220;c\u00e1c l\u00e1&#8221; tr\u00ean c\u00e2y).<\/li><li><strong>\u0110\u1ed9 s\u00e2u (depth)&nbsp;<\/strong>&#8211; S\u1ed1 l\u01b0\u1ee3ng &#8220;c\u00e0nh nh\u00e1nh&#8221; tr\u00ean c\u00e2y \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 \u0111\u1ed9 s\u00e2u. V\u00ed d\u1ee5, trong h\u00ecnh tr\u00ean, th\u1ebb &#8220;img&#8221; c\u00f3 \u0111\u1ed9 s\u00e2u l\u00e0 ba (HTML (1) &gt; body (2) &gt; div (3) &gt; img).<\/li><li><strong>Ph\u1ea7n t\u1eed con (child elements)<\/strong> &#8211;&nbsp; T\u1ea5t c\u1ea3 c\u00e1c n\u00fat con c\u1ee7a m\u1ed9t n\u00fat (kh\u00f4ng t\u00ednh c\u00e1c c\u00e0nh nh\u00e1nh th\u00eam b\u00ean d\u01b0\u1edbi) \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 ph\u1ea7n t\u1eed con.<\/li><\/ul>\n\n\n\n<p>Lighthouse v\u00e0 Google PageSpeed Insights b\u1eaft \u0111\u1ea7u g\u1eafn c\u1edd (c\u1ea3nh b\u00e1o) c\u00e1c trang n\u1ebfu b\u1ea5t k\u1ef3 \u0111i\u1ec1u ki\u1ec7n n\u00e0o b\u00ean d\u01b0\u1edbi \u0111\u00e2y th\u1ecfa m\u00e3n:<\/p>\n\n\n\n<ul><li>C\u00f3 t\u1ed5ng s\u1ed1 h\u01a1n 1500 n\u00fat.<\/li><li>C\u00f3 \u0111\u1ed9 s\u00e2u l\u1edbn h\u01a1n 32 n\u00fat.<\/li><li>C\u00f3 m\u1ed9t n\u00fat cha v\u1edbi h\u01a1n 60 n\u00fat con.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"t\u1ea1i-sao-kich-c\u1ee1-dom-\u1ea3nh-h\u01b0\u1edfng-d\u1ebfn-hi\u1ec7u-su\u1ea5t-c\u1ee7a-trang\"><span class=\"ez-toc-section\" id=\"2_Tai_sao_kich_co_DOM_anh_huong_den_hieu_suat_cua_trang\"><\/span>#2. T\u1ea1i sao k\u00edch c\u1ee1 DOM \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn hi\u1ec7u su\u1ea5t c\u1ee7a trang?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>K\u00edch c\u1ee1 DOM qu\u00e1 l\u1edbn c\u00f3 th\u1ec3 \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn hi\u1ec7u su\u1ea5t c\u1ee7a trang theo nhi\u1ec1u c\u00e1ch kh\u00e1c nhau.<\/p>\n\n\n\n<ul><li><strong>L\u00e0m t\u0103ng TTFB<\/strong> &#8211; Khi k\u00edch c\u1ee1 DOM c\u1ee7a b\u1ea1n t\u0103ng, k\u00edch c\u1ee1 t\u00e0i li\u1ec7u HTML t\u0103ng theo (KB). Khi c\u00f3 nhi\u1ec1u d\u1eef li\u1ec7u c\u1ea7n l\u01b0u chuy\u1ec3n h\u01a1n qua m\u1ea1ng, \u0111i\u1ec1u n\u00e0y l\u00e0m t\u0103ng <a href=\"https:\/\/kiencang.net\/giam-ttfb-trong-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">TTFB<\/a>.<\/li><li><strong>T\u0103ng th\u1eddi gian ph\u00e2n t\u00edch c\u00fa ph\u00e1p v\u00e0 xu\u1ea5t trang<\/strong> &#8211; M\u1ed9t c\u00e2y DOM l\u1edbn v\u00e0 style ph\u1ee9c t\u1ea1p l\u00e0m tr\u00ecnh duy\u1ec7t ph\u1ea3i ho\u1ea1t \u0111\u1ed9ng v\u1ea5t v\u1ea3 h\u01a1n th\u00f4ng th\u01b0\u1eddng. Tr\u00ecnh duy\u1ec7t ph\u1ea3i ph\u00e2n t\u00edch HTML, x\u00e2y d\u1ef1ng c\u00e2y k\u1ebft c\u1ea5u, v\u00e2n v\u00e2n. M\u1ed7i l\u1ea7n ng\u01b0\u1eddi d\u00f9ng t\u01b0\u01a1ng t\u00e1c ho\u1eb7c c\u00f3 \u0111i\u1ec1u g\u00ec \u0111\u00f3 thay \u0111\u1ed5i trong HTML, tr\u00ecnh duy\u1ec7t s\u1ebd ph\u1ea3i t\u00ednh to\u00e1n l\u1ea1i l\u1ea7n n\u1eefa.<\/li><li><strong>T\u0103ng s\u1eed d\u1ee5ng b\u1ed9 nh\u1edb<\/strong> &#8211; M\u00e3 JavaScript c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 c\u00f3 c\u00e1c ch\u1ee9c n\u0103ng truy c\u1eadp v\u00e0o ph\u1ea7n t\u1eed DOM. M\u1ed9t c\u00e2y DOM l\u1edbn l\u00e0 nguy\u00ean nh\u00e2n khi\u1ebfn JavaScript s\u1eed d\u1ee5ng nhi\u1ec1u b\u1ed9 nh\u1edb \u0111\u1ec3 x\u1eed l\u00fd ch\u00fang. V\u00ed d\u1ee5, c\u00f3 th\u1ec3 l\u00e0 m\u1ed9t truy v\u1ea5n b\u1ed9 ch\u1ecdn ki\u1ec3u nh\u01b0: <pre>document.querySelectorAll('img')<\/pre><p>trong \u0111\u00f3 li\u1ec7t k\u00ea t\u1ea5t c\u1ea3 h\u00ecnh \u1ea3nh, th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng b\u1edfi th\u01b0 vi\u1ec7n <a href=\"https:\/\/kiencang.net\/lazy-load-anh-va-video\/\" target=\"_blank\" rel=\"noreferrer noopener\">lazy loading<\/a>.<\/p><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"lam-th\u1ebf-nao-d\u1ec3-gi\u1ea3m-kich-c\u1ee1-dom-v\u1ec1-m\u1eb7t-k\u1ef9-thu\u1eadt\"><span class=\"ez-toc-section\" id=\"3_Lam_the_nao_de_giam_kich_co_DOM_ve_mat_ky_thuat\"><\/span>#3. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 gi\u1ea3m k\u00edch c\u1ee1 DOM v\u1ec1 m\u1eb7t k\u1ef9 thu\u1eadt?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>M\u1ed9t v\u00ed d\u1ee5 \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 gi\u1ea3m k\u00edch c\u1ee1 DOM v\u1ec1 m\u1eb7t k\u1ef9 thu\u1eadt l\u00e0:<\/p>\n\n\n\n<p>S\u1eed d\u1ee5ng:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">ul<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"navigation-main\"<\/span>&gt;<\/span>\n&nbsp; &nbsp; &nbsp; &nbsp;m\u00e3...\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">ul<\/span>&gt;<\/span><\/pre>\n\n\n\n<p>thay v\u00ec:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"navigation-main\"<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&nbsp; &nbsp; &lt;<span class=\"hljs-name\">ul<\/span>&gt;<\/span>\n  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; m\u00e3...\n<span class=\"hljs-tag\">&nbsp; &nbsp; &lt;\/<span class=\"hljs-name\">ul<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><\/pre>\n\n\n\n<p>V\u1ec1 c\u01a1 b\u1ea3n nguy\u00ean l\u00fd l\u00e0 <strong>lo\u1ea1i b\u1ecf m\u1ecdi ph\u1ea7n t\u1eed HTML khi c\u00f3 th\u1ec3<\/strong>. B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng <a href=\"https:\/\/css-tricks.com\/snippets\/css\/a-guide-to-flexbox\/\" target=\"_blank\" rel=\"noreferrer noopener\">Flexbox<\/a> ho\u1eb7c <a href=\"https:\/\/css-tricks.com\/snippets\/css\/complete-guide-grid\/\" target=\"_blank\" rel=\"noreferrer noopener\">Grid<\/a> \u0111\u1ec3 l\u00e0m gi\u1ea3m h\u01a1n n\u1eefa k\u00edch c\u1ee1 DOM.<\/p>\n\n\n\n<p>Nh\u01b0ng v\u00ec b\u1ea1n \u0111ang s\u1eed d\u1ee5ng CMS d\u1ef1ng s\u1eb5n l\u00e0 WordPress, \u0111i\u1ec1u n\u00e0y s\u1ebd ch\u1eb3ng gi\u00fap \u0111\u1ee1 g\u00ec nhi\u1ec1u!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"lam-th\u1ebf-nao-d\u1ec3-gi\u1ea3m-kich-c\u1ee1-dom-trong-wordpress\"><span class=\"ez-toc-section\" id=\"4_Lam_the_nao_de_giam_kich_co_DOM_trong_WordPress\"><\/span>#4. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 gi\u1ea3m k\u00edch c\u1ee1 DOM trong WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"chia-cac-trang-l\u1edbn-thanh-nhi\u1ec1u-trang-con\"><strong>Chia c\u00e1c trang l\u1edbn th\u00e0nh nhi\u1ec1u trang con<\/strong><\/h3>\n\n\n\n<p>B\u1ea1n c\u00f3 d\u1ed3n t\u1ea5t c\u1ea3 m\u1ecdi th\u1ee9 v\u00e0o m\u1ed9t trang n\u00e0o \u0111\u1ea5y tr\u00ean website kh\u00f4ng? Ch\u1eb3ng h\u1ea1n nh\u01b0 th\u00f4ng tin d\u1ecbch v\u1ee5, form li\u00ean h\u1ec7, s\u1ea3n ph\u1ea9m, b\u00e0i \u0111\u0103ng blog, l\u1eddi ch\u1ee9ng th\u1ef1c, v\u00e2n v\u00e2n?<\/p>\n\n\n\n<p>H\u00e3y th\u1eed chia ch\u00fang ra th\u00e0nh nhi\u1ec1u trang con v\u00e0 li\u00ean k\u1ebft ch\u00fang v\u1edbi nhau th\u00f4ng qua menu \u0111i\u1ec1u h\u01b0\u1edbng (navbar).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"lazy-load-va-chia-tach-m\u1ecdi-th\u1ee9-khi-co-th\u1ec3\"><strong>Lazy load v\u00e0 Chia t\u00e1ch m\u1ecdi th\u1ee9 khi c\u00f3 th\u1ec3<\/strong><\/h3>\n\n\n\n<p>Lazy load m\u1ecdi ph\u1ea7n t\u1eed khi c\u00f3 th\u1ec3. M\u1ed9t s\u1ed1 v\u00ed d\u1ee5 bao g\u1ed3m:<\/p>\n\n\n\n<ul><li><strong>Lazy load c\u00e1c video Youtube<\/strong> &#8211; s\u1eed d\u1ee5ng <a href=\"https:\/\/kiencang.net\/plugin-wp-youtube-lyte\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP YouTube lyte<\/a> ho\u1eb7c <a href=\"https:\/\/wordpress.org\/plugins\/rocket-lazy-load\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lazy Load by WP Rocket<\/a>.<\/li><li><strong>Gi\u1edbi h\u1ea1n s\u1ed1 l\u01b0\u1ee3ng c\u00e1c b\u00e0i \u0111\u0103ng blog\/s\u1ea3n ph\u1ea9m tr\u00ean m\u1ed7i trang category<\/strong> &#8211; T\u00f4i th\u01b0\u1eddng c\u1ed1 g\u1eafng s\u1eed d\u1ee5ng t\u1ed1i \u0111a ch\u1ec9 10 b\u00e0i \u0111\u0103ng blog m\u1ed7i trang (\u00fd t\u00e1c gi\u1ea3 l\u00e0 c\u00e1c trang th\u01b0 m\u1ee5c b\u1ea1n kh\u00f4ng n\u00ean \u0111\u1ec3 tr\u00ean 10 b\u00e0i \u0111\u0103ng).<\/li><li><strong>Lazy load b\u00e0i \u0111\u0103ng blog\/s\u1ea3n ph\u1ea9m<\/strong> &#8211; Th\u00eam n\u00fat &#8220;load more \/ xem th\u00eam&#8221; ho\u1eb7c n\u00fat cu\u1ed9n chu\u1ed9t kh\u00f4ng gi\u1edbi h\u1ea1n \u0111\u1ec3 t\u1ea3i th\u00eam c\u00e1c b\u00e0i \u0111\u0103ng blog ho\u1eb7c s\u1ea3n ph\u1ea9m.<\/li><li><strong>Lazy load b\u00ecnh lu\u1eadn<\/strong> &#8211; T\u00f4i lazy load khu v\u1ef1c b\u00ecnh lu\u1eadn s\u1eed d\u1ee5ng plugin <a href=\"https:\/\/wordpress.org\/plugins\/disqus-conditional-load\/\" target=\"_blank\" rel=\"noreferrer noopener\">Disqus Conditional Load<\/a> v\u00ec t\u00f4i d\u00f9ng c\u00f4ng c\u1ee5 b\u00ecnh lu\u1eadn <a href=\"https:\/\/disqus.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Disqus<\/a> (r\u1ea5t ti\u1ebfc \u1ee9ng d\u1ee5ng n\u00e0y g\u1eb7p tr\u1edf ng\u1ea1i khi s\u1eed d\u1ee5ng t\u1ea1i Vi\u1ec7t Nam- ch\u00fa th\u00edch th\u00eam c\u1ee7a ng\u01b0\u1eddi d\u1ecbch). N\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng <a href=\"https:\/\/kiencang.net\/comment-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00f4ng c\u1ee5 b\u00ecnh lu\u1eadn m\u1eb7c \u0111\u1ecbnh c\u1ee7a WordPress<\/a>, h\u00e3y s\u1eed d\u1ee5ng plugin ki\u1ec3u nh\u01b0 <a href=\"https:\/\/wordpress.org\/plugins\/lazy-load-for-comments\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lazy Load for Comments<\/a>. <a href=\"https:\/\/kiencang.net\/tang-toc-khu-vuc-comment-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Xem th\u00eam c\u00e1ch t\u0103ng t\u1ed1c khu v\u1ef1c b\u00ecnh lu\u1eadn cho WordPress \u1edf \u0111\u00e2y<\/a>.<\/li><li><strong>Ph\u00e2n chia khu v\u1ef1c b\u00ecnh lu\u1eadn<\/strong> &#8211; N\u1ebfu b\u1ea1n c\u00f3 h\u00e0ng tr\u0103m b\u00ecnh lu\u1eadn, \u0111i\u1ec1u \u0111\u00f3 c\u00f3 th\u1ec3 l\u00e0m gia t\u0103ng k\u00edch c\u1ee1 DOM. H\u00e3y chia b\u00ecnh lu\u1eadn b\u1eb1ng c\u00e1ch v\u00e0o <em>Settings &gt; Discussion &gt; Break comments into pages<\/em> (t\u00ednh n\u0103ng c\u00f3 s\u1eb5n trong WordPress).<\/li><li><strong>Gi\u1edbi h\u1ea1n c\u00e1c b\u00e0i \u0111\u0103ng li\u00ean quan<\/strong> &#8211; Gi\u1edbi h\u1ea1n s\u1ed1 l\u01b0\u1ee3ng <a href=\"https:\/\/kiencang.net\/noi-dung-lien-quan\/\" target=\"_blank\" rel=\"noreferrer noopener\">b\u00e0i vi\u1ebft li\u00ean quan<\/a> th\u1ea5p nh\u1ea5t c\u00f3 th\u1ec3 (nh\u01b0ng b\u1ea1n v\u1eabn ph\u1ea3i \u0111\u1ea3m b\u1ea3o l\u00e0 ng\u01b0\u1eddi d\u00f9ng c\u00f3 nhi\u1ec1u c\u01a1 h\u1ed9i xem ti\u1ebfp c\u00e1c b\u00e0i vi\u1ebft kh\u00e1c tr\u00ean trang, \u0111\u1eebng \u0111\u1ec3 b\u00e0i vi\u1ebft li\u00ean quan ch\u1ec9 l\u00e0 1!)<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>L\u01b0u \u00fd: <a href=\"https:\/\/kiencang.net\/plugin-flying-images\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lazy loading \u1ea3nh<\/a> kh\u00f4ng l\u00e0m gi\u1ea3m k\u00edch c\u1ee1 DOM.<\/p><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"d\u1eebng-\u1ea9n-cac-y\u1ebfu-t\u1ed1-khong-mong-mu\u1ed1n-b\u1eb1ng-cach-s\u1eed-d\u1ee5ng-css\">\u0110\u1eebng \u1ea9n c\u00e1c y\u1ebfu t\u1ed1 kh\u00f4ng mong mu\u1ed1n b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng CSS<\/h3>\n\n\n\n<p>\u0110\u00f4i khi b\u1ea1n mu\u1ed1n lo\u1ea1i b\u1ecf m\u1ed9t s\u1ed1 th\u00e0nh ph\u1ea7n tr\u00ean giao di\u1ec7n. L\u1ea5y v\u00ed d\u1ee5, \u1ea9n \u0111\u00e1nh gi\u00e1 b\u00e0i vi\u1ebft, \u0111\u00e1nh gi\u00e1 b\u00ecnh lu\u1eadn, th\u00f4ng tin t\u00e1c gi\u1ea3, ng\u00e0y th\u00e1ng \u0111\u0103ng b\u00e0i, v\u00e2n v\u00e2n.<\/p>\n\n\n\n<p>C\u00e1ch nhanh ch\u00f3ng \u0111\u1ec3 \u1ea9n ch\u00fang l\u00e0 s\u1eed d\u1ee5ng CSS, v\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span class=\"hljs-selector-class\">.author-info<\/span> {\n<span class=\"hljs-attribute\">   display<\/span>:none;\n}<\/pre>\n\n\n\n<p>M\u1eb7c d\u00f9 gi\u1ea3i ph\u00e1p n\u00e0y tr\u00f4ng c\u00f3 v\u1ebb d\u1ec5 d\u00e0ng, b\u1ea1n v\u1eabn \u0111\u01b0a cho ng\u01b0\u1eddi d\u00f9ng c\u00e1c \u0111o\u1ea1n m\u00e3 kh\u00f4ng mong mu\u1ed1n (bao g\u1ed3m c\u1ea3 m\u00e3 \u0111\u00e1nh d\u1ea5u HTML v\u00e0 style CSS).<\/p>\n\n\n\n<p>\u0110i\u1ec1u t\u1ed1t h\u01a1n m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 l\u00e0m l\u00e0 h\u00e3y ki\u1ec3m tra c\u00e1c thi\u1ebft l\u1eadp trong plugin v\u00e0 theme, \u0111\u1ec3 xem c\u00f3 l\u1ef1a ch\u1ecdn t\u00f9y ch\u1ec9nh n\u00e0o cho ph\u00e9p lo\u1ea1i b\u1ecf c\u00e1c y\u1ebfu t\u1ed1 kh\u00f4ng mong mu\u1ed1n hay kh\u00f4ng. N\u1ebfu kh\u00f4ng, h\u00e3y t\u00ecm m\u00e3 PHP t\u01b0\u01a1ng \u1ee9ng v\u00e0 lo\u1ea1i b\u1ecf\/ho\u1eb7c \u0111\u1ec3 n\u00f3 \u1edf tr\u1ea1ng th\u00e1i ch\u00fa th\u00edch (tuy nhi\u00ean b\u1ea1n ch\u1ec9 n\u00ean l\u00e0m \u0111i\u1ec1u n\u00e0y n\u1ebfu c\u00f3 hi\u1ec3u bi\u1ebft v\u1ec1 m\u1eb7t k\u1ef9 thu\u1eadt, ngo\u00e0i ra, t\u00e1c \u0111\u1ed9ng c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 b\u1ecb thu h\u1ed3i khi theme ho\u1eb7c plugin \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"s\u1eed-d\u1ee5ng-cac-b\u1ed9-cong-c\u1ee5-xay-d\u1ef1ng-trang-nh\u1eb9-nhang-ch\u1eb3ng-h\u1ea1n-nh\u01b0-oxygen\">S\u1eed d\u1ee5ng c\u00e1c b\u1ed9 c\u00f4ng c\u1ee5 x\u00e2y d\u1ef1ng trang nh\u1eb9 nh\u00e0ng, ch\u1eb3ng h\u1ea1n nh\u01b0 Oxygen<\/h3>\n\n\n\n<p>C\u00e1c c\u00f4ng c\u1ee5 x\u00e2y d\u1ef1ng trang (page buiders) th\u01b0\u1eddng l\u00e0 th\u1ee7 ph\u1ea1m cho tr\u1ea1ng th\u00e1i th\u1eeba m\u1ee9a th\u1ebb div. S\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 x\u00e2y d\u1ef1ng nh\u1eb9 nh\u00e0ng nh\u01b0 <a href=\"https:\/\/oxygenbuilder.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Oxygen<\/a> s\u1ebd gi\u00fap b\u1ea1n h\u1ea1n ch\u1ebf th\u00eam c\u00e1c div kh\u00f4ng mong mu\u1ed1n v\u00e0 c\u00f3 nhi\u1ec1u kh\u1ea3 n\u0103ng t\u00f9y ch\u1ec9nh h\u01a1n v\u1edbi c\u1ea5u tr\u00fac HTML.<\/p>\n\n\n\n<p>N\u1ebfu b\u1ea1n m\u1edbi bi\u1ebft t\u1edbi Oxygen, h\u00e3y xem video v\u1ec1 <a href=\"https:\/\/www.youtube.com\/watch?v=Lx3PVlVNWE0\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1ch b\u1eaft \u0111\u1ea7u x\u00e2y d\u1ef1ng Website trong Oxygen<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"k\u1ebft-lu\u1eadn\"><span class=\"ez-toc-section\" id=\"5_Ket_luan\"><\/span>#5. K\u1ebft lu\u1eadn<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>C\u00f3 th\u1ec3 c\u00f3 nhi\u1ec1u plugin ho\u1eb7c c\u00e0i \u0111\u1eb7t trong theme l\u00e0 nguy\u00ean nh\u00e2n ch\u00e8n th\u00eam qu\u00e1 nhi\u1ec1u th\u1ebb div. M\u1ed9t v\u00ed d\u1ee5 \u0111i\u1ec3n h\u00ecnh l\u00e0 plugin &#8220;mega menu&#8221; ki\u1ec3u nh\u01b0 <a href=\"https:\/\/wpmegamenu.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">UberMenu<\/a>.<\/p>\n\n\n\n<p>\u0110\u00f4i khi nh\u1eefng th\u1ee9 n\u00e0y r\u1ea5t quan tr\u1ecdng cho tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng tr\u00ean trang web c\u1ee7a b\u1ea1n. Nh\u01b0ng \u0111\u00f4i khi ng\u01b0\u1eddi d\u00f9ng kh\u00f4ng bao gi\u1edd s\u1eed d\u1ee5ng ch\u00fang.<\/p>\n\n\n\n<p>C\u00f3 th\u1ec3 c\u00e1c li\u00ean k\u1ebft \u1edf ch\u00e2n trang kh\u00f4ng bao gi\u1edd \u0111\u01b0\u1ee3c click b\u1edfi v\u00ec h\u1ea7u h\u1ebft <a href=\"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/\" target=\"_blank\" rel=\"noreferrer noopener\">ng\u01b0\u1eddi d\u00f9ng ch\u1ec9 cu\u1ed9n chu\u1ed9t \u0111\u1ebfn 75% trang m\u00e0 th\u00f4i<\/a>.<\/p>\n\n\n\n<p>H\u00e3y s\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 nh\u01b0 <a href=\"https:\/\/www.hotjar.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">HotJar<\/a> ho\u1eb7c Google Analytics events \u0111\u1ec3 xem ng\u01b0\u1eddi d\u00f9ng th\u1ef1c s\u1ef1 l\u00e0m g\u00ec v\u00e0 kh\u00f4ng l\u00e0m g\u00ec tr\u00ean trang c\u1ee7a b\u1ea1n. C\u1ea7n <strong>ph\u00e2n t\u00edch, \u0111o l\u01b0\u1eddng v\u00e0 l\u1eb7p \u0111i l\u1eb7p l\u1ea1i qu\u00e1 tr\u00ecnh n\u00e0y<\/strong>.<\/p>\n\n\n\n<p><em>(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft: How to Avoid Excessive DOM Size in WordPress, t\u00e1c gi\u1ea3: Gijo Varghese, website: WPSpeedMatters)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: b\u1ea1n c\u00f3 bao gi\u1edd c\u1ea3m th\u1ea5y s\u1ee3 h\u00e3i khi \u0111\u1ecbnh mua m\u1ed9t cu\u1ed1n s\u00e1ch qu\u00e1 d\u1ea7y kh\u00f4ng, ho\u1eb7c khi \u0111\u1ecbnh xem phim cu\u1ed1i tu\u1ea7n v\u1edbi b\u1ea1n g\u00e1i m\u00e0 c\u00f3 \u0111\u1ed9 d\u00e0i h\u01a1n 3 ti\u1ebfng \u0111\u1ed3ng h\u1ed3! DOM qu\u00e1 l\u1edbn c\u0169ng nh\u01b0 v\u1eady, n\u00f3 l\u00e0m trang c\u1ee7a b\u1ea1n ch\u1eadm \u0111i v\u00ec &hellip;<\/p>\n","protected":false},"author":1,"featured_media":21355,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[282],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00e1ch tr\u00e1nh k\u00edch th\u01b0\u1edbc DOM qu\u00e1 l\u1edbn trong WordPress &#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\/dom-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00e1ch tr\u00e1nh k\u00edch th\u01b0\u1edbc DOM qu\u00e1 l\u1edbn trong WordPress &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: b\u1ea1n c\u00f3 bao gi\u1edd c\u1ea3m th\u1ea5y s\u1ee3 h\u00e3i khi \u0111\u1ecbnh mua m\u1ed9t cu\u1ed1n s\u00e1ch qu\u00e1 d\u1ea7y kh\u00f4ng, ho\u1eb7c khi \u0111\u1ecbnh xem phim cu\u1ed1i tu\u1ea7n v\u1edbi b\u1ea1n g\u00e1i m\u00e0 c\u00f3 \u0111\u1ed9 d\u00e0i h\u01a1n 3 ti\u1ebfng \u0111\u1ed3ng h\u1ed3! DOM qu\u00e1 l\u1edbn c\u0169ng nh\u01b0 v\u1eady, n\u00f3 l\u00e0m trang c\u1ee7a b\u1ea1n ch\u1eadm \u0111i v\u00ec &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/dom-wordpress\/\" \/>\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=\"2022-01-04T21:20:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-14T08:01:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/tranh-DOM-qua-nhieu.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"424\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"8 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00e1ch tr\u00e1nh k\u00edch th\u01b0\u1edbc DOM qu\u00e1 l\u1edbn trong WordPress &#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\/dom-wordpress\/","og_locale":"vi_VN","og_type":"article","og_title":"C\u00e1ch tr\u00e1nh k\u00edch th\u01b0\u1edbc DOM qu\u00e1 l\u1edbn trong WordPress &#8226; Ki\u1ebfn c\u00e0ng","og_description":"V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: b\u1ea1n c\u00f3 bao gi\u1edd c\u1ea3m th\u1ea5y s\u1ee3 h\u00e3i khi \u0111\u1ecbnh mua m\u1ed9t cu\u1ed1n s\u00e1ch qu\u00e1 d\u1ea7y kh\u00f4ng, ho\u1eb7c khi \u0111\u1ecbnh xem phim cu\u1ed1i tu\u1ea7n v\u1edbi b\u1ea1n g\u00e1i m\u00e0 c\u00f3 \u0111\u1ed9 d\u00e0i h\u01a1n 3 ti\u1ebfng \u0111\u1ed3ng h\u1ed3! DOM qu\u00e1 l\u1edbn c\u0169ng nh\u01b0 v\u1eady, n\u00f3 l\u00e0m trang c\u1ee7a b\u1ea1n ch\u1eadm \u0111i v\u00ec &hellip;","og_url":"https:\/\/kiencang.net\/dom-wordpress\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2022-01-04T21:20:00+00:00","article_modified_time":"2022-09-14T08:01:27+00:00","og_image":[{"width":640,"height":424,"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/12\/tranh-DOM-qua-nhieu.jpg","type":"image\/jpeg"}],"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":"8 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/dom-wordpress\/","url":"https:\/\/kiencang.net\/dom-wordpress\/","name":"C\u00e1ch tr\u00e1nh k\u00edch th\u01b0\u1edbc DOM qu\u00e1 l\u1edbn trong WordPress &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2022-01-04T21:20:00+00:00","dateModified":"2022-09-14T08:01:27+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/dom-wordpress\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/dom-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/dom-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"C\u00e1ch tr\u00e1nh k\u00edch th\u01b0\u1edbc DOM qu\u00e1 l\u1edbn trong WordPress"}]},{"@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\/13811"}],"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=13811"}],"version-history":[{"count":1,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/13811\/revisions"}],"predecessor-version":[{"id":23378,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/13811\/revisions\/23378"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media\/21355"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=13811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=13811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=13811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}