8

10+ bước để tăng tốc WordPress

Có rất nhiều nguyên nhân làm cho website chạy chậm. Bài viết này chỉ liệt kê một số cách tối ưu, hi vọng giúp đở được các bạn.

À quên trước khi tối ưu mình có vài lời.

Bạn đừng cố gắng tối ưu từng cái % giây. Chỉ cần load tạm tạm 2 – 3s là được. Mình đã check rất nhiều site nước ngoài: xấu, load chậm. Nhưng tóm lại vẫn top, vẫn được comment và share bạt ngàn. Vì họ có content tốt, có backlink xịn. Nếu bạn làm affiliate cho mấy bạn nước ngoài, mạng họ load siêu nhanh, tốc độ download luôn >10 mb/s.

Tóm lại nên tối ưu nhưng đừng quan trọng hoá vấn đề.

Kiểm tra tốc độ website

Để kiểm tra tốc độ load website nhanh hay chậm bạn vào 2 web sau đây

Những website nào check ra kết quả Page Load Time > 2s thì nên tối ưu lại tí

Lưu ý nếu website bạn đặt ở VN thì bạn cần đăng ký 1 acc gtmetrix để chọn server khi test là HongKong – thì kết quả sẽ chính xác hơn

1. Chọn Hosting ngon

Bản thân mình rất hạn chế xài hosting giá rẻ. Các website cá nhân & niche chính đều đặt trên VPS tự cấu hình riêng.

Nếu bạn hỏi hosting nào tốt nhất thì mình bó tay vì không xài hosting từ lâu. Tuy nhiên nếu bạn cần VPS ngon thì mình đang xài 3 cái, ngon nhất lần lượt theo thứ tự

  1. Linode
  2. Digitalocean
  3. Vultr

2. Chọn Theme xịn

Theme cũng làm một trong những yếu tố quan trọng quyết định tốc độ load của website.

Mình xài khá nhiều theme từ các nguồn khác nhau như

  • Themeforest -Có rất nhiều theme đẹp, rất đa dạng. Mình mua rất nhiều theme thuộc hàng Best Selling trên đây. Tuy nhiên, theo kinh nghiệm của bản thân, theme trên đây chưa được tối ưu hoá tốt, chắc 1 phần là do yêu cầu của khách hàng, thêm tính năng linh tinh nhiều nên khá nặng. Tất nhiên là có theme xịn nhá 😀
  • Mythemeshop – bản thân mình lúc trước không thích cho lắm. Tuy nhiên dạo gần đây check lại thấy khá ổn nên bắt đầu xài. Các plugin tính phí cũng rất OK -> Recommended 🙂
  • Genesis Framework – Mình ít xài, chỉ xài cho hệ thống vệ tinh. Giữa năm 2016 trở đi update khá nhiều theme đẹp
  • Thrivethemes – Tuyệt vời cho niche site 😀 , tối ưu & nâng cấp rất ok

3. Đưa ảnh về size chuẩn

Mỗi theme đều có kích thước chuẩn riêng. Bạn cần phải đưa ảnh về đúng kích thước chuẩn của theme. Như vậy tránh được tình trạng resize ảnh

Cài đặt plugin Regenerate Thumbnails. Sau đó vào

wp-admin/tools.php?page=regenerate-thumbnails

Để nó edit lại đúng chuẩn của theme. Nếu ảnh nhiều thì đợi khá lâu đấy

Bạn có thể xài plugin Force Regenerate Thumbnails mà bác tonnytran29 giới thiệu.

4. Nén dung lượng ảnh

Một trong những nguyên nhân website load chậm chính là dung lượng ảnh nặng

Cài đặt Plugin miễn phí Imagify.

Cài đặt xong vào đăng ký email & lấy API

Miễn phí 100Mb mỗi tháng, xài không đủ thì đăng ký thêm email rồi lấy API khác.

Cấu hình như hình. Sau đó Save & Go

Sau đó vào phần Bulk Optimization

wp-admin/tools.php?page=regenerate-thumbnails

Chọn Aggressive rồi Imagif’em all

Đợi tầm 2-3 phút nhé, nếu ảnh nhiều thì đợi lâu hơn tí.

Ngoài ra còn có các plugin khác tương tự

Riêng với Thrivethemes thì có sẳn tính năng nén ảnh rồi, ko cần xài cái này

5. Kiểm tra lại plugin

Disable toàn bộ Plugin không cần thiết cũng giúp tăng tốc website 😀

Bạn có thể cài thêm plugin P3 (Plugin Performance Profiler) để kiểm tra thông tin load time từng plugin.

Hãy cập nhật plugin & theme thường xuyên nếu bạn có thể

