20 cách TĂNG TỐC WordPress toàn diện từ A – Z

Jul 26

Tăng tốc WordPress là 1 trong những yếu tố cực kỳ quan trọng trong tối ưu SEO Onpage. 

Xem thêm: SEO Onpage: Checklist 16 Yếu tố Hiệu quả nhất 2019

Sau đây là 20 cách tăng tốc WordPress toàn tập từ A - Z giúp bạn thoát khỏi tình trạng "xoay tròn đều".

Người dùng có xu hướng bỏ website của bạn nếu nó tải chậm hơn 3s. 

Tăng tốc WordPress

Điều này làm giảm lưu lượng truy cập & doanh số bán hàng của bạn.

Thêm: Amazon tính toán rằng họ sẽ mất khoảng 1,6 tỉ USD nếu website tải chậm hơn 1s.

Nó còn làm tăng tỷ lệ thoát trang (bounce rate) và về lâu dài là giảm thứ hạng từ khóa.

Cách kiểm tra tốc độ website hiện tại

Có thể bạn đang nghĩ website của bạn đang "tạm ổn" nên không cần kiểm tra làm gì.

Vì mỗi lần bạn vào website của chính mình thì thấy tải rất nhanh.

Có thể đó không phải là "lần đầu" của bạn.

Vì từ lần thứ hai bạn vào website của mình thì trình duyệt sẽ tự động tải từ bộ nhớ đệm chứ không phải từ host nữa.

Tăng tốc website WordPress

Nhưng khi người khác lần đầu vào website của bạn có lẽ sẽ không có được trải nghiệm tương tự.

Đó là lý do mà bạn cần 1 công cụ kiểm tra tốc độ từ nhiều nơi khác nhau. GTMetrix hay Pingdom sẽ giúp bạn làm điều đó.

Để "khách quan" hơn, bạn hãy mở cửa sổ ẩn danh (Chrome: Ctrl + Shift + N) hoặc cửa sổ khách và tiến hành kiểm tra.

Đối với GTMetrix, bạn nên tạo 1 tài khoản miễn phí sau đó cài đặt test server tại nơi gần với người dùng của bạn nhất.

Tăng tốc WordPress

Ví dụ blog này của mình viết bằng tiếng Việt dành cho người VN nên mình sẽ cài test server đặt tại Hồng Công.

Còn nếu blog của bạn dành cho thị trường Mỹ thì có thể chọn server Dallas, USA.

Đối với Pingdom bạn cũng chọn server gần nhất mà test.

Tăng tốc WordPress

Tuy nhiên, khi test ở Pingdom có thể nó sẽ bắt lỗi nén GZIP nếu bạn có kích hoạt nén Brotli trên Cloudflare.

Tăng tốc WordPress

Bạn nên kiểm tra tốc độ trước và sau khi áp dụng 20 cách tăng tốc WordPress dưới đây để so sánh.

Note: Ngoài trang chủ ra bạn nên check 2 - 3 bài viết nữa nhé.

20 cách tăng tốc WordPress hiệu quả

#1. Bật nén GZIP

Nén GZIP (GZIP compression) là 1 phương thức nén các tập tin trước khi gửi đến trình duyệt của người dùng làm cho tốc độ lan truyền dữ liệu nhanh hơn.

Bật nén GZIP có thể giảm đến 70% dung lượng website của bạn.

Đầu tiên bạn vào website sau https://smallseotools.com/check-gzip-compression/ để kiểm tra trước.

Để bật nén GZIP, bạn chèn đoạn mã sau vào file .htaccess trong thư mục gốc của website:

Note: Luôn luôn backup file .htaccess trước khi làm vì nếu thao tác sai website của bạn sẽ không chạy được

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

Sau đó thì vào lại website trên để kiểm tra xem GZIP đã được bật (enable) hay chưa.

Nếu có chữ enable như ở dưới tức là đã được bật.

Cách tăng tốc WordPress

Như bạn thấy GZIP đã tiết kiệm được cho website của mình lên đến 80% kích thước (từ 86 KB xuống còn hơn 17 KB).

#2. Tối ưu hình ảnh WordPress

Bạn thử nghĩ thế này, nếu bạn đang "quần là áo lượt" mà lỡ chó nó rượt thì bạn có chạy nhanh được không?

Chắc chắn là không rồi! Website của bạn cũng tương tự như vậy.

Hình ảnh làm cho trang web rất sặc sỡ, cuốn hút nhưng nó cũng làm website tải chậm không kém.

Tăng tốc WordPress

Nếu bạn làm giảm kích thước hình ảnh quá đà thì hình ảnh sẽ bị vỡ, bị nhòe. Vì vậy cân bằng giữa kích thước và chất lượng hình ảnh luôn là vấn đề rất khó.

