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
Và bài viết này mình sẽ tổng hợp lại một số phương pháp khá hay mà mình đã sưu tập được mọi người tham khảo nhé.
1. 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
2. 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.
3. 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.
- 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
3.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
vào file header.php của theme
4. 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à :
Truy cập http://bbit.vn/toi-uu-css.php
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.
5. 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à :
Truy cập http://bbit.vn/toi-uu-css.php
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.
6. 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
Tham khảo: Plugin resize ảnh theo trình duyệt – Hammy
7. Đư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.
8. Đư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
9. Đặ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.