6. Tối ưu hoá Database

Do mình có kinh nghiệm nên mình vào thẳng phpAdmin để xoá các table không cần thiết do các plugin sinh ra sau khi cài đặt. Và web mình bị chết thường xuyên =)) Nhưng do mỗi người cài mỗi plugin & theme khác nhau. Rất khó để chỉ cho anh em làm ít bị lỗi. Thôi thì xài plugin tạm vậy

WP-Optimize – Miễn phí: dư xài cho anh em

WP Rocket: Nó là plugin Cache, tuy nhiên thêm phần tối ưu Database vào nên mình liệt kê ra luôn

7. Bật Cache cho WordPress

Bản thân mình thì mình xài cả 3 plugin Cache

Có phí thì tất nhiên là tốt hơn. Còn 2 plugin miễn phí còn lại thì gần như tương đương nhau. Về cách cấu hình từng cái thì mình không viết vì có nhiều người viết rồi. Bạn có thể tham khảo Google

Lưu ý chỉ chạy 1 trong 3, ông nào chạy luôn cả 3 thì mình cũng lạy (_ _")

8. Chạy CDN tăng tốc

Chạy CDN giúp giảm tải cho website. Tưởng tượng hosting bạn đang xài giống như cánh cửa nhà vậy, 2-3 người vào cùng lúc không sao, nhưng nếu 20-30 người cùng vào thì chật đường vào.

Mình đã viết 1 bài chi tiết về đánh giá & sử dụng KEYCDN

9. Tối ưu hoá giao diện trên Mobile

Tốt nhất là bỏ các phần không cần thiết, chỉ để khách vào đọc nội dung và quảng cáo thôi 😀

Để test website trên Mobile thì anh em dùng Chrome hoặc FireFox.

Chuột phải chọn Inspect trong Chrome, chọn Toggle device mode như hình

Ẩn bớt Widget không cần thiết

Vào Theme Options, kiếm phần Custom CSS chèn đoạn code này vào

@media only screen and (max-width:480px) {

.hide_on_mobile {

display: none !important;}

}

// Lưu ý, một số theme cần chữ !important ở cuối dùng code mới hoạt động, 1 số không

Cài đặt plugin Widget CSS Classes

Sau đó vào phần Widget, muốn ẩn Widget nào thì điền

hide_on_mobile

11. Tối ưu hoá ads

đang viết

12. Các thứ linh tinh khác

Mình gọi là các thứ linh tinh vì các bạn có thể làm hoặc không

Tắt pingbacks and trackbacks

Nâng cấp PHP 7

Cài đặt Google PageSpeed

Sử dụng DNS Cloudflare

Bật Gzip Compression & Disable Hotlinking

Lời kết

Như đã nói ở phần đầu, bạn nên tối ưu website, nhưng đừng quan trọng hoá vấn đề. Nên tập trung đi link white hat và content cho thật tốt vào.

Long Lê (ASMLeader)
 

Founder/CEO ASMLink. Với sứ mệnh là người bạn đồng hành của cộng đồng xây dựng Authority Website Việt Nam, mình và đội ngũ ASMLink đã và đang đồng hành cùng hơn 350 chủ website gia tăng lượng traffic và thu nhập của website. Hãy liên hệ với mình qua facebook ở dưới nếu bạn muốn trao đổi hay có bất kỳ câu hỏi gì, mình và đội ngũ ASM luôn sẵn sàng!!

Click Here to Leave a Comment Below 8 comments
Duy Nguyen - 29/11/2016

Bài viết rất chi tiết. Thank bác nhiều (y)

Reply
    Minh Khoa - 17/12/2016

    Yeah 😀
    Thank bác Duy

    Reply
Mr.Peace - 15/03/2017

Khoa ơi, cài WP-Optimize cho Genesis Theme thì có xung đột gì ko? Mình muốn hỏi lại Pro cho chắc trước khi cài 🙂
Thanks.

Reply
    Minh Khoa - 16/03/2017

    Không bác, vô tư đi 😀

    Reply
Mr.Peace - 23/03/2017

Khoa ơi,
Mình đã dùng Widget CSS Classes như hướng dẫn http://prntscr.com/ene3yn
Cơ mà widgets vẫn cứ hiện ra trên mobile như thường?
Mình đang gặp lỗi gì bạn nhỉ?

Reply
    Minh Khoa - 25/03/2017

    Chèn css vào chưa bác 😀

    Reply
Mr.Peace - 25/03/2017

Khoa à, ý bạn là cần phải chèn thêm đoạn code này à? http://prntscr.com/eoaona

Reply

Leave a Reply:

Live Chat