Tuy nhiên có 2 việc mà bạn có thể làm đó là:

  • Ngăn WordPress tự tạo ra những kích thước ảnh khác nhau

Phần lớn trong số này bạn sẽ không bao giờ dùng đến. Bạn có thể dễ dàng tắt tính năng này trong bài tối ưu hình ảnh WordPress toàn tập của mình.

#3. Nâng cấp PHP lên version 7.3

Trong bài WordPress là gì mình đã có nói về các thành phần cấu tạo nên WordPress trong đó có ngôn ngữ lập trình PHP.

Tại thời điểm mình đang viết bài này thì PHP phiên bản mới nhất đang là 7.3.7 và có rất nhiều website ngoài kia đang chạy PHP 5.6.

Thêm: Sau hơn 10 năm chờ đợi thì PHP nhảy từ version 5.6 lên 7.0 mà không có các version 6.xx

Theo 1 nghiên cứu của Kinsta thì số lượng request mà PHP 7.3 có thể xử lý được trong 1 giây là cao gần gấp 3 lần so với PHP 5.6.

Tăng tốc WordPress

WordPress 5.0 PHP benchmarks | Kinsta

Vì vậy hãy nâng cấp PHP của bạn lên phiên bản 7.3 ngay hôm nay (ít nhất là 7.0).

#4. Sử dụng 1 plugin cache

Cache (bộ nhớ đệm) là dữ liệu được lưu trữ tạm thời giúp truy cập nhanh hơn.

Cache plugin giúp bạn tạo ra những tập HTML tĩnh của website và lưu nó trên server.

Tăng tốc WordPress

Mỗi lần người dùng truy cập website của bạn, nó sẽ lấy những tập HTML nhẹ này thay vì phải tiến hành quá trình xử lý nặng hơn như ban đầu.

Mình đang sử dụng WP Rocket (trả phí) để tạo cache nhưng bạn có thể tham khảo các plugin cache miễn phí khác.

Xem thêm:  Cài đặt WP Rocket để tăng tốc website như tên lửa

Note: Khi sử dụng plugin tạo cache, nếu bạn thay đổi gì đó mà nhấn F5 không thấy gì cả thì phải vào plugin đó xóa (clear) cache đi nhé

#5. Cân nhắc sử dụng CDN

CDN (Content Delivery Network) - mạng phân phối nội dung là hệ thống các server đặt rải rác nhiều nơi trên thế giới để phân phối nội dung đến người dùng nhanh hơn.

Bạn cứ tạm hiểu nó như là kho hàng của các công ty đa quốc gia đi.

Tăng tốc WordPress bằng Cloudflare

Ví dụ bạn có 1 website mà hosting đặt tại Mỹ và nhắm đến người dùng tại châu Âu thì có thể sử dụng CDN để lưu trữ & phân phối nội dung từ các server ở châu Âu.

Có rất nhiều CDN trả phí như MaxCDN, KeyCDN, StackPath nhưng bạn có thể sử dụng dịch vụ CDN miễn phí từ Cloudflare.

Xem thêm: Cloudflare là gì? Hướng dẫn đăng ký Cloudflare

#6. Giảm thiểu CSS, HTML & Javascript

Bất kỳ ai không biết gì về code như mình mà nghe đến cái "đống" này là nhức đầu rồi.

Tuy nhiên nếu bạn cũng như vậy thì không cần quá lo lắng vì hầu hết các plugin tạo cache như ở trên sẽ giúp bạn.

Bạn chỉ cần tick vào mục nào mà bạn muốn. Ở Cloudflare cũng có tính năng tương tự như vậy.

Một plugin khác cũng rất nổi tiếng mà bạn có thể tham khảo đó là Autopimize.

#7. Xóa theme & plugin không dùng

Ở bài bảo mật WordPress, mình có nhắc đến việc xóa theme & plugin nhưng mà vì lý do an toàn.

Nay thì bạn còn nên xóa vì lý do tốc độ nữa. Vì một website nặng thì không thể nào nhanh được. Hơn nữa nó sẽ làm cho việc backup & phục hồi khó khăn hơn.

Note: Luôn giữ lại 1 theme mặc định của WordPress.

Lý do: Nếu theme chính của bạn gặp vấn đề, nó sẽ tự động chuyển qua theme mặc định (mang tính dự phòng)

#8. Sử dụng Lazy Load tăng tốc WordPress

Lazy load (tải lười) có nghĩa là khi người dùng đọc đến đâu thì hình ảnh / video mới hiện ra đến đấy chứ không tải trước nữa (lười).

Lazy Load

Vì vậy nó làm tăng tốc độ tải trang của bạn.

