Theo KissMetrics, 47% người dùng hi vọng website của bạn tải trong 2 giây hoặc ít hơn.
Từ lâu Google đã tuyên bố rõ ràng tốc độ website là một trong 200 yếu tố xếp hạng kết quả tìm kiếm. Matt Cutts từ Google đã giải thích rõ trong video này.
Neil Patel, một bậc thầy về marketing trong một bài viết đã chứng mình thời gian tải website có ảnh hưởng đến ranking trong Google.
Brian Deal, chuyên gia SEO hàng đầu thế giới, trong bài viết nổi tiếng của mình cũng đã chứng mình rằng Page Loading Speed là yếu tố ranking mà 2 bộ tìm kiếm hàng đầu, Google và Bing, đang sử dụng.
Rõ ràng, tốc độ website là một yếu tố quan trọng góp phần tạo nên một website thành công. Một website có tốc độ rùa bò khó có thể thành công. Bởi cả người dùng và bộ máy tìm kiếm đều tránh xa những trang web như vậy. Bất kể nội dung của nó có tuyệt vời như thế nào.
Hôm nay, chúng ta cùng xem xét tất cả những cách giúp bạn tăng tốc độ website WordPress. Với những cách chia sẻ trong bài viết này chắc chắn tốc độ website của bạn sẽ cải thiện nên rất nhiều.
Hosting và themes là những yếu tố tiền đề để có một website có tốc độ tối ưu.
Về hosting bạn có thể tham khảo Hawk Host. Dịch vụ hosting có nhiều tính năng mạnh mẽ cho tốc độ rất tốt. Bạn có thể tham khảo series bài viết về Hawk Host của mình về dịch vụ hosting ở đây.
Một sự lựa chọn khác là A2 Hosting.. A2 Hosting nổi bật ở khả năng uptime thực tế cao như cam kết (99.9%), tính bảo mật tốt, và server cũng hỗ trợ nhiều tính năng cache cho tốc độ nhanh. Xem bài đánh giá của mình để biết thêm chi tiết.
Về theme bạn nên chọn theme có thiết kế đơn giản và code tốt. Ví dụ như các theme sử dụng framework Genenis hay theme từ MyThemeShop.
Chắc chắn bạn sử dụng công cụ GTMetrix hay Pingdom test các trang demo trước khi quyết định sử dụng bất kỳ theme nào. Cũng đừng quên công cụ test dữ liệu có cấu trúc của Goolge để đảm bảo theme structured data chuẩn.
Nếu bạn chưa biết về Structured data và tầm quan trọng của nó với SEO, đọc bài viết này.
Trước khi đi vào những thủ thuật tăng tốc website, mình muốn show một vài kết quả tăng tốc cho một website demo gần đây của mình sử dụng GTMetrix và Pingdom.
Đọc thêm: Hướng dẫn chi tiết cách giám sát website WordPress
Kết quả trên GTMetrix trước khi tối ưu
Tốc độ sau khi tối ưu
Bây giờ, chúng ta cùng đi vào các thủ thuật tăng tốc WordPress.
1. Xóa plugin không sử dụng
Mỗi plugin bạn cài đặt sẽ tăng thời gian tải của trang web. Do vậy, bạn hãy xóa bớt các plugin bạn không cần đến. Chú ý bạn nếu bạn đã deactive một plugin, hãy xóa nó luôn. Điều này giúp trang web của bạn tránh bị hacker dòm ngó.
Thêm nữa, bạn cần tìm ra plugin có thời gian tải lâu nhất. Từ đó bạn có thể xóa hay thay thế chúng. Ít nhất bạn cũng tìm ra cách giảm thiểu tác động của chúng lên tốc độ trải của trang.
Để tìm ra plugin có tốc độ tải chậm nhất, bạn có thể dùng plugin P3. Sau khi cài đặt, bạn vào Tools -> P3 Plugin Profiler -> Start Scan, chọn Auto Scan. Kết quả cho bạn biết plugin nào tải lâu nhất.
Một vài mẹo:
- Deactivate và xóa plugin không sử dụng
- Xóa plugin bạn chỉ sử dụng ở một thời điểm nhất định, giống như plugin P3 này. Khi nào cần bạn lại cài lại.
- Nếu bạn cần thay thế plugin, hãy tìm plugin nhẹ hơn.
- Chạy P3 mỗi khi cài plugin mới để đánh giá tác động của nó tới tốc độ của trang web.
2. Sử dụng pugin tạo cache
Sử dụng plugin tạo cache là cách nhanh nhất để cải thiện tốc độ tải trang. Như bạn đã biết mỗi khi trình duyệt yêu cầu một trang web, website sẽ truy cập vào cơ sở dữ liệu và thực thi code PHP để tạo kết quả trả về cho trình duyệt.
Khi bạn dùng plugin tạo cache nó sẽ hiển thị nội dung đã lưu lại trong cache cho người dùng. Bạn thử đoán xem tốc độ hiển thị như thế nào? Gần như ngay lập tức. Bởi đơn giản nó không còn phải truy cập vào cơ sở dữ liệu và thực thi đoạn code PHP như bình thường.
Bên cạnh đó nhiều plugin còn đóng gói rất nhiều tính năng cải thiện tốc độ như tải trễ ảnh, nén và tối ưu hóa các file tĩnh như CSS, Javascript hay HTML.
Một vài plugin tạo cache bạn nên tham khảo:
- WP Super Cache: plugin miễn phí phù hợp với shared host
- W3 Total Cache: Plugin miễn phí phù hợp hơn với VPS
- Cache Enabler: một plugin cache đơn giản gọn nhẹ của KeyCDN
- LiteSpeed Cache: plugin cache chuyên cho LiteSpeed server như Hawk Host
- WP Rocket: plugin tạo cache trả phí và cũng là pugin tạo cache tốt nhất. Nó đóng gói nhiều tính năng tăng tốc độ website nhất. Chỉ cần cài một mình plugin này là website đã cải thiện rõ rệt. Bạn không cần phải cài đặt thêm các plugin khác.
3. Tối ưu ảnh
Ảnh chiếm phần lớn pagesize của một trang web. Nếu bạn không tối ưu ảnh thì pagesize sẽ rất lớn. Dĩ nhiên điều này làm giảm tốc độ tải của trang web.
May mắn, có nhiều plugin miễn phí và trả phí giúp bạn tối ưu ảnh. Bên cạnh dó bạn cũng có thể chọn dịch vụ nén ảnh online. Cách làm này thủ công và tương đối tốn sức nếu bạn có nhiều ảnh.
Mình tổng hợp tất cả các giải pháp nén ảnh ở bên dưới cho bạn tiện tham khảo và lựa chọn:
- ShortPixel
- EWWW Image Optimizer
- Compress JPEG & PNG (miễn phí cho đến 500 ảnh)
- WP Smush
- Compressor.io
- TinyPNG
- Optimus Image Optimizer
- Kraken Image Optimizer
Cá nhân mình hiện tại đầu tư vào dịch vụ ShortPixel và rất hài lòng về chất lượng nén ảnh, cũng như khoản giá cả. Mình thấy nó là có giá thành rẻ nếu bạn muốn đầu tư vào dịch vụ trả phí cho website của mình. Như mình chỉ bỏ ra khoảng 9$ và được nén hơn 10.000 ảnh dùng cũng khá thoải mái.
Mẹo cải thiện điểm trên GTMetrix
Trong trường hợp, bạn sử dụng plugin miễn phí mà không đạt được điểm tối đa cho phần này, bạn có thể chuyển sang phương pháp sửa thủ công. Bạn tải về ảnh tối ưu từ GTMetrix và tải lên trang web.
Bây giờ tìm cái ảnh chưa tối ưu nằm ở đâu và thay thế bằng phiên bản tối ưu của GTMetrix. Cách này hơi tốn sức nhưng các plugin miễn phí không tối ưu ảnh hết mức được. Bởi vì nếu bạn muốn nén ảnh hiệu quả nhất thì bạn phải dùng phiên bản trả phí. Về khoản trả phí thì như mình đã nói ShortPixel là một gợi ý tốt.
4. Giảm thiểu chuyển hướng
Nếu bạn thay đổi tên miền của bạn từ http sang https, hay từ www sang không có www, nhưng bạn vẫn có liên kết trên trang của bạn trỏ tới phiên bản cũ. Những liên kết như vậy sẽ gây ra việc chuyển hướng. Việc chuyển hướng cũng là yếu tố làm giảm tốc độ của trang web.
Để hạn chế tình huống này, bạn phải có định dạng liên kết ổn định ngay từ đầu. Cụ thể ngay từ khi cài đặt WordPress, bạn cấu hình địa chỉ URL mặc định ở phần Settings -> General. Ảnh dưới là ví dụ giao diện tiếng Việt. Nhưng chắc bạn biết cấu hình này.
Nhưng nếu trang web đang tồn tại liên kết chuyển hướng, thì bạn phải thay đổi tất cả liên kết ở các trang, bài viết về dạng URL bạn đã cấu hình.
Plugin Better Search & Replace Plugin sẽ giúp bạn tìm ra các liên kết cũ, và thay bằng dạng domain mới. Trước khi bắt tay vào thay đổi nhớ sao lưu cơ sở dữ liệu.
5. Plugin chia sẻ trên mạng xã hội nhẹ
Việc sử dụng plugin có chức năng giúp khách chia sẻ trang web của bạn lên mạng xã hội khá phổ biến hiện nay. Nhưng bạn cần biết rằng, những plugin này có thể làm cho WordPress trở nên ì ạch.
Bạn có thể kiểm tra ở tab Water trong GTMetrix để xem plugin mạng xã hội của bạn có làm giảm tốc độ trang web không. Nếu có, thì đây là một vài plugin chia sẻ mạng xã hội tương đối nhẹ bạn nên dùng:
- Social Media Feather
- WP Social Sharing
- Genesis Simple Share dành cho ai sử dụng theme Genesis
6. Defer parsing of Javascript
Đây là một mục trong báo cáo của GTMetrix. Nếu số điểm của bạn cho phần này rất thấp. Bạn có thể sử dụng Speed Booster Pack.
Speed Booster Pack là công cụ tốt nhất hiện giờ giúp bạn cải thiện kết quả trên GTMetrix. Thực sự nó là cải thiện tốc độ trang web rõ rệt.
Sau khi cài đặt plugin, bạn vào Settings -> Speed Booster Pack, bạn nên chọn tất cả tùy chọn để đạt được hiệu suất tối ưu nhất
Như trên hình, plugin này giúp bạn giải quyết những vấn đề liên quan đến tốc độ:
Di chuyển script xuống phần footer
- Tải JS từ thư mục của Google
- Trì hoãn việc thông dịch mã Javasccript
- Loại bỏ chuỗi truy vấn (query string)
- Tải ảnh trễ để cải thiện tốc độ
- Loại bỏ style Font Awesome nếu bạn có sử dụng.
Với những plugin tối ưu javascript, bạn nên kiểm tra xem hoạt động trang web của bạn có bị ảnh hưởng gì không nhé.
7. Add Expires Headers
Đây là một mục ở tab YSlow của GTMetrix. Phần này đa phần các trang web bị điểm thấp. Đa phần các plugin cache sẽ giải quyết vấn đề này. Nhưng nếu chúng không làm việc bạn có thể thêm đoạn code sau vào đầu .htaccess ( nhớ sao file này trước khi sửa)
Lưu ý: Bạn cũng có thêm tham khảo plugin Far Future Expiry Header cho tính năng này.
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##
Lưu ý: Khi bạn tham gia tiếp thị liên kết, họ thường cung cấp cho bạn banner với code có sẵn. Bạn chỉ copy code này trang web của bạn để tiếp thị. Một vấn đề với phương pháp này, ảnh cho banner thường lưu bên ngoài trang web của bạn. Điều này ảnh hưởng đến tốc độ trang web khi phải mất thời gian để kết nối với trang bên ngoài để tải ảnh.
Ví dụ bên dưới mình bị rất nhiều ảnh banner của Masoffer (mạng tiếp thị liên kết hàng đầu Việt Nam) gây vấn đề “Add expires headers”.
Để giải quyết vấn đề này, bạn nên tải ảnh banner về và upload lên trang web, và thay url của bên ngoài bằng url trên trang web của bạn.
Cách này đã giúp cho mình cải thiện tốc độ trang web lên rất nhiều.
8. Remove Query Strings from Static Resources
Đây cũng là lỗi mà nhiều trang web dính vào khi kiểm tra trên GTMetrix.
Như bạn đã biết, cache các nội dung tĩnh như CSS và Javascript là chìa khóa trong việc tăng tốc độ tải web. Chuỗi truy vấn (query string, URL với với phần cuối có ?, &) ngăn quá trình cache. Do vậy bạn nên giải quyết vấn đề để cải thiện tốc độ trang web.
Vậy cách nào giải quyết vấn đề này?
Đây là những giải pháp bạn có thể thử:
Giải pháp 1
Nếu bạn đang dùng W3 Total Cache, đảm bảo rằng tùy chọn “Prevent caching of objects after settings change” không được chọn. Bạn có thể tìm thấy tùy chọn này ở Performance -> Browser Cache
Nếu bạn đang dùng WP Rocket, chắc chắn mục Remove query string from static resource ở tab Advanced Options đã được tích.
Giải pháp 2
Nếu bạn biết code, bổ sung đoạn code sau đây vào file functions.php
function _remove_script_version( $src ){
$parts = explode( '?ver', $src );
return $parts[0];
}
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );
Giải pháp 3
Bạn cài đặt plugin Speed Booster Pack. Như mình đã đề cập ở trên, plugin này có tùy chọn “Remove Query Strings” cũng giải quyết vấn đề này.
Plugin thay thế: QueryString remover
9. Chạy WP-Optimize để xóa các file rác
Plugin WP-Optimize giúp bạn xóa thư mục spam, trackback và pingpacks, cũng như hàng ngàn phiên bản của bài post do cơ chế lưu trữ version của WordPress.
Chúng đều là file rác bạn nên định kỳ xóa.
Đầu tiên, bạn cài đặt plugin. Lúc này bạn có một menu mới có tên WP-Optimize. Click vào bạn sẽ nhìn thấy màn hình tùy chọn dọn dẹp như bên dưới:
Những tùy chọn màu đỏ bạn chỉ chọn khi chắc chắn bạn hiểu ý nghĩa của nó. Tốt nhất, bạn nên sao lưu cơ sở dữ liệu trước khi dọn dẹp.
Một vài giải pháp thay thế: WP Rocket (tab Database), WP Sweep, WP-DbManager
10. Tắt tính năng trackbacks và pingbacks
Tính năng này giúp giao tiếp giữa các trang web. Nhưng chúng cũng ảnh hưởng đến tốc độ của trang web. Mặc định WordPress kích hoạt chúng. Do vậy, bạn vào Settings -> Dicussion, và bỏ tùy chọn như bên dưới:
11. Xóa bớt các theme không sử dụng
Khi bạn xây dựng website, bạn có thể cài đặt nhiều theme để chọn ra cái tốt nhất. Nhưng bạn nên chỉ giữ cái bạn đang sử dụng. Những cái không sử dụng bạn nên xóa đi.
Bạn sử dụng FTP, đi tới /wp-content/themes và xóa chúng đi. Bạn có thể sử dụng công cụ ManageWP để xóa theme dễ dàng.
12. Cache hình ảnh gravatar
Khi một người để lại một bình luận trên trang web của bạn, mỗi hình ảnh Gravatar của họ lại gửi một yêu cầu đến trang Gravatar. Hình dung có hàng ngàn người đăng bình luận trên trang web của bạn.
Chắc chắn tốc độ trang web sẽ chậm đi. Một plugin tốt nhất giải quyết vấn đề này là NIX Gravatar Cache.
Sau khi cài plugin, bạn vào Settings -> NIX Gravatar Cache. Và bật “Activate Cache Gravator” là xong.
13. Kết hợp CSS và Javascript bên ngoài
Khi bạn kiểm tra tốc độ trang web trên Pingdom bạn có thể nhận thấy điểm rất thấp cho mục “Combine external CSS”.
Điều này là do bạn sử dụng nhiều file css riêng lẻ. Khi các file này được nhóm lại bạn sẽ cải thiện được tốc độ tải trang.
Một vài plugin có thể giúp bạn:
- Sử dụng tính năng File Optimisation của WP Rocket
- JS CSS Script Optimizer
- Minqueue
- Autoptimize
- Better WordPress Minify
- Fast Velocity Minify
Lưu ý: Tính năng tối ưu và kết hợp các file CSS, Javscript có thể làm website của bạn hoạt động không đúng. Do vậy bạn cần test kỹ trước khi sử dụng.
Mình đã từng sử dụng js-css-script optimizer và thấy rất hiệu quả. Sau khi cài, bạn vào Settings -> Script Optimizer để xem chi tiết cấu hình.
Cấu hình mặc định đã tối ưu rồi. Bạn chỉ cần chạy lại trang web xem có vấn đề gì không. Trong trường hợp của mình, mình phải chọn “Minify by Steve Clay” ở phần Javascripts Minifier để tránh một số chức năng trên trang web không hoạt động.
Đọc thêm:
Cách giảm kích thước file CSS và Javascript trong WordPress
Cách khắc phục render-blocking javascript and css trong WordPress
14. Giảm độ trễ khi chuyển hướng
Khi bạn đánh địa chỉ website trong trình duyệt, giả sử http://yourdomain.com, một trong 2 thứ sau sẽ xảy ra.
Hoặc trang bạn sẽ được tải. Hoặc bạn sẽ trang sẽ chuyển hướng tới http://www.yourdomain.com. Nếu khả năng đầu xảy ra, bạn thử ngược lại, nhập vào http://www.yourdomain.com, bạn sẽ nhìn thấy nó chuyển hướng về http://yourdomain.com
Việc chuyển hướng như vậy có thể ảnh hưởng rất lớn đến tốc độ tải trang. Pingdom đã chứng minh cho bạn thấy
Trong hình trên mình đã check một trang web được cài đặt với địa chỉ có www (cấu hình trong Settings -> General). Do vậy khi kiểm tra Pingdom với phiên bản không có www, chuyển hướng xảy ra.
Vậy tại sao chuyển hướng lại lâu thế?
Thực tế WordPress chuyển hướng người dùng về phiên bản URL đúng chậm hơn rất nhiều so với host.
Do vậy, chúng ta cấu hình sự chuyển hướng này ở file .htaccess.
Để sửa lại file này, bạn FTP vào host, mở file .htaccess
Nếu trang web của bạn chuyển hướng tới www, hãy thêm đoạn sau:
RewriteEngine On
RewriteCond %{HTTP_HOST} !^www.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]
Nếu trang web của bạn chuyển hướng tới không có www, hãy thêm đoạn sau:
RewriteEngine On
RewriteCond %{HTTP_HOST} !^my-domain.com$ [NC]
RewriteRule ^(.*)$ http://my-domain.com/$1 [R=301,L]
Bạn nhớ sửa my-domain thành tên domain của bạn. Sửa xong và lưu lại file .htacess, bạn quay lại kiểm tra trên Pingdom. Bạn sẽ ngạc nhiên với kết quả nhận được
15. Sử dụng mạng phân phối nội dung (CDN - content delivery network)
CDN là mạng lưới server rải rác trên toàn thế giới. Chúng giúp cache nội dung tĩnh cho website của bạn. Do vậy website sẽ có tốc độ phản hồi cho những khách ở vị trí địa lý xa nơi đặt server mà bạn đang host website.
Nếu website của bạn hướng tới người dùng trên toàn thế giới hoặc bạn mua hosting có location ở ngoài Việt Nam, dùng CDN gần như bắt buộc. CloudFlare là dịch vụ CDN mình khuyên bạn nên thử dùng.
Còn nếu bạn muốn sử dụng dịch vụ trả phí có thể tham khảo MaxCDN hay KeyCDN
16. Sử dụng Gzip
Gzip là một kỹ thuật nén giúp giảm kích thước trang web, nhơ vậy mà tốc độ trang web được cải thiện. Hầu hết các plugin cache đã kích hoạt nén Gzip.
Hoặc bạn có thể tự mình thêm đoạn code sau vào .htaccess
AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript
17. Sử dụng kỹ thuật tải trễ (Lazy loading)
Tải trể ảnh hay video giúp giảm số lượng HTTP requests cũng là cách cải thiện tốc độ trang web. Nếu bạn dùng WP Rocket thì không cần cài thêm plugin khác vì nó đã tích hợp tải trể.
Nhiều theme hiện giờ như MyThemeShop cũng tích hợp sẵn chức năng tải trể ảnh. Nếu theme bạn không có tính năng này và bạn không dùng WP Rocket, đây là một vài plugin mà bạn có thể tham khảo:
18. Giới hạn post revisions
Post revision giúp bạn dễ dàng khôi phục post về phiên bản trước đó. Nhưng duy trì quá nhiều post revision có thể làm chậm website của bạn.
Bạn có thể dễ dàng giới hạn số lượng revision mà WordPress lưu giữ cho mỗi bài post. Đơn giản bổ sung dòng code sau vào file wp-config.php:
define( 'WP_POST_REVISIONS', 4 );
19. Ngăn chặn image hotlinking
Nếu bạn tạo nội dung có giá trị, sớm hay muộn có thể nội dung của bạn bị người khách đánh cắp.
Một cách hay xảy ra là website khác hiển thị ảnh của bạn trực tiếp sử dụng URL của bạn thay vì upload lên host của họ. Kết quả là họ đánh cắp băng thông hosting của bạn.
Để xử lý tình huống này, mình đã có bài viết chi tiết về cách ngăn chặn image hotlinking.
Fix lỗi: Parallelize downloads across hostnames & Serve static content from a cookieless domain
Khi bạn test tốc độ website của bạn trên một số cộng cụ như Pingdom, rất có thể website của bạn sẽ bị dính lỗi này.
Về lỗi này, bạn có thể tham khảo hai bài viết tiếng anh: bài này và bài này. Về cơ bản lỗi này là do website của bạn tạo ra quá nhiều request đến tài liệu tĩnh như ảnh, javascript hay css. Trong khi đó trình duyệt chỉ hỗ trợ xử lý một số lượng kết nối nhất định đồng thời đến một domain.
Vì vậy nếu website của bạn tạo ra quá nhiều request sẽ dẫn tới tình trạng delay trong quá trình tải trang web.
Một điểm nữa khi website bạn tạo request đến tài nguyên tĩnh thì không nên gửi theo cookie. Việc này là không cần thiết và cũng gây ảnh hưởng đến tốc độ website.
Để fix những lỗi này chúng ta sẽ sử dụng kỹ thuật domain sharding. Về chi tiết bạn xem lại 2 link mình đề cập ở trên để hiểu rõ hơn về kỹ thuật và ưu nhược điểm của nó. Dưới đây mình sẽ hướng dẫn bạn từng bước cách triển khai kỹ thuật này.
1. Tạo subdomain trong cPanel Hosting
Bạn chỉ cần lưu ý phần Document Root bạn trỏ tới đúng thư mục source code của domain hay website bạn đang tối ưu. Ở đây mình đang tạo subdomain cho một add-on domain.
Bạn phải đợi cho subdomain có thể truy cập được trên trình duyệt trước khi tiếp tục các bước sau
2. Cập nhật DNS
Ở đây mình dùng CloudFlare làm DNS trung gian do vậy mình sẽ tạo ra một bản ghi CNAME cho subdomain như bên dưới:
3. Cấu hình domain nhận cookie
Bạn ở file wp-config và thêm vào dòng code này. Thay yourdomain bằng tên domain của bạn
define(‘COOKIE_DOMAIN’, ‘www.yourdomain.com’);4. Cấu hình plugin WP Rocket để sử dụng subdomain xử lý request tài nguyên tĩnh
Bạn đi tới màn hình phần CDN của màn hình cấu hình của plugin WP Rocket và thực hiện thay đổi như bên dưới. Lưu ý website của mình đã tạo 2 subdomain. Bạn nên giới hạn số lượng subdomain cho hợp lý.
Thế là xong. Bây giờ bạn chỉ cần test lại và xem thành quả của bạn.
Lời kết
Như vậy bạn đã có trong tay nhiều giải pháp tăng tốc WordPress. Nếu bạn không thấy hài lòng với tốc độ website của bạn, hãy bắt tay vào tăng tốc nó thôi.
Nếu bạn biết được kỹ thuật nào cải thiện tốc độ website WordPress một cách hiệu quả? Mình rất vui nếu như bạn có thể chia sẻ chúng ở phần comment bên dưới.
Credit: icon made by free pik from www.flaticon.com
Khóa học WordPress tốt nhất cho BEGINNER
Thêm 1 câu hỏi nữa là phần bạn thêm bản ghi CNAME. Mình thấy trong hình là có 2 bản ghi: static và static1. Như Cloudfare của mình không có 2 bản ghi này. Nếu thêm thì thêm static hay static1. Phần này mình gà mờ lắm
chắc bạn đang nói về lỗi parallel, theo mình biết đấy là lỗi của tool pingdom nếu bạn đang dùng https thì có thể bỏ qua không cần làm đâu.
Mình cũng có những website không sử dụng SSL. Mình thấy ở trên bạn có 2 bản ghi. Nếu domain của mình là: static.mydomain.com thì chỉ cần thêm bản ghi CNAME là static thôi nhỉ. Còng static1 là không cần thiết đúng không?
Nói chung cách này mình chưa thấy hiệu quả lắm. Nếu bạn đang có site với traffic lớn ổn định mình không khuyến khích. Nhưng nếu bạn thích test thì cứ thử xem. Ban dầu dùng một cái thôi, static 1 không cần thiết.
Chào bạn, bài viết quá hay và chi tiết.
Bạn cho mình hỏi thêm: Mục 14: Chuyển hướng. Nếu website mình dạng https thì trong file.htaccess phải chuyển thành:
RewriteEngine On
RewriteCond %{HTTPS_HOST} !^my-domain.com$ [NC]
RewriteRule ^(.*)$ https://my-domain.com/$1 [R=301,L]
Cả hàng trên và dưới đều phải thêm “s” à, hay chỉ thêm “s” ở hàng dưới cùng thôi.
Cảm ơn bạn !
Ý bạn là ký tự đô la? Nếu vậy thì đúng rồi cả trên và dưới đều có
Trên website sử dụng SSL. Nếu mình thêm “s” ở cả 2 hàng thì xảy ra lỗi error too many redirects. Trong trường này mình chỉ thêm “s” ở hàng dưới thôi. Cụ thể:
RewriteCond %{HTTP_HOST} !^my-domain.com$ [NC]
RewriteRule ^(.*)$ https://my-domain.com/$1 [R=301,L]
có vẻ cái wp rocket nó xung đột nhiều plugin khác quá bác nhỉ, em cài xong mà cái kk star rating với wp notification bar k hoạt động nổi
Khả năng lớn là phần tối ưu javascript, có thể tham khảo hướng dẫn của nó khi bật tính năng này lên để fix.
Bạn có thể thêm đường dẫn “wp-content/plugins/kk-star-ratings/js.min.js” vào mục Exclude JS trong tab Static Files để không nén kk star ratings là nó không lỗi nhé.
chào bác !
em có làm theo các bước bác hướng dẫn cho web https://myphamtocchinhhang.vn
nhưng không thắm vào đâu, vì theme này cũng khá năng, sau đó đầu tư thê cái plugin WP rocket thì có vẻ khá lên 😀
cảm ơn Bác đã chia sẻ
Đầu tư thì nó phải khác so với dùng giải pháp miễn phí :). Mình vừa chạy gtmetrix sao cái lỗi remove query strings from static resource vẫn chưa hết nhỉ chỉ 72, không biết đã bật cái này trong wp rocket chưa vậy (https://thuthuatwp.com/danh-gia-wp-rocket/). Nếu cần tăng tốc hơn nữa thì đầu tư thêm con cdn giá rẻ cdn.com.vn.
Chào Thịnh. Trang cảu mình là https://standavietnam.net/
Mình muốn hỏi là check trên Gtmetrix, chỉ số cũng thấp vì ảnh lớn. Cơ mà mình đăng ảnh kích cỡ chuẩn 600*600, hơn nữa trc khi up lên đã xử lý qua Kraken rồi, sau đó lại dùng EWWW Image nữa, dung lượng chưa đến 100kb 1 ảnh mà cứ báo mãi. Mình phải làm sao đây?
P.s : Mình từng mua gói Themes Junkie 300k của Thịnh 🙂
Khách hàng của mình chưa đến nỗi nhiều nên mình nhớ được hết mà. Mà dù có phải khách hàng hay không mọi vấn đề mà mọi người comment trên đây mình đều giúp hết sức :). Vấn đề của bạn không phải là optimize image (thực tế bạn đang đạt 94 điểm phần này). Mà lỗi scaled image vì giao diện homepage đang sử dụng ảnh 250*250, trong khi bạn chỉ có ảnh 600 nên nó sử dung css để scale lại ảnh. Nếu muốn hết lỗi này bạn phải có ảnh được cắt thành 250*250 thông thường theme hay wordpress đã làm cho bạn việc này rồi. Bạn có thể check lại ở thư mục upload lại xem sao, nó phải có file với tên ảnh kiểu này: image-name-250×250 thì mới hết lỗi kiểu. Mà hình như bạn dùng wp-rocket combine css, javascript bị lỗi hay sao mà không làm vậy. Mà bạn đang dùng theme total cho site này phải không nhỉ?
bạn xài thử plugin nén ảnh Tp Image OPtimizer
https://wordpress.org/plugins/tp-image-optimizer/
xem có được không nén ảnh lên đến 60% đó
Bạn ơi cho mình hỏi ko liên quan 1 chút là bạn làm thế nào để hiển thị “cập nhật lần cuối…” vậy bạn. Và search engines có update được ngày cập nhật lần cuối này trên kết quả tìm kiếm không? Cám ơn bạn nhiều ạ.
Cái cập nhật lần cuối là do theme beginner của mình mặc định có nhưng bạn có thể thay đổi. Ví dụ như dòng này By nadora.vn on February 8, 2017 ở theme của bạn, bạn chỉ cần tìm file php tương ứng và chỉnh đoạn text theo ý muốn thôi. mặc định google sẽ hiển thị ngày bạn thiết lập trong bài viết. Ví dụ trong bài viết này của mình https://thuthuatwp.com/9-cach-de-google-index-nhanh-bai-viet-cua-ban/ mình có chụp một cái ảnh bạn sẽ nhìn thấy google sẽ cập nhật thời gian này. Bạn có thể tự mình test bằng cách cập nhật lại bài viết của bạn sau đó submit lên google (https://www.google.com/webmasters/tools/submit-url) và check lại bằng tìm kiếm site: myphampaulaschoice.com
Bạn ơi cho mình hỏi câu hỏi không liên quan tí, cái bảng mục lục là bạn xài Plugin nào vậy?
Plugin này: https://thrivethemes.com/contentbuilder/. Plugin này rất đáng đống tiền, từ ngày chuyển sang dùng plugin này mình rất khi dùng editor mặc định của WordPress vừa chậm lại không nhiều chức năng mạnh mẽ.
A thì ra nó thuộc Thrive theme hèn gì thấy rất bắt mắt. Trong tương lai nhất định phải sử dụng rồi. Cám ơn bạn đã trả lời nhé 🙂
Hiện nay, mình mới chỉ cài WP Rocket thì cần cài thêm những plugin gì nữa để tăng tốc độ tải trang hả bạn? Thanks
Nếu bạn đã có WP Rocket thì thôi không cần phải cài các plugin khác. Nếu chưa cài plugin nén ảnh thì cài thêm mấy cái như trong bài. Xong chạy mấy tool test tốc độ xem còn lỗi nào có thể fix được thì xử lý tiếp. Nếu tốc độ đã ok thì thôi. Nhìn chung một trang web chỉ cần dưới 3s là ngon rồi.
bài viết rất hay và chi tiết. Mình có làm theo, sử dụng tool pingdom thì thấy việc nhúng youtube, google map, facebook làm web nặng thêm rất nhiều. Trang web của mình là https://trustweb.vn
Đúng là mấy thằng đó gây ảnh hưởng đến tốc độ tải trang rõ rệt, nhất là thằng google map. Nhưng google map thì phần lớn chỉ sử dụng một vài trang nhất định như liên hệ. Nói chung tùy trường hợp mình phải thỏa hiệp với tốc độ để có được những lợi ích khác.
Nhưng mình chạy qua trang của cậu trên pingdom thấy vẫn dính nhiều lỗi f không biết đã cài mấy plugin trong bài chưa. Như của mình cài speed booster pack và plugin đóng gói css và js, sau đó xóa cache là không còn điểm f nữa. Thêm nữa mình check trên whoishostingthis.com thấy báo trang của cậu host trong nước. Vì vậy mình nghĩ dùng cloudflare chưa chắc đã tốt. Thực tế thời gian lookup DNS cũng khá lâu
Đang cài Wp-rocket, cài thêm speed booster pack ổn không bạn
Nhiều tính năng trong speed booster pack đã có trong wp-rocket nên chỉ cần wp-rocket thôi. Mình không có wp-rocket nên mới cài các plugin miễn phí.