{"id":2084,"date":"2020-01-03T08:00:29","date_gmt":"2020-01-03T01:00:29","guid":{"rendered":"https:\/\/webvocuc.com\/blog\/?p=2084"},"modified":"2021-12-27T15:45:14","modified_gmt":"2021-12-27T08:45:14","slug":"huong-dan-cac-cong-cu-tang-toc-do-load-website-phan-1","status":"publish","type":"post","link":"https:\/\/webvocuc.com\/blog\/huong-dan-cac-cong-cu-tang-toc-do-load-website-phan-1.html","title":{"rendered":"H\u01b0\u1edbng d\u1eabn c\u00e1c c\u00e1ch t\u0103ng t\u1ed1c \u0111\u1ed9 load website ph\u1ea7n 1"},"content":{"rendered":"

C\u00e1c c\u00e1ch t\u0103ng t\u1ed1c \u0111\u1ed9 load website<\/strong><\/a> l\u00e0 g\u00ec? T\u00ecm hi\u1ec3u c\u00e1c c\u00e1ch ph\u1ed5 bi\u1ebfn hi\u1ec7n nay, \u0111\u1ec3 c\u00f3 cho m\u00ecnh nh\u1eefng s\u1ef1 l\u1ef1a ch\u1ecdn t\u1ed1i \u01b0u nh\u1ea5t \u0111\u1ec3 ph\u00e1t tri\u1ec3n website to\u00e0n di\u1ec7n.<\/p>\n

\"t\u0103ng<\/p>\n

1. X\u00f3a b\u1ecf b\u1edbt nh\u1eefng plugin v\u00e0 ti\u1ec7n \u00edch b\u1ed5 sung kh\u00f4ng c\u1ea7n thi\u1ebft<\/h2>\n

Ph\u01b0\u01a1ng ph\u00e1p \u0111\u1ea7u ti\u00ean d\u00f9ng \u0111\u1ec3 t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 website \u0111\u00f3 l\u00e0 lo\u1ea1i b\u1ecf b\u1edbt plugin. Trong tr\u01b0\u1eddng h\u1ee3p th\u1ea5y h\u1ec7 th\u1ed1ng m\u00e1y c\u1ee7a b\u1ea1n \u0111ang b\u1ecb qu\u00e1 \u0111\u1ea7y c\u00e1c plugin \u0111ang ch\u1ea1y l\u1ea1i c\u00f2n l\u00e0 nh\u1eefng plug in n\u1eb7ng n\u1eefa th\u00ec n\u00f3 s\u1ebd k\u00e9o t\u1ed1c \u0111\u1ed9 t\u1ea3i trang c\u1ee7a b\u1ea1n xu\u1ed1ng nhi\u1ec1u. \u0110\u1ed3ng th\u1eddi c\u00f2n g\u00e2y ra th\u00eam nh\u1eefng v\u1ea5n \u0111\u1ec1 b\u1ea3o m\u1eadt, gi\u1ea3m c\u1ea3 t\u00ednh an to\u00e0n c\u1ee7a website. V\u00ec th\u1ebf b\u1ea1n h\u00e3y x\u00f3a \u0111i nh\u1eefng plugin kh\u00f4ng c\u1ea7n thi\u1ebft ch\u1ec9 n\u00ean gi\u1eef l\u1ea1i nh\u1eefng plugin ch\u1ea5t l\u01b0\u1ee3ng, c\u1ea7n d\u00f9ng \u0111\u1ec3 t\u1eadp trung h\u1ed7 tr\u1ee3 c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 website.<\/p>\n

\u0110\u1ec3 ph\u00e1t hi\u1ec7n plugin ho\u1eb7c \u0111\u1ec3 ki\u1ec3m tra. T\u1ed1t nh\u1ea5t l\u00e0 c\u00e1c b\u1ea3n ki\u1ec3m tra t\u1ed1c \u0111\u1ed9 t\u1ea3i trang th\u00f4ng qua c\u00e1c c\u00f4ng c\u1ee5 nh\u01b0: GTMetrix, Google Pagespeed Insights. C\u00e1c c\u00f4ng c\u1ee5 s\u1ebd ti\u1ebfn h\u00e0nh ph\u00e2n t\u00edch t\u00ecnh tr\u1ea1ng, sau \u0111\u00f3 c\u00e1c b\u1ea1n truy c\u1eadp v\u00e0o danh s\u00e1ch plugin v\u00e0 t\u1eaft c\u00e1c plugin \u0111\u00f3 \u0111i. B\u1ea1n c\u0169ng n\u00ean ch\u1ea1y th\u1eed l\u1ea1i m\u00e1y \u0111\u1ec3 xem t\u00ecnh h\u00ecnh t\u1ed1c \u0111\u1ed9 t\u1ea3i trang web \u0111\u00e3 \u0111\u01b0\u1ee3c c\u1ea3i thi\u1ec7n hay ch\u01b0a.<\/p>\n

2. T\u1ed1i \u01b0u h\u00f3a m\u00e3 ngu\u1ed3n website t\u0103ng t\u1ed1c \u0111\u1ed9 load website<\/h2>\n

Vi\u1ec7c t\u1ed1i \u01b0u h\u00f3a m\u00e3 ngu\u1ed3n website c\u0169ng quan tr\u1ecdng ch\u1eb3ng k\u00e9m g\u00ec so v\u1edbi nh\u1eefng ph\u01b0\u01a1ng ph\u00e1p kh\u00e1c m\u00e0 ngu\u1ed3n c\u0169ng l\u00e0 m\u1ed9t trong nh\u1eefng nguy\u00ean nh\u00e2n g\u00e2y n\u00ean t\u00ecnh tr\u1ea1ng ch\u1eadm ch\u1ea1p cho website c\u1ee7a b\u1ea1n. B\u1ea1n c\u1ea7n ph\u1ea3i ch\u1ec9nh s\u1eeda, lo\u1ea1i b\u1ecf \u0111i nh\u1eefng y\u1ebfu t\u1ed1 kh\u00f4ng c\u1ea7n thi\u1ebft, gi\u1ea3m t\u1ea3i dung l\u01b0\u1ee3ng cho m\u00e3 ngu\u1ed3n.<\/p>\n

V\u1edbi WordPress<\/a>, th\u00ec b\u1ea1n s\u1eed d\u1ee5ng plugin Better WordPress Minify l\u00e0 c\u00f3 th\u1ec3 gi\u00fap t\u1ed1i \u01b0u h\u00f3a. N\u1ebfu b\u1ea1n kh\u00f4ng s\u1eed d\u1ee5ng CME, th\u00f4ng qua c\u00e1c c\u00f4ng c\u1ee5 ti\u1ec7n \u00edch nh\u01b0 Chrome c\u1ee7a Chrome Pagespeed Insights \u0111\u1ec3 t\u1ed1i \u01b0u m\u00e3 ngu\u1ed3n. Khi \u0111\u00f3, ch\u00fang s\u1ebd gi\u00fap b\u1ea1n t\u1ea1o ra c\u00e1c phi\u00ean b\u1ea3n thu nh\u1ecf code. Th\u00eam n\u1eefa s\u1eed d\u1ee5ng minify CSS v\u00e0 c\u00e1c t\u1eadp tin Javascript t\u1ed1t, c\u1ea3 khi c\u00e1c t\u1eadp CSS. Javascript \u1edf c\u00f9ng m\u1ed9t ch\u1ed7 c\u0169ng s\u1ebd v\u1eabn gi\u00fap t\u0103ng t\u1ed1c \u0111\u1ed9 truy c\u1eadp website l\u00ean r\u1ea5t t\u1ed1t.<\/p>\n

\"t\u0103ng<\/p>\n

3. T\u1ed1i \u01b0u h\u00f3a, gi\u1ea3m k\u00edch th\u01b0\u1edbc h\u00ecnh \u1ea3nh t\u0103ng t\u1ed1c \u0111\u1ed9 load website<\/h2>\n

\u1ea2nh l\u00e0 y\u1ebfu t\u1ed1 \u1ea3nh h\u01b0\u1edfng r\u1ea5t l\u1edbn \u0111\u1ebfn kh\u1ea3 n\u0103ng t\u0103ng t\u1ed1c \u0111\u1ed9 load trang web. Th\u1eed t\u01b0\u1edfng t\u01b0\u1ee3ng, website c\u1ee7a b\u1ea1n c\u00f3 r\u1ea5t nhi\u1ec1u \u1ea3nh, dung l\u01b0\u1ee3ng m\u1ed7i \u1ea3nh l\u1edbn, kh\u00f4ng \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u h\u00f3a. Th\u00ec ch\u1ec9 ri\u00eang n\u00f3 th\u00f4i \u0111\u00e3 ng\u1ed1n m\u1ed9t kho\u1ea3ng l\u1edbn t\u00e0i nguy\u00ean c\u1ee7a m\u00e1y r\u1ed3i. Ch\u00ednh v\u00ec th\u1ebf m\u00e0 b\u1ea1n c\u1ea7n x\u1eed l\u00fd l\u1ea1i ngay, t\u1ed1i \u01b0u h\u00f3a v\u00e0 gi\u1ea3m k\u00edch th\u01b0\u1edbc c\u1ee7a ch\u00fang \u0111i.<\/p>\n

H\u00e3y ki\u1ec3m tra chi ti\u1ebft ph\u1ea7n dung l\u01b0\u1ee3ng v\u00e0 k\u00edch th\u01b0\u1edbc \u1ea3nh tr\u00ean website c\u1ee7a b\u1ea1n n\u00ean c\u00f3 m\u1ed9t m\u1ee9c dung l\u01b0\u1ee3ng t\u1ed1i \u0111a \u0111\u1ec3 \u00e1p d\u1ee5ng cho c\u00e1c \u1ea3nh khi t\u1ea3i l\u00ean. V\u00ed d\u1ee5 nh\u01b0 ch\u1ec9 cho ph\u00e9p dung l\u01b0\u1ee3ng \u1ea3nh t\u1ed1i \u0111a l\u00e0 100Mb ch\u1eb3ng h\u1ea1n. V\u1eady th\u00ec m\u1ed7i khi c\u1ea7n \u0111\u0103ng t\u1ea3i \u1ea3nh b\u1ea1n s\u1ebd ph\u1ea3i th\u1ef1c hi\u1ec7n n\u00e9n \u1ea3nh, crop l\u1ea1i \u1ea3nh \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o v\u1eabn gi\u1ea3m dung l\u01b0\u1ee3ng nh\u01b0ng t\u00ednh th\u1ea9m m\u0129 \u0111\u01b0\u1ee3c gi\u1eef nguy\u00ean.<\/p>\n

V\u1edbi nh\u1eefng b\u1ea1n n\u00e0o \u0111ang s\u1eed d\u1ee5ng WordPress th\u00ec c\u00f3 th\u1ec3 tham kh\u1ea3o c\u00e0i \u0111\u1eb7t th\u00eam plugin WPSmush h\u1ed7 tr\u1ee3 t\u1ef1 \u0111\u1ed9ng gi\u1ea3m dung l\u01b0\u1ee3ng \u1ea3nh. Hay tr\u01b0\u1edbc khi mu\u1ed1n t\u1ea3i \u1ea3nh l\u00ean, check \u1ea3nh qua c\u00f4ng c\u1ee5 t\u00ean Tiny PNG c\u0169ng \u0111\u1ec3 gi\u1ea3m dung l\u01b0\u1ee3ng \u1ea3nh. M\u00e0 kh\u00f4ng l\u00e0m \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn ch\u1ea5t l\u01b0\u1ee3ng \u1ea3nh. Caesium c\u0169ng l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 n\u1ed5i ti\u1ebfng \u0111\u1ec3 n\u00e9n \u1ea3nh, \u0111\u1ed5i \u0111u\u00f4i \u1ea3nh JPG, PNG,\u2026 ch\u1ea5t l\u01b0\u1ee3ng nh\u00e9.<\/p>\n

\"t\u0103ng<\/p>\n

4. \u0110\u1ecbnh d\u1ea1ng h\u00ecnh \u1ea3nh.<\/h2>\n

Ch\u1ecdn \u0111u\u00f4i file \u1ea3nh l\u00e0 JPEG s\u1ebd t\u1ed1t nh\u1ea5t (PNG c\u0169ng t\u1ed1t, nh\u01b0ng m\u1ed9t s\u1ed1 tr\u00ecnh duy\u1ec7t kh\u00f4ng h\u1ed7 tr\u1ee3 \u0111\u1ea7y \u0111\u1ee7).<\/p>\n

Khi d\u00f9ng GIF th\u00ec GIF c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng v\u1edbi 10\u00d710 pixels, s\u1eed d\u1ee5ng 3 b\u1ea3ng m\u00e0u tr\u1edf xu\u1ed1ng.<\/p>\n

Kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng BMPs ho\u1eb7c TIFFs..<\/p>\n

5. Gi\u1ea3m thi\u1ec3u c\u00e1c y\u00eau c\u1ea7u c\u1ee7a HTTP<\/h2>\n

D\u1ef1a v\u00e0o c\u00e1c th\u1ed1ng k\u00ea th\u00ec ph\u1ea3i \u0111\u1ebfn 80% th\u1eddi gian t\u1ea3i trang l\u00e0 \u0111\u1ec3 load c\u00e1c y\u1ebfu t\u1ed1 c\u1ee7a website nh\u01b0: t\u1eadp l\u1ec7nh, h\u00ecnh \u1ea3nh, stylesheets, Flash\u2026 M\u1ed7i m\u1ed9t y\u00eau c\u1ea7u c\u1ee7a HTTP y\u00eau c\u1ea7u th\u1ef1c hi\u1ec7n c\u00e1c l\u1ec7nh n\u00e0y s\u1ebd l\u00e0m t\u0103ng th\u1eddi gian t\u1ea3i website.<\/p>\n

C\u00e1ch c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 trang web qua c\u00e1c thao t\u00e1c c\u01a1 b\u1ea3n d\u01b0\u1edbi \u0111\u00e2y:<\/p>\n