Tối ưu hóa tốc độ cho Wordpress!

by Misao on 02/06/2009

Liệu blog của bạn đã đạt tốc độ cao nhất chưa? Tốc độ load trang có nhanh hay không? Tốc độ khi truy cập là một trong những nhân tố chính tạo sự thiện cảm cho khách viếng thăm. Do vậy Misao nghĩ bạn nên dành thời gian để tu bổ/ tối ưu hóa trang web của mình. Trong bài viết này, tôi sẽ liệt kê một vài thủ thuật khác nhau giúp bạn tăng tốc cho blog Wordpress của mình.

Trước khi bắt đầu, tôi khuyên bạn nên đo tốc độ hiện tại website của mình sau đó mới áp dụng thủ thuật để thấy được sự thay đổi. :D

Làm sao để đo được tốc độ hiện tại  của website?

1, Tôi dùng YSlow để đo tốc độ load trang của một trang web. YSlow sẽ đánh giá toàn bộ trang web của bạn và đưa ra các gợi ý để giúp bạn nâng cao tốc độ dựa trên các quy tắc chuẩn của 1 trang web có tốc độ cao. YSlow là 1 add-on của Firefox và nó yêu cầu bạn phải có Firebug (một tiện ích phát triển website). Do vậy để dùng được Yslow bạn cần cài Firebug addon trước, sau đó mới cài YSlow addon.

website optimazation Tối ưu hóa tốc độ cho Wordpress!

Trang web trong hình cần 23 giây để load xong. Như vậy là rất chậm đúng không?  Một vài thủ thuật có thể giúp nó đạt tốc độ cao hơn!

2, Số lượng database queries mỗi khi load trang cũng ảnh hưởng đến tốc độ của website. Bạn có thể thêm dòng code sau vào footer theme để biết được số database queries của trang web bạn mỗi khi load:

<?php echo get_num_queries(); ?> queries in <?php timer_stop(1); ?>  seconds.

Hãy đảm bảo rằng không có một queries nào thừa/ không cần thiết.

3, Bạn cũng có thể dùng website speed tester để biết thời gian load website của bạn.

untitled 1 400x63 Tối ưu hóa tốc độ cho Wordpress!

Các thủ thuật tối ưu hóa tốc độ cho Wordpress – Cơ bản

  • Cập nhật lên Wordpress phiên bản mới nhất. (Bạn nên làm điều này cũng vì mục đích bảo mật nữa)
  • Dùng wp super cache Wordpress plugin.
  • Giảm tối thiểu các PHP queries không cần thiết. Ví dụ: thay vì dùng <?php get_bloginfo(’wpurl’); ?> bạn có thể thay luôn bằng url nơi bạn cài wordpress.
  • Chỉ load javascripts ở footer (Quy tắc vàng – CSS trên cùng, javascript dưới cùng)
  • Vô hiệu hóa các plugin không cần thiết hoặc không đem lại nhiều lợi ích cho website của bạn. (Xóa hẳn các plugin đó)
  • Tối ưu hóa Database từ myPhpAdmin. Bạn có thể dùng Optimize DB plugin để làm việc này.
  • Kiểm tra code theme của bạn (Chỉ dùng valid HTML code)
  • Tìm một nơi cung cấp host tốt.

Các thủ thuật tối ưu hóa Wordpress – Nâng cao

  • Giữ cho dung lượng các trang luôn nhỏ 100kb. Đừng dùng quá nhiều ảnh hoặc video trên 1 trang. Luôn nén các file ảnh cho phù hợp kích cỡ/dung lượng.
  • Gộp tất cả các files css vào làm một (1 file nặng 50kb load nhanh hơn rất nhiều 5 files nặng 10kb)
  • Gộp các  javascripts vào làm một.
  • Giảm số lượng truy vẫn tới PHP hoặc http (Dùng subdomains để giảm tải)
  • Dùng các sripts ngoài. Thay vì đặt hàng tá code vào trong header.php file, hãy đặt chúng ra ngoài. Điều này giúp trình duyệt cache các script đó và chúng sẽ không phải tải về mỗi khi load một trang mới.

Bạn có thể dùng PHP speedy Wordpress plugin để làm một số thủ thuật trên.

 Tối ưu hóa tốc độ cho Wordpress!

{ 1 trackback }

Tối ưu hóa tốc độ cho Wordpress! | VNRSS
22/06/2009 at 7:50 am

{ 26 comments… read them below or add one }

1 GaQuay 03/06/2009 at 6:04 am

hình như bác quên nói về wp-supercache

Reply

2 Misao 03/06/2009 at 6:48 am

Em có nói mà bác.:D

Reply

3 Việt 21/07/2010 at 2:13 am

“Bạn có thể dùng PHP speedy Wordpress plugin để làm một số thủ thuật trên.”

Anh có thể nói rõ hơn cách sử dụng PHP Speedy Plugin được ko ? em cài rồi mà chẳng hiểu sao , nó làm cho trang homepage của em thành blank page ?

Reply

4 Danh ba web 2.0 03/06/2009 at 11:04 am

