{"id":11817,"date":"2019-02-18T06:48:08","date_gmt":"2019-02-18T06:48:08","guid":{"rendered":"https:\/\/www.ducanhplus.com\/?p=11817"},"modified":"2022-08-09T05:33:57","modified_gmt":"2022-08-08T22:33:57","slug":"uu-tien-noi-dung-hien-thi","status":"publish","type":"post","link":"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/","title":{"rendered":"\u01afu ti\u00ean n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean trong t\u0103ng t\u1ed1c website"},"content":{"rendered":"\n<p class=\"has-background\" style=\"background-color:#fffccc\">V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: m\u1ed9t b\u00e0i c\u00f3 t\u00ednh l\u00fd thuy\u1ebft cao, nh\u01b0ng t\u00f4i v\u1eabn kho\u00e1i! V\u00ec l\u00fd thuy\u1ebft v\u1ec1 m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean l\u00e0 r\u1ea5t c\u0103n b\u1ea3n \u0111\u1ec3 b\u1ea1n \u0111i s\u00e2u gi\u1ea3i quy\u1ebft c\u00e1c v\u1ea5n \u0111\u1ec1 t\u1ed1c \u0111\u1ed9 trang m\u00e0 kh\u00f4ng ph\u1ea3i \u0111\u1ea7u t\u01b0 t\u1ed1n k\u00e9m ti\u1ec1n b\u1ea1c (v\u00ed d\u1ee5 n\u00e2ng c\u1ea5p hosting, s\u1eed d\u1ee5ng CDN hay mua c\u00e1c plugin cache cao c\u1ea5p). Gi\u1edd th\u00ec ch\u00fang ta b\u1eaft \u0111\u1ea7u n\u00e0o!<\/p>\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-6577d633de3de\" ><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-6577d633de3de\"  type=\"checkbox\" id=\"item-6577d633de3de\"><\/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\/uu-tien-noi-dung-hien-thi\/#1_Noi_dung_hien_thithuoc_man_hinh_dau_tien_la_gi\" title=\"#1. N\u1ed9i dung hi\u1ec3n th\u1ecb\/thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean l\u00e0 g\u00ec?\">#1. N\u1ed9i dung hi\u1ec3n th\u1ecb\/thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean 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\/uu-tien-noi-dung-hien-thi\/#2_Uu_tien_noi_dung_hien_thi_dau_tien_initially_cho_nguoi_dung\" title=\"#2. \u01afu ti\u00ean n\u1ed9i dung hi\u1ec3n th\u1ecb \u0111\u1ea7u ti\u00ean (initially) cho ng\u01b0\u1eddi d\u00f9ng\">#2. \u01afu ti\u00ean n\u1ed9i dung hi\u1ec3n th\u1ecb \u0111\u1ea7u ti\u00ean (initially) cho ng\u01b0\u1eddi d\u00f9ng<\/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\/uu-tien-noi-dung-hien-thi\/#3_Giam_dung_luong_nam_trong_man_hinh_dau_tien\" title=\"#3. Gi\u1ea3m dung l\u01b0\u1ee3ng n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean\">#3. Gi\u1ea3m dung l\u01b0\u1ee3ng n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean<\/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\/uu-tien-noi-dung-hien-thi\/#4_Uu_tien_cho_noi_dung_chinh\" title=\"#4. \u01afu ti\u00ean cho n\u1ed9i dung ch\u00ednh\">#4. \u01afu ti\u00ean cho n\u1ed9i dung ch\u00ednh<\/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\/uu-tien-noi-dung-hien-thi\/#5_Trang_voi_mot_cot_phaitrai_sidebar\" title=\"#5. Trang v\u1edbi m\u1ed9t c\u1ed9t ph\u1ea3i\/tr\u00e1i (sidebar)\">#5. Trang v\u1edbi m\u1ed9t c\u1ed9t ph\u1ea3i\/tr\u00e1i (sidebar)<\/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\/uu-tien-noi-dung-hien-thi\/#6_Dat_phan_noi_dung_truoc_phan_sidebar\" title=\"#6. \u0110\u1eb7t ph\u1ea7n n\u1ed9i dung tr\u01b0\u1edbc ph\u1ea7n sidebar\">#6. \u0110\u1eb7t ph\u1ea7n n\u1ed9i dung tr\u01b0\u1edbc ph\u1ea7n sidebar<\/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\/uu-tien-noi-dung-hien-thi\/#7_Tai_noi_dung_nam_tren_man_hinh_dau_tien_truoc\" title=\"#7. T\u1ea3i n\u1ed9i dung n\u1eb1m tr\u00ean m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean tr\u01b0\u1edbc\">#7. T\u1ea3i n\u1ed9i dung n\u1eb1m tr\u00ean m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean tr\u01b0\u1edbc<\/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\/uu-tien-noi-dung-hien-thi\/#8_Tai_sao_chan_trang_lai_nam_o_cuoi_trang\" title=\"#8. T\u1ea1i sao ch\u00e2n trang l\u1ea1i n\u1eb1m \u1edf cu\u1ed1i trang\">#8. T\u1ea1i sao ch\u00e2n trang l\u1ea1i n\u1eb1m \u1edf cu\u1ed1i trang<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/#9_Lam_the_nao_de_tai_noi_dung_trong_man_hinh_dau_tien_truoc\" title=\"#9. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 t\u1ea3i n\u1ed9i dung trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean tr\u01b0\u1edbc\">#9. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 t\u1ea3i n\u1ed9i dung trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean tr\u01b0\u1edbc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/#10_Cach_trinh_duyet_tai_mot_trang_web\" title=\"#10. C\u00e1ch tr\u00ecnh duy\u1ec7t t\u1ea3i m\u1ed9t trang web\">#10. C\u00e1ch tr\u00ecnh duy\u1ec7t t\u1ea3i m\u1ed9t trang web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/#11_HTML\" title=\"#11. HTML\">#11. HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/#12_CSS\" title=\"#12. CSS\">#12. CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/#13_JavaScript\" title=\"#13. JavaScript\">#13. JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/#14_Lam_the_nao_de_tri_hoan_tai_JavaScript\" title=\"#14. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00ec ho\u00e3n t\u1ea3i JavaScript\">#14. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00ec ho\u00e3n t\u1ea3i JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/#15_Ket_thuc\" title=\"#15. K\u1ebft th\u00fac\">#15. K\u1ebft th\u00fac<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/#16_Mot_vi_du_ve_trang_khong_co_goi_bat_cu_file_ben_ngoai_nao\" title=\"#16. M\u1ed9t v\u00ed d\u1ee5 v\u1ec1 trang kh\u00f4ng c\u00f3 g\u1ecdi b\u1ea5t c\u1ee9 file b\u00ean ngo\u00e0i n\u00e0o\">#16. M\u1ed9t v\u00ed d\u1ee5 v\u1ec1 trang kh\u00f4ng c\u00f3 g\u1ecdi b\u1ea5t c\u1ee9 file b\u00ean ngo\u00e0i n\u00e0o<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Noi_dung_hien_thithuoc_man_hinh_dau_tien_la_gi\"><\/span>#1. N\u1ed9i dung hi\u1ec3n th\u1ecb\/thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul><li>N\u1ed9i dung hi\u1ec3n th\u1ecb (visible content) l\u00e0 ph\u1ea7n n\u1ed9i dung c\u1ee7a trang web m\u00e0 ng\u01b0\u1eddi d\u00f9ng th\u1ea5y tr\u00ean m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean tr\u01b0\u1edbc khi h\u1ecd c\u00f3 b\u1ea5t k\u1ef3 h\u00e0nh \u0111\u1ed9ng cu\u1ed9n chu\u1ed9t n\u00e0o.<\/li><li>\u0110\u00f4i khi n\u00f3 c\u00f2n \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 &#8220;<a href=\"https:\/\/kiencang.net\/man-hinh-dau-tien\/\" target=\"_blank\" rel=\"noreferrer noopener\">n\u1ed9i dung n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean<\/a>&#8220;.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Uu_tien_noi_dung_hien_thi_dau_tien_initially_cho_nguoi_dung\"><\/span>#2. \u01afu ti\u00ean n\u1ed9i dung hi\u1ec3n th\u1ecb \u0111\u1ea7u ti\u00ean (initially) cho ng\u01b0\u1eddi d\u00f9ng<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><a href=\"https:\/\/kiencang.net\/tang-toc-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00e1c trang web c\u00f3 v\u1ebb c\u00f3 t\u1ed1c \u0111\u1ed9 t\u1ea3i r\u1ea5t nhanh v\u00e0 nh\u1eb9 nh\u00e0ng<\/a> th\u01b0\u1eddng c\u0169ng c\u00f3 c\u00f9ng k\u00edch c\u1ee1 nh\u01b0 c\u00e1c trang web ch\u1eadm, nh\u01b0ng s\u1edf d\u0129 n\u00f3 load nhanh h\u01a1n l\u00e0 v\u00ec c\u00e1c trang web \u0111\u00f3 \u01b0u ti\u00ean cho n\u1ed9i dung n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean.<\/p>\n\n\n\n<p>Ng\u01b0\u1eddi d\u00f9ng y\u00eau th\u00edch c\u00e1c trang web hi\u1ec3n th\u1ecb n\u1ed9i dung nhanh ch\u00f3ng v\u00e0 Google c\u0169ng v\u1eady. B\u00e0i vi\u1ebft n\u00e0y s\u1ebd cung c\u1ea5p m\u1ed9t s\u1ed1 h\u01b0\u1edbng d\u1eabn v\u1ec1 c\u00e1ch t\u1eadp trung v\u00e0o n\u1ed9i dung n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean \u0111\u1ec3 b\u1ea1n c\u00f3 \u0111\u01b0\u1ee3c trang v\u1edbi t\u1ed1c \u0111\u1ed9 t\u1ea3i nhanh h\u01a1n \u0111\u00e1ng k\u1ec3. N\u1ebfu b\u1ea1n v\u00e0o <a href=\"https:\/\/kiencang.net\/tang-toc-web-pagespeed-insights\/\" target=\"_blank\" rel=\"noreferrer noopener\">trang chuy\u00ean ki\u1ec3m tra t\u1ed1c \u0111\u1ed9 c\u1ee7a Google<\/a>&nbsp;v\u00e0 nh\u1eadn \u0111\u01b0\u1ee3c k\u1ebft qu\u1ea3 y\u1ebfu k\u00e9m trong vi\u1ec7c &#8220;\u01b0u ti\u00ean n\u1ed9i dung hi\u1ec3n th\u1ecb cho m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean&#8221; th\u00ec b\u00e0i vi\u1ebft n\u00e0y s\u1ebd gi\u00fap b\u1ea1n kh\u1eafc ph\u1ee5c \u0111i\u1ec1u \u0111\u00f3.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Giam_dung_luong_nam_trong_man_hinh_dau_tien\"><\/span>#3. Gi\u1ea3m dung l\u01b0\u1ee3ng n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Google g\u1ee3i \u00fd hai chi\u1ebfn l\u01b0\u1ee3c ch\u00ednh \u0111\u1ec3 ho\u00e0n th\u00e0nh \u0111i\u1ec1u n\u00e0y, v\u00e0 h\u1ecd g\u1ee3i \u00fd cho ch\u00fang ta c\u00e1c c\u00e1ch ki\u1ec3m tra t\u1ed5ng quan kh\u00e1 hi\u1ec7u qu\u1ea3. Ch\u00fang ta s\u1ebd \u0111i s\u00e2u v\u00e0o c\u1ea3 hai chi\u1ebfn l\u01b0\u1ee3c.<\/p>\n\n\n\n<ul><li>C\u1ea5u tr\u00fac HTML c\u1ee7a b\u1ea1n \u0111\u1ec3 n\u00f3 t\u1ea3i n\u1ed9i dung quan tr\u1ecdng, n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean tr\u01b0\u1edbc.<\/li><li>Gi\u1ea3m s\u1ed1 l\u01b0\u1ee3ng d\u1eef li\u1ec7u s\u1eed d\u1ee5ng b\u1edfi c\u00e1c t\u00e0i nguy\u00ean c\u1ee7a b\u1ea1n.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Uu_tien_cho_noi_dung_chinh\"><\/span>#4. \u01afu ti\u00ean cho n\u1ed9i dung ch\u00ednh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>M\u1ed9t trong nh\u1eefng c\u00e1ch nhanh nh\u1ea5t, \u0111\u01a1n gi\u1ea3n nh\u1ea5t v\u00e0 ph\u1ed5 bi\u1ebfn \u0111\u1ec3 c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 t\u1ea3i trang v\u1ec1 m\u1eb7t nh\u1eadn th\u1ee9c cho ng\u01b0\u1eddi d\u00f9ng l\u00e0 \u0111\u1ea3m b\u1ea3o HTML c\u1ee7a b\u1ea1n hi\u1ec3n th\u1ecb n\u1ed9i dung tr\u01b0\u1edbc khi n\u00f3 hi\u1ec3n th\u1ecb c\u00e1c ph\u1ea7n kh\u00e1c. \u0110\u1ec3 minh h\u1ecda \u0111i\u1ec1u n\u00e0y h\u00e3y xem m\u1ed9t k\u1ecbch b\u1ea3n r\u1ea5t ph\u1ed5 bi\u1ebfn sau&#8230;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Trang_voi_mot_cot_phaitrai_sidebar\"><\/span>#5. Trang v\u1edbi m\u1ed9t c\u1ed9t ph\u1ea3i\/tr\u00e1i (sidebar)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/trang-co-side-bar.png\" alt=\"trang c\u00f3 sidebar\" class=\"wp-image-11818\"\/><\/figure><\/div>\n\n\n<p>Trong h\u00ecnh tr\u00ean ch\u00fang ta th\u1ea5y trang web c\u00f3 m\u1ed9t sidebar \u1edf b\u00ean tr\u00e1i v\u00e0 n\u1ed9i dung n\u1eb1m \u1edf b\u00ean ph\u1ea3i. Ch\u00fang ta c\u0169ng th\u1ea5y r\u1eb1ng trong HTML, sitebar \u0111\u01b0\u1ee3c vi\u1ebft tr\u01b0\u1edbc n\u1ed9i dung (nh\u00ecn v\u00e0o \u0111o\u1ea1n m\u00e3, ph\u1ea7n <strong><span style=\"color: #00ccff;\">&lt;content&gt; m\u00e0u xanh<\/span><\/strong> n\u1eb1m sau <strong><span style=\"color: #ff0000;\">&lt;sitebar&gt; m\u00e0u \u0111\u1ecf<\/span><\/strong>).<\/p>\n\n\n\n<p>\u0110\u00e2y l\u00e0 v\u00ed d\u1ee5 v\u1ec1 chuy\u1ec7n n\u1ed9i dung quan tr\u1ecdng b\u1ecb \u0111\u1ea9y ra \u0111\u1eb1ng sau c\u00e1c th\u1ee9 kh\u00e1c. L\u00fd do c\u1ea7n ph\u1ea3i \u0111i\u1ec1u ch\u1ec9nh \u0111i\u1ec1u n\u00e0y l\u00e0 v\u00ec <em>n\u1ebfu sidebar \u0111\u01b0\u1ee3c vi\u1ebft tr\u01b0\u1edbc trong HTML th\u00ec n\u00f3 s\u1ebd \u0111\u01b0\u1ee3c t\u1ea3i \u0111\u1ea7u ti\u00ean, tr\u01b0\u1edbc c\u1ea3 ph\u1ea7n n\u1ed9i dung ch\u00ednh<\/em>.<\/p>\n\n\n\n<p>Th\u00f4ng th\u01b0\u1eddng th\u00ec sidebar s\u1ebd ch\u1ee9a c\u00e1c qu\u1ea3ng c\u00e1o, n\u00fat m\u1ea1ng x\u00e3 h\u1ed9i v\u00e0 <a href=\"https:\/\/kiencang.net\/tai-nguyen-ben-thu-ba-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1c n\u1ed9i dung kh\u00e1c d\u1ef1a v\u00e0o b\u00ean th\u1ee9 ba<\/a>. V\u00ec th\u1ebf n\u1ebfu sidebar c\u1ee7a b\u1ea1n t\u1ea3i tr\u01b0\u1edbc n\u1ed9i dung ch\u00ednh (main content) th\u00ec b\u1ea1n s\u1ebd th\u1ef1c s\u1ef1 b\u1eaft ng\u01b0\u1eddi d\u00f9ng ph\u1ea3i \u0111\u1ee3i \u0111\u1ec3 xem n\u1ed9i dung m\u00e0 h\u1ecd mu\u1ed1n xem. Gi\u1ea3 d\u1ee5 b\u1ea1n c\u00f3 qu\u1ea3ng c\u00e1o Google Adsense, n\u00fat Twitter, n\u00fat Facebook, v\u00e0 n\u00fat Google plus trong sidebar. Trong k\u1ecbch b\u1ea3n n\u00e0y, b\u1ea1n kh\u00f4ng ch\u1ec9 l\u00e0m ch\u1eadm th\u1eddi gian t\u1ea3i trang, b\u1ea1n \u0111ang l\u00e0m \u0111i\u1ec1u g\u00ec \u0111\u00f3 c\u00f2n t\u1ed3i t\u1ec7 h\u01a1n. B\u1ea1n l\u00e0m ng\u01b0\u1eddi d\u00f9ng ph\u1ea3i t\u1ed1n th\u1eddi gian h\u01a1n \u0111\u1ec3 xem n\u1ed9i dung c\u1ee7a b\u1ea1n.<\/p>\n\n\n\n<p>N\u1ebfu c\u00e1c ph\u1ea7n trong sidebar c\u1ea7n th\u1eddi gian \u0111\u1ec3 t\u1ea3i v\u1ec1, tr\u00ecnh duy\u1ec7t s\u1ebd \u0111\u1ee3i cho \u0111\u1ebfn khi t\u1ea5t c\u1ea3 ch\u00fang \u0111\u01b0\u1ee3c t\u1ea3i xong tr\u01b0\u1edbc khi n\u00f3 c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb cho ng\u01b0\u1eddi d\u00f9ng n\u1ed9i dung ch\u00ednh. V\u1edbi ng\u01b0\u1eddi d\u00f9ng \u0111\u00e2y l\u00e0 \u0111i\u1ec1u phi\u1ec1n to\u00e1i, b\u1ef1c b\u1ed9i v\u00ec h\u1ecd kh\u00f4ng \u0111\u1ebfn trang c\u1ee7a b\u1ea1n \u0111\u1ec3 nh\u00ecn sidebar, footer hay m\u1ea5y n\u00fat m\u1ea1ng x\u00e3 h\u1ed9i, h\u1ecd \u0111\u1ebfn \u0111\u00e2y \u0111\u1ec3 th\u1ea5y n\u1ed9i dung ch\u00ednh c\u1ee7a b\u1ea1n.<\/p>\n\n\n\n<p>\u0110i\u1ec1u n\u00e0y c\u00f3 th\u1ec3 thay \u0111\u1ed5i v\u1edbi m\u1ed9t b\u01b0\u1edbc \u0111\u01a1n gi\u1ea3n. Nh\u1edd th\u1ebf b\u1ea1n s\u1ebd hi\u1ec3n th\u1ecb cho ng\u01b0\u1eddi d\u00f9ng n\u1ed9i dung ch\u00ednh tr\u01b0\u1edbc.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"6_Dat_phan_noi_dung_truoc_phan_sidebar\"><\/span>#6. \u0110\u1eb7t ph\u1ea7n n\u1ed9i dung tr\u01b0\u1edbc ph\u1ea7n sidebar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>B\u1ea1n ch\u1ec9 c\u1ea7n copy v\u00e0 paste ph\u1ea7n sidebar ra \u0111\u1eb1ng sau ph\u1ea7n n\u1ed9i dung, trang c\u1ee7a b\u1ea1n s\u1ebd hi\u1ec3n th\u1ecb n\u1ed9i dung ch\u00ednh tr\u01b0\u1edbc m\u00e0 kh\u00f4ng c\u1ea7n ph\u1ea3i \u0111\u1ee3i nh\u1eefng th\u1ee9 kh\u00e1c n\u1eb1m trong sidebar.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/noi-dung-truoc.png\" alt=\"n\u1ed9i dung n\u1eb1m tr\u01b0\u1edbc\" class=\"wp-image-11819\"\/><\/figure><\/div>\n\n\n<p>Khi m\u00e0 ph\u1ea7n n\u1ed9i dung n\u1eb1m tr\u01b0\u1edbc trong HTML c\u1ee7a b\u1ea1n, n\u1ed9i dung s\u1ebd \u0111\u01b0\u1ee3c t\u1ea3i tr\u01b0\u1edbc&#8230;<\/p>\n\n\n\n<ul><li>Trang web c\u1ee7a b\u1ea1n t\u1ea3i v\u00e0 hi\u1ec3n th\u1ecb n\u1ed9i dung c\u1ee7a b\u1ea1n.<\/li><li>Ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 th\u1ea5y n\u1ed9i dung g\u1ea7n nh\u01b0 ngay l\u1eadp t\u1ee9c.<\/li><li>Trong khi ng\u01b0\u1eddi d\u00f9ng c\u1ee7a b\u1ea1n \u0111\u1ecdc, c\u00e1c qu\u1ea3ng c\u00e1o n\u1eb1m \u1edf sidebar v\u00e0 c\u00e1c n\u00fat m\u1ea1ng x\u00e3 h\u1ed9i s\u1ebd ti\u1ebfp t\u1ee5c t\u1ea3i.<\/li><li>Ng\u01b0\u1eddi d\u00f9ng c\u1ea3m th\u1ea5y tho\u1ea3i m\u00e1i v\u00ec h\u1ecd kh\u00f4ng c\u1ea7n ph\u1ea3i ch\u1edd \u0111\u1ee3i.<\/li><\/ul>\n\n\n\n<p>\u0110\u00e2y l\u00e0 v\u00ed d\u1ee5 v\u1ec1 vi\u1ec7c <em>thay \u0111\u1ed5i c\u1ea5u tr\u00fac c\u1ee7a trang HTML \u0111\u1ec3 \u0111\u01b0a n\u1ed9i dung quan tr\u1ecdng l\u00ean tr\u01b0\u1edbc<\/em>, nh\u01b0ng c\u00f3 nhi\u1ec1u th\u1ee9 h\u01a1n ch\u00fang ta ph\u1ea3i l\u00e0m \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o trang c\u1ee7a ch\u00fang ta t\u1ea3i theo c\u00e1ch m\u00e0 ng\u01b0\u1eddi d\u00f9ng (v\u00e0 Google) mu\u1ed1n th\u1ea5y trang c\u1ee7a ch\u00fang ta t\u1ea3i v\u1ec1.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"7_Tai_noi_dung_nam_tren_man_hinh_dau_tien_truoc\"><\/span>#7. T\u1ea3i n\u1ed9i dung n\u1eb1m tr\u00ean m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean tr\u01b0\u1edbc<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Kh\u00e1i ni\u1ec7m v\u1ec1 vi\u1ec7c t\u1ea3i n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean tr\u01b0\u1edbc c\u00f3 th\u1ec3 g\u00e2y nh\u1ea7m l\u1eabn. \u0110\u1ec3 gi\u1ea3i th\u00edch \u00fd m\u00e0 Google mu\u1ed1n \u0111\u1ec1 c\u1eadp, h\u00e3y th\u1eed ngh\u0129 v\u1ec1 footer (ch\u00e2n trang web)&#8230;<\/p>\n\n\n\n<p><strong>T\u1ea1i sao ng\u01b0\u1eddi d\u00f9ng ph\u1ea3i \u0111\u1ee3i xem trang ch\u1ec9 \u0111\u1ec3 b\u1ea1n t\u1ea3i CSS, Javascript, \u1ea3nh, v\u00e2n v\u00e2n cho ph\u1ea7n ch\u00e2n trang trong khi b\u1ea1n th\u1eadm ch\u00ed kh\u00f4ng ch\u1eafc l\u00e0 ng\u01b0\u1eddi d\u00f9ng s\u1ebd cu\u1ed9n chu\u1ed9t xu\u1ed1ng \u0111\u1ec3 nh\u00ecn n\u00f3 (ch\u00e2n trang)?<\/strong><\/p>\n\n\n\n<p>T\u00f4i c\u00f3 th\u1ec3 t\u1ef1 tin \u0111\u1ec3 n\u00f3i r\u1eb1ng c\u00f3 kh\u00e1 nhi\u1ec1u t\u00ecnh hu\u1ed1ng m\u00e0 ng\u01b0\u1eddi xem c\u1ee7a b\u1ea1n s\u1ebd kh\u00f4ng bao gi\u1edd nh\u00ecn xu\u1ed1ng ph\u1ea7n ch\u00e2n trang. H\u00e3y xem c\u00e1c t\u00ecnh hu\u1ed1ng sau&#8230;<\/p>\n\n\n\n<ul><li>Ng\u01b0\u1eddi d\u00f9ng gh\u00e9 th\u0103m trang ch\u1ee7 c\u1ee7a b\u1ea1n, quan s\u00e1t nh\u1eefng g\u00ec h\u1ecd \u0111ang t\u00ecm ki\u1ebfm tr\u00ean thanh \u0111i\u1ec1u h\u01b0\u1edbng ch\u00ednh c\u1ee7a b\u1ea1n, click v\u00e0 chuy\u1ec3n sang trang kh\u00e1c.<\/li><li>Ng\u01b0\u1eddi d\u00f9ng \u0111\u1ebfn trang c\u1ee7a b\u1ea1n, th\u1ea5y qu\u1ea3ng c\u00e1o v\u00e0 click v\u00e0o n\u00f3 (r\u1eddi kh\u1ecfi trang c\u1ee7a b\u1ea1n).<\/li><li>Ng\u01b0\u1eddi d\u00f9ng \u0111ang t\u00ecm ki\u1ebfm s\u1ea3n ph\u1ea9m n\u00e0o \u0111\u00f3 \u0111\u1ec3 mua (v\u00ed d\u1ee5 nh\u01b0 tai nghe) v\u00e0 cu\u1ed1i c\u00f9ng h\u1ecd \u0111ang \u1edf tr\u00ean trang chuy\u00ean v\u1ec1 tai nghe c\u1ee7a b\u1ea1n, ng\u01b0\u1eddi d\u00f9ng th\u1ea5y tai nghe m\u00e0 h\u1ecd th\u00edch v\u00e0 click v\u00e0o \u1ea3nh \u0111\u1ec3 \u0111i v\u00e0o trang chi ti\u1ebft v\u1ec1 s\u1ea3n ph\u1ea9m.<\/li><\/ul>\n\n\n\n<p>Trong t\u1ea5t c\u1ea3 c\u00e1c k\u1ecbch b\u1ea3n tr\u00ean, ng\u01b0\u1eddi d\u00f9ng kh\u00f4ng bao gi\u1edd nh\u00ecn v\u00e0o ch\u00e2n trang web! Tuy nhi\u00ean b\u1ea1n \u0111ang l\u00e0m cho ng\u01b0\u1eddi d\u00f9ng ph\u1ea3i ch\u1edd \u0111\u1ee3i b\u1eb1ng c\u00e1ch b\u1eaft h\u1ecd t\u1ea3i m\u1ed9t s\u1ed1 file cho ch\u00e2n trang tr\u01b0\u1edbc khi hi\u1ec3n th\u1ecb th\u00f4ng tin m\u00e0 h\u1ecd th\u1ef1c s\u1ef1 mu\u1ed1n xem.<\/p>\n\n\n\n<p>\u0110\u00e2y l\u00e0 c\u00e1ch l\u00e0m kh\u00f4ng kh\u00f4n ngoan trong th\u1ebf gi\u1edbi &#8220;m\u1edbi h\u01a1n&#8221; v\u00e0 &#8220;nhanh h\u01a1n&#8221; c\u1ee7a ch\u00fang ta.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"8_Tai_sao_chan_trang_lai_nam_o_cuoi_trang\"><\/span>#8. T\u1ea1i sao ch\u00e2n trang l\u1ea1i n\u1eb1m \u1edf cu\u1ed1i trang<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/chan-trang-web.png\" alt=\"ch\u00e2n trang web\" class=\"wp-image-11820\"\/><\/figure><\/div>\n\n\n<p>Trong h\u00ecnh tr\u00ean ch\u00fang ta th\u1ea5y ch\u00e2n trang web c\u00f3 kh\u00e1 nhi\u1ec1u n\u1ed9i dung. Nhi\u1ec1u theme WordPress c\u00f3 ch\u00e2n trang t\u01b0\u01a1ng t\u1ef1 nh\u01b0 v\u1eady.<\/p>\n\n\n\n<p>N\u00f3 c\u00f3 ch\u1ee9a th\u00f4ng tin t\u00e1c gi\u1ea3 v\u1edbi h\u00ecnh ch\u00e2n dung (m\u1ed9t \u1ea3nh c\u1ea7n ph\u1ea3i t\u1ea3i), n\u00f3 c\u00f3 c\u00e1c c\u1ed9t c\u1ea7n CSS \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng trong khi c\u00e1c ph\u1ea7n kh\u00e1c c\u1ee7a trang th\u00ec kh\u00f4ng c\u1ea7n, v\u00e0 c\u00f3 th\u1ec3 n\u00f3 c\u00f3 twitter feed s\u1eed d\u1ee5ng JavaScript v\u00e0 b\u1eaft bu\u1ed9c ph\u1ea3i c\u00f3 giao ti\u1ebfp (t\u1ea1o ra l\u1ea7n g\u1ecdi ra b\u00ean ngo\u00e0i, \u0111\u1ec3 nh\u1eadn file b\u00ean ngo\u00e0i) v\u1edbi m\u1ed9t b\u00ean th\u1ee9 ba &#8211; trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y l\u00e0 twitter &#8211; \u0111\u1ec3 hi\u1ec3n th\u1ecb th\u00f4ng tin.<\/p>\n\n\n\n<p>N\u00f3i t\u00f3m l\u1ea1i, ch\u00e2n trang n\u00e0y c\u00f3 nhi\u1ec1u \u0111i\u1ec1u hay ho, nh\u01b0ng trong ph\u1ea7n l\u1edbn tr\u01b0\u1eddng h\u1ee3p, tr\u00ecnh duy\u1ec7t ph\u1ea3i t\u00ecm ra v\u00e0 t\u1ea3i xu\u1ed1ng t\u1ea5t c\u1ea3 c\u00e1c th\u00e0nh ph\u1ea7n c\u1ee7a ch\u00e2n trang tr\u01b0\u1edbc khi n\u00f3 t\u1ea3i xong trang. \u0110i\u1ec1u n\u00e0y l\u00e0 kh\u00f4ng c\u00f3 \u00fd ngh\u0129a khi trang ph\u1ea3i t\u1ea3i nhi\u1ec1u th\u1ee9 m\u00e0 ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 kh\u00f4ng bao gi\u1edd nh\u00ecn \u0111\u1ebfn, trong khi n\u00f3 l\u00e0m h\u00e3m l\u1ea1i, ng\u0103n kh\u00f4ng cho ng\u01b0\u1eddi d\u00f9ng th\u1ea5y th\u00f4ng tin m\u00e0 h\u1ecd mu\u1ed1n xem.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"9_Lam_the_nao_de_tai_noi_dung_trong_man_hinh_dau_tien_truoc\"><\/span>#9. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 t\u1ea3i n\u1ed9i dung trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean tr\u01b0\u1edbc<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Trong t\u00ecnh hu\u1ed1ng l\u00fd t\u01b0\u1edfng nh\u1ea5t, ng\u01b0\u1eddi d\u00f9ng s\u1ebd th\u1ea5y n\u1ed9i dung ch\u00ednh c\u1ee7a trang m\u00e0 kh\u00f4ng c\u1ea7n ph\u1ea3i \u0111\u1ee3i ch\u00e2n trang t\u1ea3i xong. Nh\u01b0ng l\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c \u0111i\u1ec1u \u0111\u00f3 \u0111\u00e2y?<\/p>\n\n\n\n<p>T\u00f4i s\u1ebd kh\u00f4ng n\u00f3i d\u1ed1i b\u1ea1n l\u00e0m g\u00ec, \u0111\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c \u0111i\u1ec1u n\u00e0y y\u00eau c\u1ea7u m\u1ed9t s\u1ed1 suy ngh\u0129 v\u00e0 l\u00ean k\u1ebf ho\u1ea1ch. D\u00f9 v\u1eady th\u00ec m\u1ed9t khi b\u1ea1n \u0111\u00e3 t\u00ecm ra c\u00e1ch \u0111\u1ec3 l\u00e0m n\u00f3 th\u00e0nh c\u00f4ng tr\u00ean m\u1ed9t trang, b\u1ea1n s\u1ebd c\u00f3 kh\u1ea3 n\u0103ng tri\u1ec3n khai n\u00f3 tr\u00ean to\u00e0n b\u1ed9 website m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng h\u01a1n. Nh\u01b0ng b\u1ea1n ph\u1ea3i b\u1eaft \u0111\u1ea7u v\u1edbi m\u1ed9t trang tr\u01b0\u1edbc \u0111\u00e3. H\u00e3y xem v\u1ec1 t\u1ed5ng th\u1ec3 c\u00e1ch m\u00e0 trang t\u1ea3i th\u1ef1c s\u1ef1 di\u1ec5n ra nh\u01b0 th\u1ebf n\u00e0o&#8230;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"10_Cach_trinh_duyet_tai_mot_trang_web\"><\/span>#10. C\u00e1ch tr\u00ecnh duy\u1ec7t t\u1ea3i m\u1ed9t trang web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Khi trang web c\u1ee7a b\u1ea1n t\u1ea3i, tr\u00ecnh duy\u1ec7t s\u1ebd th\u1ef1c hi\u1ec7n m\u1ed9t s\u1ed1 b\u01b0\u1edbc \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh trang s\u1ebd t\u1ea3i nh\u01b0 th\u1ebf n\u00e0o (\u0111\u00e2y l\u00e0 phi\u00ean b\u1ea3n \u0111\u00e3 \u0111\u01b0\u1ee3c \u0111\u01a1n gi\u1ea3n h\u00f3a, nh\u01b0ng v\u1ec1 c\u01a1 b\u1ea3n \u0111\u00e2y l\u00e0 nh\u1eefng g\u00ec s\u1ebd x\u1ea3y ra):<\/p>\n\n\n\n<ul><li>Tr\u00ecnh duy\u1ec7t t\u1ea3i file HTML.<\/li><li>N\u00f3 ph\u00e2n t\u00edch c\u00fa ph\u00e1p (xem x\u00e9t t\u1ed5ng quan) trang HTML.<\/li><li>N\u00f3 b\u1eaft g\u1eb7p m\u1ed9t s\u1ed1 th\u1ee9 n\u00f3 c\u1ea7n ph\u1ea3i t\u1ea3i (nh\u01b0 \u1ea3nh, c\u00e1c file CSS ngo\u00e0i, v\u00e2n v\u00e2n) v\u00e0 t\u1ea1m d\u1eebng ph\u00e2n t\u00edch c\u00fa ph\u00e1p HTML.<\/li><li>N\u00f3 t\u1ea3i c\u00e1c t\u00e0i nguy\u00ean b\u00ean ngo\u00e0i.<\/li><li>N\u1ebfu t\u00e0i nguy\u00ean b\u00ean ngo\u00e0i l\u00e0 CSS ho\u1eb7c JavaScript th\u00ec n\u00f3 s\u1ebd ph\u00e2n t\u00edch c\u00fa ph\u00e1p c\u1ee7a file.<\/li><li>Sau \u0111\u00f3 n\u00f3 ti\u1ebfp t\u1ee5c ph\u00e2n t\u00edch c\u00fa ph\u00e1p HTML cho \u0111\u1ebfn khi n\u00f3 g\u1eb7p ph\u1ea3i ngu\u1ed3n t\u00e0i nguy\u00ean kh\u00e1c m\u00e0 n\u00f3 ph\u1ea3i t\u1ea3i v\u1ec1.<\/li><\/ul>\n\n\n\n<p>Trong su\u1ed1t qu\u00e1 tr\u00ecnh n\u00e0y, tr\u00ecnh duy\u1ec7t s\u1ebd c\u1ed1 g\u1eafng hi\u1ec3n th\u1ecb nhi\u1ec1u n\u1ed9i dung nh\u1ea5t c\u00f3 th\u1ec3, c\u00e0ng s\u1edbm c\u00e0ng t\u1ed1t. Do \u0111\u00f3 c\u00f3 nhi\u1ec1u c\u00e1ch \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o r\u1eb1ng m\u1ed9t s\u1ed1 n\u1ed9i dung c\u1ee7a trang s\u1ebd \u0111\u01b0\u1ee3c t\u1ea3i tr\u01b0\u1edbc v\u00e0 ho\u00e0n th\u00e0nh, tr\u01b0\u1edbc khi tr\u00ecnh duy\u1ec7t g\u1eb7p r\u00e0o c\u1ea3n l\u00e0 c\u00e1c t\u00e0i nguy\u00ean b\u00ean ngo\u00e0i (external resources).<\/p>\n\n\n\n<p>N\u1ed9i dung n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c \u01b0u ti\u00ean b\u1eb1ng c\u00e1ch l\u00e0m n\u00f3 kh\u00f4ng c\u1ea7n ph\u1ea3i d\u1ef1a v\u00e0o b\u1ea5t c\u1ee9 t\u00e0i nguy\u00ean b\u00ean ngo\u00e0i n\u00e0o, ho\u1eb7c <a href=\"https:\/\/kiencang.net\/preload-tai-nguyen-quan-trong\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u1ea3i nh\u1eefng t\u00e0i nguy\u00ean \u0111\u00f3 s\u1edbm h\u01a1n<\/a>, tr\u01b0\u1edbc khi tr\u00ecnh duy\u1ec7t t\u1ea3i b\u1ea5t c\u1ee9 th\u1ee9 g\u00ec m\u00e0 n\u00f3 ph\u1ea3i ph\u00e2n t\u00edch c\u00fa ph\u00e1p.<\/p>\n\n\n\n<p>Ch\u00fang ta s\u1ebd xem x\u00e9t v\u00e0i th\u1ee9 m\u00e0 ch\u00fang ta \u0111\u00e3 quen thu\u1ed9c, nh\u01b0ng nh\u01b0 t\u00f4i s\u1ebd cho b\u1ea1n th\u1ea5y, ch\u00fang c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng theo c\u00e1ch th\u1ee9c t\u1ed1t h\u01a1n. Nh\u1eefng th\u1ee9 m\u00e0 ch\u00fang ta s\u1ebd xem x\u00e9t bao g\u1ed3m&#8230;<\/p>\n\n\n\n<ul><li>HTML<\/li><li>CSS<\/li><li>Javascript<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"11_HTML\"><\/span>#11. HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ch\u00fang ta \u0111\u00e3 th\u1ea5y \u1edf tr\u00ean v\u1ec1 c\u00e1ch th\u1ee9c trang HTML c\u1ee7a b\u1ea1n g\u1ecdi nh\u1eefng t\u00e0i nguy\u00ean c\u00f3 th\u1ec3 \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn c\u00e1ch trang \u0111\u01b0\u1ee3c t\u1ea3i nh\u01b0 th\u1ebf n\u00e0o. Nh\u1eefng t\u00e0i nguy\u00ean n\u1eb1m trong HTML h\u1ea7u h\u1ebft s\u1ebd \u0111\u01b0\u1ee3c t\u1ea3i tu\u1ea7n t\u1ef1 (d\u00f2ng \u0111\u1ea7u ti\u00ean tr\u01b0\u1edbc, d\u00f2ng th\u1ee9 hai ti\u1ebfp sau, v\u00e2n v\u00e2n), v\u00ec th\u1ebf c\u00e1ch quan tr\u1ecdng nh\u1ea5t \u0111\u1ec3 \u01b0u ti\u00ean n\u1ed9i dung l\u00e0 \u0111\u1ea3m b\u1ea3o n\u1ed9i dung quan tr\u1ecdng nh\u1ea5t c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c g\u1ecdi b\u1edfi HTML tr\u01b0\u1edbc khi b\u1ea1n g\u1ecdi c\u00e1c n\u1ed9i dung \u00edt quan tr\u1ecdng h\u01a1n kh\u00e1c. \u0110\u1ec3 hi\u1ec3n th\u1ecb n\u1ed9i dung n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean, b\u1ea1n c\u00f3 th\u1ec3 c\u1ea7n xem x\u00e9t l\u1ea1i m\u1ed9t s\u1ed1 \u0111i\u1ec1u c\u01a1 b\u1ea3n v\u1ec1 b\u1ed1 c\u1ee5c HTML c\u1ee7a b\u1ea1n.<\/p>\n\n\n\n<p>\u0110\u00e2y l\u00e0 m\u1ed9t b\u1ed1 c\u1ee5c r\u1ea5t ph\u1ed5 bi\u1ebfn v\u00e0 gi\u1ea3i ph\u00e1p minh h\u1ecda c\u00e1ch ch\u00fang ta c\u00f3 th\u1ec3 thay \u0111\u1ed5i c\u00e1ch trang web t\u1ea3i ch\u1ec9 c\u1ea7n th\u00f4ng qua b\u1ed1 c\u1ee5c c\u1ee7a HTML.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">V\u1ea5n \u0111\u1ec1<\/h3>\n\n\n\n<p>Ch\u00fang ta c\u00f3 trang web c\u00f3 div sidebar v\u00e0 div n\u1ed9i dung ch\u00ednh. N\u1ebfu ch\u00fang ta c\u1ed1 g\u1eafng &#8220;t\u1ea3i n\u1ed9i dung n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean tr\u01b0\u1edbc&#8221; v\u1edbi b\u1ed1 c\u1ee5c n\u00e0y, ch\u00fang ta s\u1ebd kh\u00f4ng th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c, ho\u1eb7c gi\u1ea3i quy\u1ebft ch\u1ec9 r\u1ea5t h\u1ea1n ch\u1ebf m\u00e0 th\u00f4i.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Gi\u1ea3i ph\u00e1p<\/h3>\n\n\n\n<p>H\u00e3y l\u00e0m trang web c\u1ee7a ch\u00fang ta c\u00f3 giao di\u1ec7n c\u0169ng nh\u01b0 v\u1eady, nh\u01b0ng v\u1edbi m\u1ed9t b\u1ed1 c\u1ee5c kh\u00e1c. Trong b\u1ed1 c\u1ee5c m\u1edbi c\u1ee7a ch\u00fang ta, ch\u00fang ta c\u00f3 m\u1ed9t sidebar n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean v\u00e0 n\u1ed9i dung n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean, ng\u01b0\u1ee3c l\u1ea1i, ch\u00fang ta c\u0169ng c\u00f3 sidebar n\u1eb1m d\u01b0\u1edbi m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean v\u00e0 n\u1ed9i dung n\u1eb1m d\u01b0\u1edbi m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">K\u1ebft qu\u1ea3<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/cac-phan-html.png\" alt=\"c\u00e1c ph\u1ea7n html\" class=\"wp-image-11822\"\/><\/figure><\/div>\n\n\n<p>Gi\u1edd ch\u00fang ta \u0111\u00e3 c\u00f3 c\u00e1c th\u00e0nh ph\u1ea7n n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean chia t\u00e1ch v\u1edbi c\u00e1c ph\u1ea7n kh\u00e1c c\u1ee7a trang, ch\u00fang ta c\u00f3 th\u1ec3 c\u00f3 <a href=\"https:\/\/kiencang.net\/noi-tuyen-cac-css-nho\/\">CSS n\u1ed9i tuy\u1ebfn<\/a> cho ph\u1ea7n n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean v\u00e0 file CSS ngo\u00e0i \u0111\u01b0\u1ee3c t\u1ea3i cho cho ph\u1ea7n CSS c\u00f2n l\u1ea1i c\u1ee7a website.<\/p>\n\n\n\n<p>S\u1ef1 kh\u00e1c bi\u1ec7t l\u00e0 gi\u1edd khi m\u1ed9t ai \u0111\u00f3 truy c\u1eadp v\u00e0o trang web c\u1ee7a ch\u00fang ta, n\u00f3 s\u1ebd t\u1ea3i nhanh g\u1ea7n nh\u01b0 ngay l\u1eadp t\u1ee9c b\u1edfi v\u00ec t\u1ea5t c\u1ea3 c\u00e1c n\u1ed9i dung n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean <a href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">kh\u00f4ng c\u1ea7n ph\u1ea3i \u0111\u1ee3i c\u00e1c file CSS ngo\u00e0i t\u1ea3i xong<\/a>. \u0110i\u1ec1u \u0111\u00f3 s\u1ebd d\u1eabn ch\u00fang ta \u0111\u1ebfn c\u00f4ng vi\u1ec7c m\u1edbi c\u1ea7n l\u00e0m, \u0111\u00f3 l\u00e0&#8230;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"12_CSS\"><\/span>#12. CSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/CSS-tot.png\" alt=\"CSS \u0111\u01b0\u1ee3c ph\u00e2n chia t\u1ed1t\" class=\"wp-image-11823\"\/><\/figure><\/div>\n\n\n<p>CSS c\u1ee7a b\u1ea1n l\u00e0 n\u01a1i c\u00f3 kh\u1ea3 n\u0103ng t\u1ea1o ra \u0111\u01b0\u1ee3c nhi\u1ec1u \u0111i\u1ec1u k\u1ef3 di\u1ec7u li\u00ean quan \u0111\u1ebfn vi\u1ec7c t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i trang. T\u00f4i s\u1ebd t\u00f3m t\u1eaft ngay b\u00ean d\u01b0\u1edbi, nh\u01b0ng t\u00f4i c\u0169ng c\u00f3 vi\u1ebft ri\u00eang m\u1ed9t b\u00e0i chuy\u00ean s\u00e2u v\u1ec1 vi\u1ec7c <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> cho trang.<\/p>\n\n\n\n<p>M\u1ed9t thi\u1ebft l\u1eadp CSS l\u00fd t\u01b0\u1edfng s\u1ebd \u0111\u1ea9y nhanh t\u1ed1c \u0111\u1ed9 trang c\u1ee7a b\u1ea1n, kh\u00f4ng l\u00e0m n\u00f3 ch\u1eadm l\u1ea1i. C\u00e1ch th\u1ee9c \u0111\u1ec3 l\u00e0m \u0111i\u1ec1u \u0111\u00f3 l\u00e0&#8230;<\/p>\n\n\n\n<ul><li>M\u1ed9t (v\u00e0 ch\u1ec9 m\u1ed9t) file CSS ngo\u00e0i.<\/li><li>M\u1ed9t kh\u1ed1i n\u1ed9i tuy\u1ebfn c\u1ee5 th\u1ec3 theo t\u1eebng trang v\u00e0 cho ph\u00e9p n\u1ed9i dung trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean t\u1ea3i ngay l\u1eadp t\u1ee9c.<\/li><\/ul>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 bi\u1ebft \u0111\u01b0\u1ee3c c\u00e1ch CSS c\u1ee7a b\u1ea1n t\u1ea3i nh\u01b0 th\u1ebf n\u00e0o b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 ki\u1ec3m tra ph\u00e2n ph\u1ed1i CSS (nh\u01b0 Google PageSpeed Insight ho\u1eb7c Pingdom).<\/p>\n\n\n\n<p>\u0110\u1ecdc th\u00eam v\u1ec1 <a href=\"https:\/\/kiencang.net\/loai-bo-css-chan-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSS ch\u1eb7n hi\u1ec3n th\u1ecb<\/a> s\u1ebd cho b\u1ea1n th\u00eam m\u1ed9t s\u1ed1 ki\u1ebfn th\u1ee9c th\u00fa v\u1ecb.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"13_JavaScript\"><\/span>#13. JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/cach-tri-hoan-tai-javascript.png\" alt=\"c\u00e1ch tr\u00ec ho\u00e3n t\u1ea3i javascript\" class=\"wp-image-11713\"\/><\/figure><\/div>\n\n\n<p>JavaScript tr\u00ean trang c\u00f3 th\u1ec3 th\u1ef1c s\u1ef1 l\u00e0m t\u1ed1n th\u00eam th\u1eddi gian t\u1ea3i trang, nh\u01b0ng n\u00f3 kh\u00f4ng c\u1ea7n thi\u1ebft bu\u1ed9c ph\u1ea3i nh\u01b0 v\u1eady.<\/p>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 tr\u00ec ho\u00e3n t\u1ea3i JavaScript xu\u1ed1ng cho \u0111\u1ebfn khi n\u1ed9i dung t\u1ea3i xong. \u0110\u00e2y l\u00e0 m\u1ed9t v\u1ea5n \u0111\u1ec1 kh\u00e1c c\u1ea7n suy ngh\u0129 nghi\u00eam t\u00fac, nh\u01b0ng n\u00f3 l\u00e0 th\u1ee9 c\u00f3 kh\u1ea3 n\u0103ng c\u1ea3i thi\u1ec7n l\u1edbn nh\u1ea5t th\u1eddi gian t\u1ea3i c\u1ee7a n\u1ed9i dung n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean, \u0111\u1eb7c bi\u1ec7t n\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng c\u00e1c n\u00fat m\u1ea1ng x\u00e3 h\u1ed9i nh\u01b0 (Google+, Facebook, Twitter, v\u00e2n v\u00e2n) ho\u1eb7c s\u1eed d\u1ee5ng c\u00e1c th\u01b0 vi\u1ec7n JavaScript nh\u01b0 jQuery.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"14_Lam_the_nao_de_tri_hoan_tai_JavaScript\"><\/span>#14. L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 tr\u00ec ho\u00e3n t\u1ea3i JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>T\u00f4i \u0111\u00e3 vi\u1ebft m\u1ed9t b\u00e0i kh\u00e1 chuy\u00ean s\u00e2u v\u1ec1 c\u00e1ch b\u1ea1n c\u00f3 th\u1ec3 th\u1ef1c hi\u1ec7n \u0111\u1ec3 <a href=\"https:\/\/kiencang.net\/tri-hoan-tai-javascript\/\" target=\"_blank\" rel=\"noreferrer noopener\">tr\u00ec ho\u00e3n t\u1ea3i javascript nh\u1eb1m t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i trang web<\/a>. N\u00f3 kh\u00e1 th\u00fa v\u1ecb \u0111\u1ec3 tham kh\u1ea3o.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"15_Ket_thuc\"><\/span>#15. K\u1ebft th\u00fac<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u01afu ti\u00ean n\u1ed9i dung hi\u1ec3n th\u1ecb kh\u00f4ng c\u00f3 m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi d\u1ec5 d\u00e0ng, n\u00f3 y\u00eau c\u1ea7u b\u1ea1n ph\u1ea3i nh\u00ecn v\u00e0o c\u00e1c kh\u00eda c\u1ea1nh c\u1ee7a trang v\u00e0 ngh\u0129 v\u1ec1 c\u00e1ch \u0111\u1ec3 l\u00e0m n\u00f3 t\u1ed1t h\u01a1n.<\/p>\n\n\n\n<p>Nh\u1eefng th\u1ee9 \u0111\u1ea7u ti\u00ean c\u1ea7n xem x\u00e9t l\u00e0 (m\u1ed9t b\u1ea3n t\u00f3m t\u1eaft):<\/p>\n\n\n\n<ul><li><strong>HTML<\/strong>: H\u00e3y \u0111\u1ea3m b\u1ea3o l\u00e0 n\u1ed9i dung ch\u00ednh \u0111\u01b0\u1ee3c t\u1ea3i tr\u01b0\u1edbc m\u1ecdi ph\u1ea7n kh\u00e1c. B\u1ed1 c\u1ee5c c\u1ee7a trang web v\u1edbi n\u1ed9i dung n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean l\u00fac n\u00e0o c\u0169ng ph\u1ea3i \u0111\u01b0\u1ee3c ghi nh\u1edb (th\u1eadm ch\u00ed ngay c\u1ea3 khi b\u1ea1n c\u00f3 b\u1ed5 sung th\u00eam m\u1ed9t s\u1ed1 div).<\/li><li><strong>CSS<\/strong>. Ki\u1ec3m tra ph\u00e2n ph\u1ed1i CSS c\u1ee7a b\u1ea1n v\u1edbi c\u00f4ng c\u1ee5 CSS.<\/li><li><strong>JavaScript<\/strong>: Tr\u00ec ho\u00e3n JavaScript cho \u0111\u1ebfn khi trang t\u1ea3i xong (khi m\u00e0 n\u00f3 c\u00f3 th\u1ec3 t\u1ea3i). B\u1ea1n c\u00f3 th\u1ec3 hi\u1ec3u th\u00eam <a href=\"https:\/\/kiencang.net\/tai-javascript-defer-async\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00e1ch defer v\u00e0 async t\u1ec7p JavaScript \u1edf \u0111\u00e2y<\/a>.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"16_Mot_vi_du_ve_trang_khong_co_goi_bat_cu_file_ben_ngoai_nao\"><\/span>#16. M\u1ed9t v\u00ed d\u1ee5 v\u1ec1 trang kh\u00f4ng c\u00f3 g\u1ecdi b\u1ea5t c\u1ee9 file b\u00ean ngo\u00e0i n\u00e0o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>T\u00f4i c\u00f3 t\u1ea1o m\u1ed9t trang h\u00e0i h\u01b0\u1edbc (hy v\u1ecdng th\u1ebf) \u0111\u1ec3 gi\u1ea3i th\u00edch t\u1ea1i sao n\u00f3 l\u1ea1i t\u1ea3i r\u1ea5t nhanh. Trang \u0111\u00f3 \u0111\u00e2y:&nbsp;<a href=\"https:\/\/varvy.com\/pagespeed\/wicked-fast.html\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">https:\/\/varvy.com\/pagespeed\/wicked-fast.html<\/a> (trang n\u00e0y \u0111\u00e3 h\u1ecfng, b\u1ea1n c\u00f3 th\u1ec3 t\u00ecm b\u1ea3n l\u01b0u \u1edf \u0111\u00e2y: <a href=\"https:\/\/web.archive.org\/web\/20180409163126\/https:\/\/varvy.com\/pagespeed\/wicked-fast.html\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">https:\/\/web.archive.org\/web\/20180409163126\/https:\/\/varvy.com\/pagespeed\/wicked-fast.html<\/a>)<\/p>\n\n\n\n<p>Trang n\u00e0y kh\u00f4ng th\u1ef1c hi\u1ec7n b\u1ea5t k\u1ef3 l\u1eddi g\u1ecdi file b\u00ean ngo\u00e0i n\u00e0o. CSS v\u00e0 \u1ea3nh ho\u00e0n to\u00e0n n\u1eb1m trong HTML, v\u00ec th\u1ebf ngay sau khi file HTML t\u1ea3i xong, trang c\u0169ng \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb. V\u00ed d\u1ee5 n\u00e0y \u0111\u01b0a cho ch\u00fang ta m\u1ed9t \u00fd t\u01b0\u1edfng, nh\u01b0ng <em>d\u0129 nhi\u00ean \u0111\u1ea5y kh\u00f4ng ph\u1ea3i l\u00e0 t\u00ecnh hu\u1ed1ng th\u1ef1c t\u1ebf<\/em>. C\u00e1c trang nh\u01b0 th\u1ebf n\u00e0y \u0111\u01a1n gi\u1ea3n l\u00e0 kh\u00f4ng \u0111\u00e1p \u1ee9ng \u0111\u01b0\u1ee3c h\u1ebft nhu c\u1ea7u c\u1ee7a ch\u00fang ta. D\u00f9 v\u1eady, trang l\u00e0 m\u1ed9t v\u00ed d\u1ee5 r\u1ea5t t\u1ed1t \u0111\u1ec3 minh h\u1ecda c\u00e1c v\u1ea5n \u0111\u1ec1 l\u1edbn li\u00ean quan \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 trang \u0111\u1ebfn t\u1eeb nh\u1eefng c\u00e1i \u0111ang \u0111\u01b0\u1ee3c g\u1ecdi b\u1edfi trang v\u00e0 l\u00e0m th\u1ebf n\u00e0o n\u00f3 \u0111\u01b0\u1ee3c g\u1ecdi. Ch\u00fang ta th\u1ea5y r\u1eb1ng n\u1ebfu m\u1ed9t trang kh\u00f4ng g\u1ecdi b\u1ea5t c\u1ee9 t\u00e0i nguy\u00ean b\u00ean ngo\u00e0i n\u00e0o, n\u00f3 s\u1ebd \u0111\u01b0\u1ee3c t\u1ea3i g\u1ea7n nh\u01b0 ngay t\u1ee9c th\u00ec.<\/p>\n\n\n\n<p><em>(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft: Prioritize visible content \u2013 T\u00e1c gi\u1ea3: Patrick Sexton \u2013 Website: Varvy)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: m\u1ed9t b\u00e0i c\u00f3 t\u00ednh l\u00fd thuy\u1ebft cao, nh\u01b0ng t\u00f4i v\u1eabn kho\u00e1i! V\u00ec l\u00fd thuy\u1ebft v\u1ec1 m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean l\u00e0 r\u1ea5t c\u0103n b\u1ea3n \u0111\u1ec3 b\u1ea1n \u0111i s\u00e2u gi\u1ea3i quy\u1ebft c\u00e1c v\u1ea5n \u0111\u1ec1 t\u1ed1c \u0111\u1ed9 trang m\u00e0 kh\u00f4ng ph\u1ea3i \u0111\u1ea7u t\u01b0 t\u1ed1n k\u00e9m ti\u1ec1n b\u1ea1c (v\u00ed d\u1ee5 n\u00e2ng c\u1ea5p hosting, s\u1eed &hellip;<\/p>\n","protected":false},"author":1,"featured_media":13058,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[293],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u01afu ti\u00ean n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean trong t\u0103ng t\u1ed1c website &#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\/uu-tien-noi-dung-hien-thi\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u01afu ti\u00ean n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean trong t\u0103ng t\u1ed1c website &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: m\u1ed9t b\u00e0i c\u00f3 t\u00ednh l\u00fd thuy\u1ebft cao, nh\u01b0ng t\u00f4i v\u1eabn kho\u00e1i! V\u00ec l\u00fd thuy\u1ebft v\u1ec1 m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean l\u00e0 r\u1ea5t c\u0103n b\u1ea3n \u0111\u1ec3 b\u1ea1n \u0111i s\u00e2u gi\u1ea3i quy\u1ebft c\u00e1c v\u1ea5n \u0111\u1ec1 t\u1ed1c \u0111\u1ed9 trang m\u00e0 kh\u00f4ng ph\u1ea3i \u0111\u1ea7u t\u01b0 t\u1ed1n k\u00e9m ti\u1ec1n b\u1ea1c (v\u00ed d\u1ee5 n\u00e2ng c\u1ea5p hosting, s\u1eed &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/uu-tien-noi-dung-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=\"2019-02-18T06:48:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-08T22:33:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/uu-tien-hien-thi-noi-dung.png\" \/>\n\t<meta property=\"og:image:width\" content=\"886\" \/>\n\t<meta property=\"og:image:height\" content=\"465\" \/>\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=\"14 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u01afu ti\u00ean n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean trong t\u0103ng t\u1ed1c website &#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\/uu-tien-noi-dung-hien-thi\/","og_locale":"vi_VN","og_type":"article","og_title":"\u01afu ti\u00ean n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean trong t\u0103ng t\u1ed1c website &#8226; Ki\u1ebfn c\u00e0ng","og_description":"V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: m\u1ed9t b\u00e0i c\u00f3 t\u00ednh l\u00fd thuy\u1ebft cao, nh\u01b0ng t\u00f4i v\u1eabn kho\u00e1i! V\u00ec l\u00fd thuy\u1ebft v\u1ec1 m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean l\u00e0 r\u1ea5t c\u0103n b\u1ea3n \u0111\u1ec3 b\u1ea1n \u0111i s\u00e2u gi\u1ea3i quy\u1ebft c\u00e1c v\u1ea5n \u0111\u1ec1 t\u1ed1c \u0111\u1ed9 trang m\u00e0 kh\u00f4ng ph\u1ea3i \u0111\u1ea7u t\u01b0 t\u1ed1n k\u00e9m ti\u1ec1n b\u1ea1c (v\u00ed d\u1ee5 n\u00e2ng c\u1ea5p hosting, s\u1eed &hellip;","og_url":"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2019-02-18T06:48:08+00:00","article_modified_time":"2022-08-08T22:33:57+00:00","og_image":[{"width":886,"height":465,"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/02\/uu-tien-hien-thi-noi-dung.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":"14 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/","url":"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/","name":"\u01afu ti\u00ean n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean trong t\u0103ng t\u1ed1c website &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2019-02-18T06:48:08+00:00","dateModified":"2022-08-08T22:33:57+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/uu-tien-noi-dung-hien-thi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"\u01afu ti\u00ean n\u1ed9i dung thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean trong t\u0103ng t\u1ed1c website"}]},{"@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\/11817"}],"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=11817"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/11817\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media\/13058"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=11817"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=11817"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=11817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}