Thứ Tư, 25 tháng 9, 2013

Tăng tốc độ load wordpress

Như bạn biết lợi  ích của tăng tốc wordpress:
  • Đầu tiên là load nhanh, tránh gây cảm giác chờ đợi lâu cho người dùng
  • Giảm được băng thông lãng phí
  • Được các search engine đánh giá cao
Hôm nay mình xin chia sẻ một số phương pháp khá hay mà mình sưu tầm được.
huong dan tang toc wordpress

TẮT ETAG

HTTP ETag có tác dụng xác nhận lại bộ nhớ đệm cache trên máy của người dùng và từ server có trùng với nhau hay không, thực sự nó không cần thiết lắm và ta có thể bỏ qua bằng cách thêm vào file .htaccess
1
2
3
4
#BEGIN ETAG
 Header unset ETag
 FileETag None
 #END ETAG

CLEAN UP THE <HEAD>

Hide RSD Links và Hide WLW Manifest Links tại header wordpress, việc này giúp tăng tốc load web khá hiệu quả. Bạn có thể sử dụng Seo by Yoast plugin để làm việc này.

TĂNG TỐC WEBSITE VỚI PAGESPEED MODULE APACHE VÀ NGINX

PageSpeed là một sản phẩm của Google và khi mới ra mắt google chỉ phát triển module cho apache và có tên gọi là mod_pagespeed mình đã có hướng dẫn cài đặt mod_pagespeed cho apache rồi tuy nhiên hiện nay google đã ra phiên bản mới và hỗ trợ cho cả nginx và có tên module là ngx_pagespeed
mod_pagespeed/ngx_pagespeed là một mã nguồn mở cho Apache/nginx nó tự động tối ưu hóa website để cải thiện hiệu xuất tốt hơn cho website của bạn
Các tính năng của ngx_pagespeed
  • Tối ưu hóa ảnh: stripping meta-data, dynamic resizing, recompression
  • Tối ưu CSS & JavaScript, concatenation, inlining, and outlining
  • Small resource inlining
  • Deferring image and JavaScript loading
  • HTML rewriting
  • Cache lifetime extension
  • and more
p/s bạn dùng server hoặc vps mới sài được nhé :))

TĂNG TỐC WEBSITE BẰNG CÁCH NÉN HTML VỚI BBIT COMPRESS

Bbit Compress là một script php với chức năng nén code html để:
-Tăng tốc tải trang
-Tiết kiệm băng thông
-Thân thiện cho seo
Chức năng:
-Nén CSS
-Nén JS
-Nén code HTML
-Gỡ comment trong code ở đầu ra
-Tăng độ bảo mật cho web
-Thân thiện cho seo
-Tăng tốc website đáng kể
-Tiết kiệm băng thông
-Không cần phải chỉnh sửa code thực
Cài đặt
Sao chép tệp tin bbit-compress.php vào thư mục theme đang sử dụng, sau đó thêm đoạn code
1
<?php include('bbit-compress.php'); ?>
vào file header.php của theme
Tăng tốc wordpress từ a to z (phần 2)
Trước
Tăng tốc wordpress từ a to z (phần 2)
Sau

NÉN CSS3

Như ở phần 1, công cụ cleancss chỉ dùng cho css2.1 trở xuống, css3 dùng sẽ bị lỗi theo như mình đã test. Cách mới sẽ là :
Copy nội dung của các file CSS có trong website vào và nhấn Tối ưu hóa, và bạn sẽ nhận được một code CSS mới, kèm theo đó là nó sẽ cho bạn biết đã được giảm xuống bao nhiêu phần trăm so với kích thước cũ. Bây giờ bạn chỉ việc copy đoạn CSS mới đó vào file ban nãy bạn copy để thay thế là được.
Ngoài ra bạn hãy tìm những phần class không sử dụng và bỏ đi cho nhẹ bớt file css

KHAI BÁO KÍCH THƯỚC HÌNH ẢNH

Khi sử dụng hình ảnh trong theme, đừng quên khai báo kích thước ảnh. Việc này sẽ giúp cho trình duyệt không cần tính toán nữa và đương nhiên sẽ giảm được thời gian phản hồi của website
Thay vì
1
<img alt="<a href="http://thachpham.com/wordpress/wordpress-tutorials/huong-dan-tang-toc-wordpress.html" title="Hướng dẫn tăng tốc WordPress từ A đến Z">Hướng dẫn tăng tốc WordPress từ A đến Z</a>" src="http://thachpham.com/wp-content/uploads/2013/08/Untitled2.png">
Hãy dùng
1
<img alt="Hướng dẫn tăng tốc WordPress từ A đến Z" src="http://thachpham.com/wp-content/uploads/2013/08/Untitled2.png" width="487" height="232">

ĐƯA CSS LÊN ĐẦU

Trong quá trình theo dõi, nghiên cứu tối ưu hóa Yahoo!, những nhà phát triển đã phát hiện ra rằng đặt CSS ở trên cùng sẽ giúp website hiển thị nhanh và tốt hơn đặc biệt trong trường hợp website của bạn lớn và có nhiều đối tượng được đặt ở trên đó.
Trường hợp nếu bạn đặt ở giữa hoặc ở cuối thì trình duyệt sẽ sử dụng giao diện mặc định sau đó đổi chúng lại khi tải xong CSS của bạn. Như vậy việc xử lí sẽ gia tăng và dĩ nhiên là tốc độ sẽ giảm xuống rất nhiều. Bên cạnh đó, người dùng sẽ cảm thấy khó chịu vì họ sẽ phải nhìn một trang web chưa có định dạng gì khi truy cập. Đặc biệt một số phiên bản trình duyệt còn cấm việc đặt CSS ở dưới cùng.

ĐƯA JS XUỐNG CUỐI

Thông thường Scripts chỉ nên đặt trên dùng nếu ảnh hưởng của nó bao quát toàn trang mà thôi. Còn nếu không Yahoo khuyên bạn nên để dưới cùng của trang đối với những mục đích không quan trọng lắm (thống kê, hiệu ứng…).
Trường hợp bạn dùng Scripts cho một đối tượng thì bạn nên đặt Scripts lên trên đối tượng đó (nếu có thể) thay vì bạn để nó vào thẻ như nhiều trang đã hướng dẫn.
Cài plugin: Javascript to Footer

ĐẶT JS VÀ CSS Ở BÊN NGOÀI

Có khi mình tự đặt câu hỏi là việc chèn Javascripts và CSS thẳng hay để liên kết bên ngoài tốt hơn? Câu trả lời của Yahoo ở đây là nên để liên kết bên ngoài. Vì một lí do đơn giản những file đó sẽ được cache lại ở phía trình duyệt. Về phía người dùng họ sẽ không phải tải lại chúng lần nữa giảm được băng thông cho cả họ và server. Đồng thời tăng tốc duyệt trang web.


Tất cả những bài hướng dẫn tăng tốc WordPress tại blog mình đều chỉ là phương thức tham khảo và làm giải pháp cho các website sử dụng host có tốc độ cao nhưng vì nhiều lý do chủ quan dẫn tới tốc độ bị ảnh hưởng chậm lại. Nhưng nếu bạn đang dùng host có tốc độ không tốt (iPage, FatCow, Godaddy,…) thì dù bạn tối ưu thế nào thì nó vẫn không thể vượt qua khỏi giới hạn của nó. Vì vậy điều đầu tiên bạn cần nên biết đó là nếu muốn tốc độ tải trang tốt, hãy dùng các hosting chất lượng cao.

Tìm ở Google

  • cac buoc can lam voi file config
  • tăng tốc website
  • code hien thi link cua thu muc cho wap wordpress
  • cu lRn z
  • gia pha manh toc wordpress
  • lấy link amazon
  • tối ưu hóa tốc độ
  • xóa footer





Người đăng: vào lúc
Nhãn: , ,

Không có nhận xét nào:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)