Nếu bạn sử dụng WP Rocket thì sẽ có sẵn lazy load như 1 tính năng của plugin này. Họ cũng tách riêng ra 1 plugin miễn phí là Lazy Load by WP Rocket.

Ngoài ra bạn có thể sử dụng các plugin khác như là a3 Lazy Load hay BJ Lazy Load...

#9. Lưu trữ Google Fonts trên host

Thường thì các theme trả phí sẽ cho bạn rất nhiều tính năng để xứng với "đồng tiền bát gạo" và tha hồ lựa chọn Google Fonts là 1 trong số đó.

Mỗi lần tải trang là website của bạn lại phải kéo "một rừng" font từ Google về làm cho nó load chậm hơn.

Do đó bạn nên cân nhắc lựa chọn 1 vài font yêu thích và lưu trữ nó trên host của bạn thay vì phải tải về từ Google.

Google Fonts

1 Google Fonts mà mình rất thích | Image: Graphiq

Có rất nhều hướng dẫn giúp bạn làm được việc này. Cái khó ở đây là sau khi làm rồi thì phải ngăn nó tải từ Google vì nếu không thì cũng không có tác dụng.

Tuy nhiên những plugin như Disable Google Fonts hay tính năng xóa Google font của Autoptimize chỉ hoạt động hiệu quả trên các theme mặc định hoặc đơn giản.

Đối với các theme premium bạn nên liên hệ support (nếu có bản quyền) để xin hỗ trợ cách xóa Google font.

#10. Lựa chọn web server & hosting

Lựa chọn hosting là vấn đề khá "nhạy cảm" vì nó liên quan đến kinh phí của bạn.

Khi lượng truy cập đã đủ lớn và có thu nhập từ nó bạn nên cân nhắc sử dụng gói hosting cao cấp hơn.

Và chúng ta cần quan tâm đến web server của các hosting này nữa.

Hiện tại theo mình biết thì có 3 loại web server đó là Apache, Nginx & LiteSpeed.

Một nghiên cứu của LiteSpeed (100 user, with keep-alive)

Web server + cache

Theo đó LiteSpeed web server (LSWS) + LiteSpeed cache đang được nhiều người ca ngợi là "cặp đôi hoàn hảo" để tăng tốc WordPress.

Do đó bạn có thể chọn hosting & web server có LiteSpeed để trải nghiệm.

#11. Làm sạch database

Database (cơ sở dữ liệu) cũng là 1 trong những thành tố của WordPress.

Tất cả những gì bạn từng làm trên website của mình đều được lưu lại trên database ví dụ như cài và xóa plugin...

Do đó bạn nên dọn sạch database của mình ngay hôm nay.

Note: Luôn backup website hoặc database trước khi dọn dẹp. Các plugin backup WordPress sẽ giúp bạn làm điều đó.

Đây là 1 tính năng có sẵn trên WP Rocket. Ngoài ra bạn có thể sử dụng plugin WP-Optimize.

#12. Cập nhật WordPress + theme + plugin

"Trên đời này không có gì là hoàn hảo cả" và WordPress cũng không phải là ngoại lệ.

Vì vậy họ luôn tung ra các phiên bản mới nhằm bảo mật và tối ưu tốc độ tốt hơn.

Đối với theme & plugin cũng vậy.

Hãy đảm bảo bạn luôn cập nhật chúng sớm nhất có thể hoặc sử dụng tính năng cập nhật tự động.

#13. Không upload video trực tiếp lên website

Việc upload video trực tiếp lên website của bạn sẽ khiến:

  • Hosting nhìn bạn không mấy thiện cảm mặc dù họ nói là băng thông "không giới hạn"
  • Việc backup & phục hồi website khó khăn hơn
  • Website của bạn tải chậm hơn

Vì vậy bạn nên upload video lên YouTube, Vimeo và nhúng chúng vào website của bạn.

#14. Gới hạn post revision

Mỗi khi bạn lưu 1 bản nháp hay cập nhật bài viết cũ sẽ tạo nên 1 revision (bản xem lại).

Nếu bạn sửa bài viết đó 100 lần sẽ tạo ra 100 revision và làm nặng trang web của bạn.

Vì vậy bạn nên giới hạn nó lại theo bài viết tối ưu WordPress.

#15. Vô hiệu hóa hot-linking

Hot-linking tạm hiểu là ai đó liên kết trực tiếp đến website của bạn (chủ yếu là hình ảnh) thay vì sử dụng hosting của họ.

Ngoài việc "ăn cắp" băng thông ra thì việc này còn làm chậm website của bạn.

Lấy lại ví dụ lúc đầu, bạn cứ tưởng tượng như việc đang bị chó rượt mà phải cõng thêm thằng bạn vậy.

Để disable (vô hiệu hóa) hot-linking bạn chèn đoạn mã sau vào file .htaccess:

RewriteEngine on 
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourdomain.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?bing.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yahoo.com [NC]
RewriteRule \.(jpg|jpeg|png|gif|svg)$ http://dropbox.com/hotlink-placeholder.jpg [NC,R,L]

Thay yourdomain.com bằng tên miền của bạn. 

Bạn cũng có thể làm nó trong Cloudflare.

Note: Nếu bạn sử dụng plugin chia sẻ mạng xã hội tự động thì việc vô hiệu hóa hot-linking có thể khiến plugin này không hoạt động được

#16. Loại bỏ Query String

Query string (chuỗi truy vấn) là phần đằng sau URL bắt đầu bằng ? hoặc &.

Mục đích của nó là tải những nội dung mới nhất sau khi chỉnh sửa (nếu có) mà khi bị lưu cache không thấy được.

Tuy nhiên nó làm tăng tốc độ tải trang lên. 

Bạn có thể loại bỏ query string bằng cách chèn đoạn mã sau vào file function.php trong theme (hoặc child theme).

function remove_query_strings() {
if(!is_admin()) {
add_filter('script_loader_src', 'remove_query_strings_split', 15);
add_filter('style_loader_src', 'remove_query_strings_split', 15);
}
}

function remove_query_strings_split($src){
$output = preg_split("/(&ver|\?ver)/", $src);
return $output[0];
}
add_action('init', 'remove_query_strings');

WP Rocket cũng có tính năng này.

#17. Vô hiệu hóa pingbacks & trackbacks

Đây là tính năng của WordPress thông báo cho bạn mỗi khi nhận được link từ nơi khác trỏ về.

Tuy nhiên bạn có thể sử dụng Google Search Console để làm việc này.

Để vô hiệu hóa pingbacks & trackbacks bạn làm theo hướng dẫn trong bài tối ưu WordPress.

#18. Kiểm soát Heartbeat

WordPress "tương tác" với server của bạn theo 1 tần suất nào đó.

Việc "nhịp tim" này đập quá nhanh sẽ ảnh hưởng đến việc tăng tốc website của bạn nhất là khi bạn thường xuyên làm việc trên website của mình.

Bạn có thể điều chỉnh Heartbeat trong WP Rocket hoặc 1 plugin miễn phí của chính họ là Heartbeat Control.

#19. Sửa các liên kết bị hỏng

Khi bạn "táy máy" thay đổi permalink hay xóa bài viết sẽ gây ra lỗi 404 và ít nhiều ảnh hưởng đến tốc độ của website.

Lỗi 404

Vì vậy bạn nên sửa các liên kết bị hỏng sớm nhất có thể.

Xem thêm: Lỗi 404 là gì? Làm sao để sửa lỗi 404

#20. Vô hiệu hóa RSS Feed

RSS Feed là 1 tính năng khá hay nhưng ở VN thấy ít ai dùng mà có dùng thì cũng vào mục đích xấu như việc sao chép bài viết hàng loạt.

Để vô hiệu hóa RSS Feed và chuyển hướng về trang chủ bạn thêm đoạn mã sau vào file function.php trong child theme:

/** * Chuyển hướng về trang chủ khi người dùng truy cập vào RSS Feed. */
function disable_feeds() {
wp_redirect( home_url() );
die;
}

// Disable global RSS, RDF & Atom feeds.
add_action( 'do_feed', 'disable_feeds', -1 );
add_action( 'do_feed_rdf', 'disable_feeds', -1 );
add_action( 'do_feed_rss', 'disable_feeds', -1 );
add_action( 'do_feed_rss2', 'disable_feeds', -1 );
add_action( 'do_feed_atom', 'disable_feeds', -1 );

// Disable comment feeds.
add_action( 'do_feed_rss2_comments', 'disable_feeds', -1 );
add_action( 'do_feed_atom_comments', 'disable_feeds', -1 );

// Prevent feed links from being inserted in the <head> of the page.
add_action( 'feed_links_show_posts_feed', '__return_false', -1 );
add_action( 'feed_links_show_comments_feed', '__return_false', -1 );
remove_action( 'wp_head', 'feed_links', 2 );
remove_action( 'wp_head', 'feed_links_extra', 3 );

Note: Một số đoạn code khác mà bạn tìm thấy trên mạng có thể gây ra lỗi 500

Như vậy là mình vừa đi qua lý do tại sao bạn nên tăng tốc WordPress và 20 cách tăng tốc WordPress toàn diện từ A - Z.

Chúc bạn thành công!

Bình luận

avatar

Pin It on Pinterest

Share This