Có thể thêm vài cách khác cũng hiệu quả như:
+ Sử dụng Smush.it để giảm kích thước ảnh 1 cách tốt nhất
+ Compress Javascript và CSS qua javascriptcompressor.com
+ Dùng Wordpress Gzip Plugin.
+ Một số trang khác: Mon.itor.us, Webload.org …

Reply

5 Minh 03/06/2009 at 1:32 pm

wp-supercache không chạy được trên shared host đâu. safe mode hết rồi.

Reply

6 Misao 03/06/2009 at 3:30 pm

Em đang chạy super-cache trên shared host đây bác.:D Trừ DreamHost ra còn lại em chưa thấy HP nào không chạy được super-cache.

Reply

7 chuyenly 03/06/2009 at 5:37 pm

:-? Em vẫn chạy Super-cache trên Dreamhost có sao đâu ?

Reply

8 Misao 03/06/2009 at 5:44 pm

À nếu bác dùng cái DreamHost Private Server ý thì có thể sẽ không chạy được super-cache.

Reply

9 GaQuay 03/06/2009 at 7:30 pm

@Misao: site bác cũng 300kb, chứ đâu dưới được 100kb đâu :D

Reply

10 Misao 03/06/2009 at 11:01 pm

Em check ở web speed test thì chỉ có 40-50kb thôi, bác check ở đâu vậy?

Reply

11 GaQuay 04/06/2009 at 6:32 am

thì em dùng YSlow với firebug mà bác giới thiệu mà >.<

Reply

12 Misao 04/06/2009 at 7:02 pm

À chắc em không xem kĩ cái YSlow, chỉ check qua web speed test thôi.

Reply

13 Tinh 11/06/2009 at 3:45 pm

Mình chạy cả wp-super cache va widget cache trên shared hosting của blue mà, nói chung tốt

Reply

14 Misao 11/06/2009 at 4:15 pm

Vâng, wp-super cache chạy tốt trên shared hosting mà chỉ trừ PS của Dreamhost thì có trục trặc thôi.

Reply

15 thucpt 15/06/2009 at 4:04 am

@Misao: tớ cũng đam mê lắm, nhưng mới chỉ là newbie thôi. :d
.-= Bài viết mới của thucpt´s blog ..Chèn video tự chơi nhạc vào blog =-.

Reply

16 aronvn 18/06/2009 at 6:34 pm

http://www.aronvn.co.cc/
misao co the gioi thieu 1 so host load nhanh dc o

Reply

17 aronvn 20/06/2009 at 11:46 pm

mình add link misao rồi

Reply

18 vzin 28/07/2009 at 10:02 pm

Mình muốn liên kết site của bạn với site mình được không zây.

Reply

19 Misao 28/07/2009 at 10:15 pm

Chào bác,

Bác add site em vào nhé rồi em sẽ add site bác lại.

Thân.

Reply

20 vzin 28/07/2009 at 10:35 pm

Mình add của bạn rồi đó. Bạn vào http://vzin.net để xem nha. Bạn ghi blog mình là blog Chia sẻ nha

Reply

21 vzin 28/07/2009 at 10:46 pm

Bạn misao ơi cho mình hỏi Reply của bạn có sử dụng plugin gì ko zậy.
Cái Reply của mình ko có giống của bạn nó cứ nằm trên một đường thẳng ấy.

Reply

22 Misao 29/07/2009 at 12:57 am

Mình không dùng plugin gì cả bạn ạ. Bạn chỉ cần bật tính năng nested comment có trong Discussion là được. Tuy nhiên theme của bạn cần hỗ trợ nested comment thì mới thấy.

Reply

23 vzin 29/07/2009 at 10:56 am

Ok mình làm được rồi. Thank bạn nhìu^^

Reply

24 nghiadoi 30/11/2009 at 10:37 pm

em đang gặp rắc rối với cái super cache bác misao ạ.
em xóa nó đi thì bị lỗi sau
http://c.upanh.com/uploads/25-Nov-2009/fdjpr3ryvqp8ljm7nr0v.png

bác giúp em với nhé :D

Reply

25 kaka 06/03/2010 at 9:45 am

Bài viết của bạn khá hay và tương đối đầy đủ. Nhưng mình thấy trang web của bạn chưa có nén dữ liệu HTML trước khi tải về (Encoding: Gzip). Một số Gzip Plugin cho WP chỉ nén HTML xuất ra từ PHP, 1 số ít nén luôn CSS và JS. Tốt nhất, nếu Apache đã enabled mod_deflate (kĩ thuật nén trên Apache 2.0 tương tự gzip) hoặc bạn có quyền cấu hình Apache thì nên nén thông qua web server, vì đôi khi Plugin xuất Header không tối ưu cho việc Cache và Re-Validate

Reply

26 wanlun 18/03/2010 at 11:29 pm

Bài viết rất hay. nút thank ở đâu nhỉ :P

Reply

Leave a Comment

:alien: :angel: :angry: :blink: :blush: :cheerful: :cool: :cwy: :devil: :dizzy: :ermm: :face: :getlost: :biggrin: :happy: :heart: :kissing: :lol: :ninja: :pinch: :pouty: :sad: :shocked: :sick: :sideways: :silly: :sleeping: :smile: :tongue: :unsure: :w00t: :wassat: :whistle: :wink: :wub:

Previous post:

Next post: