- Tham gia
- 28/02/2015
- Bài viết
- 16,829
- Được Like
- 12,688
WP Performance Pack - Plugin giúp tăng tốc ảnh và tiết kiệm dung lượng cho Wordpress
Plugin này tập hợp nhiều chức năng liên quan đến cải thiện hiệu suất cho website mà cụ thể là cải thiện hình ảnh và các file dịch ngôn ngữ có trên website.
Các tính năng của WP Performance Pack
Các tính năng dưới đây có thể bật tắt để sử dụng tùy thích.
Improve localization performance
Alternative MO reader
Nếu không sử dụng gettext vì vài lý do lỗi nào đó mà vẫn sử dụng phương án đọc file .mo thì plugin này cung cấp một lựa chọn khác đó là sử dụng trình đọc MO thay thế và theo họ là sẽ cải thiện bộ nhớ và thời gian đọc rất nhiều.
Use gettext
Mặc định WordPress sử dụng tiêu chuẩn i18n (internationalization) để hỗ trợ các bạn dịch website ra nhiều ngôn ngữ khác nhau. Nhưng khi cài plugin này, bạn sẽ được chuyển đổi sang sử dụng một PHP Extension để xử lý các chuỗi là gettext. Theo họ, gettext sẽ xử lý tốt hơn là cách đọc file .mo truyền thống của WordPress.
Disable back end localization
Tự động không load file dịch ngôn ngữ ở khu vực quản trị.
JIT localize
JIT nghĩa là Just in Time, nghĩa là nó sẽ chỉ kích hoạt các file script cần thiết trong website khi cần và tắt ngay khi không cần. Nếu có nhiều file Javascript thì có thể bật nó lên thử, nếu gặp lỗi thì tắt đi.
Object Caching
Nếu máy chủ có hỗ trợ Memcached, APC, xCache thì có thể sử dụng tính năng này để tăng tốc và giảm tải bộ nhớ cho máy chủ. Nghĩa là nó sẽ lưu lại các truy vấn đến database và thực thi ở lần kế tiếp thay vì lặp đi lặp lại.
Improve image handling
Phần này sẽ tối ưu hình ảnh và dung lượng sử dụng trên website.
Use EXIF thumbnail
Nếu máy chủ có hỗ trợ các trình sửa ảnh gắn tag EXIF vào (như ImageVick chẳng hạn) thì nó sẽ tự tạo một ảnh thumbnail với size nhỏ hơn EXIF thumbnail.
Dynamic image resizing
Thay vì mỗi size ảnh sẽ load 1 tấm riêng trong WordPress, thì với tính năng Dynamic Resize bạn sẽ load một tấm ảnh ra đủ size mà không cần để WordPress tạo ra thêm một tấm ảnh nào khác.
Cơ chế hoạt động của nó là plugin này sẽ có một file PHP xử lý size ảnh riêng và lưu các đoạn xử lý này vào object cache (nếu server có) rồi truy xuất ra size ảnh cần. Các link size ảnh vẫn sẽ ở dạng http://example.com/wp-content/uploads/2014/01/abc-150×150.jpg nhưng thực chất là nó sử dụng tính năng rewrite đường dẫn để giả lập.
Use caching
Nếu đánh dấu vào phần “Don’t save intermediate images to disc” thì các request đó sẽ được lưu vào RAM thay vì lưu vào database.
Force delete of all potential thumbnails
Khi đánh dấu vào đây thì toàn bộ các ảnh thumbnail được sử dụng từ ảnh trên host sẽ bị xóa đi và thay thế bằng Dynamic Resizing.
Don’t save intermediate images to disc
Khi tick chọn vào phần này thì thay vì lưu thumbnail vào ổ đĩa của máy chủ thì nó sẽ tự động tạo ra các size ảnh phù hợp với từng request gửi tới. Sau đó sẽ tiến hành hủy nó.
Regenerate Thumbnails integration
Kết hợp với các plugin tạo thumbnail như AJAX Rebuild Thumbnail để tự động xóa các thumbnail tĩnh đang có để thay thế bằng Dynamic Image Resizing.
Image quality
Chất lượng ảnh mà nó sẽ tự nén lại khi upload ảnh lên, để tầm 80% là đẹp.
CDN Support
Tích hợp các dịch vụ Content Devilery Network vào website để load hình ảnh nhanh hơn.
Use CDN for images
Chọn loại hình ảnh sử dụng CDN. Trong đó backend là khu vực admin, còn frontend là khu vực trang chủ website. Both là cả hai.
Select CDN provider
Chọn dịch vụ CDN mà bạn đang sử dụng.
Dynamic image linking
Mặc định các dịch vụ CDN sẽ sử dụng đường dẫn tĩnh cho các hình ảnh được load thông qua nó. Đánh dấu vào tùy chọn này nếu muốn sử dụng đường dẫn động thông qua dịch vụ CDN.
Cách thiết lập
Plugin này cũng không có gì khó để thiết lập. Nhưng khuyến khích nên backup dữ liệu trước khi tiến hành dùng plugin này để nếu có xảy ra bất trắc gì thì còn có thể khôi phục lại.
Có thể đánh dấu vào các phần muốn sử dụng, ngoại trừ các phần Use Caching thì chỉ đánh dấu khi trên máy chủ có hỗ trợ APC, Memcached, hoặc xCache. Nếu dùng share host thì chắc chắn mấy software này không có trên đó nên đừng đánh dấu vào.
Sau khi thiết lập xong, hãy mở file .htaccess ra xem có đoạn này trong đó hay không:
Đối với NGINX thì chèn đoạn sau vào dưới server { của file conf domain đang sử dụng:
Sau khi làm xong, nhớ thử nghiệm upload một tấm ảnh và đặt làm thumbnail, sau đó kiểm tra trên host xem nó có tự tạo ra các file khác nhau không nhé.
Chúc các bạn thành công.
Plugin này tập hợp nhiều chức năng liên quan đến cải thiện hiệu suất cho website mà cụ thể là cải thiện hình ảnh và các file dịch ngôn ngữ có trên website.
Các tính năng của WP Performance Pack
Các tính năng dưới đây có thể bật tắt để sử dụng tùy thích.
Improve localization performance
Alternative MO reader
Nếu không sử dụng gettext vì vài lý do lỗi nào đó mà vẫn sử dụng phương án đọc file .mo thì plugin này cung cấp một lựa chọn khác đó là sử dụng trình đọc MO thay thế và theo họ là sẽ cải thiện bộ nhớ và thời gian đọc rất nhiều.
Use gettext
Mặc định WordPress sử dụng tiêu chuẩn i18n (internationalization) để hỗ trợ các bạn dịch website ra nhiều ngôn ngữ khác nhau. Nhưng khi cài plugin này, bạn sẽ được chuyển đổi sang sử dụng một PHP Extension để xử lý các chuỗi là gettext. Theo họ, gettext sẽ xử lý tốt hơn là cách đọc file .mo truyền thống của WordPress.
Disable back end localization
Tự động không load file dịch ngôn ngữ ở khu vực quản trị.
JIT localize
JIT nghĩa là Just in Time, nghĩa là nó sẽ chỉ kích hoạt các file script cần thiết trong website khi cần và tắt ngay khi không cần. Nếu có nhiều file Javascript thì có thể bật nó lên thử, nếu gặp lỗi thì tắt đi.
Object Caching
Nếu máy chủ có hỗ trợ Memcached, APC, xCache thì có thể sử dụng tính năng này để tăng tốc và giảm tải bộ nhớ cho máy chủ. Nghĩa là nó sẽ lưu lại các truy vấn đến database và thực thi ở lần kế tiếp thay vì lặp đi lặp lại.
Improve image handling
Phần này sẽ tối ưu hình ảnh và dung lượng sử dụng trên website.
Use EXIF thumbnail
Nếu máy chủ có hỗ trợ các trình sửa ảnh gắn tag EXIF vào (như ImageVick chẳng hạn) thì nó sẽ tự tạo một ảnh thumbnail với size nhỏ hơn EXIF thumbnail.
Dynamic image resizing
Thay vì mỗi size ảnh sẽ load 1 tấm riêng trong WordPress, thì với tính năng Dynamic Resize bạn sẽ load một tấm ảnh ra đủ size mà không cần để WordPress tạo ra thêm một tấm ảnh nào khác.
Cơ chế hoạt động của nó là plugin này sẽ có một file PHP xử lý size ảnh riêng và lưu các đoạn xử lý này vào object cache (nếu server có) rồi truy xuất ra size ảnh cần. Các link size ảnh vẫn sẽ ở dạng http://example.com/wp-content/uploads/2014/01/abc-150×150.jpg nhưng thực chất là nó sử dụng tính năng rewrite đường dẫn để giả lập.
Use caching
Nếu đánh dấu vào phần “Don’t save intermediate images to disc” thì các request đó sẽ được lưu vào RAM thay vì lưu vào database.
Force delete of all potential thumbnails
Khi đánh dấu vào đây thì toàn bộ các ảnh thumbnail được sử dụng từ ảnh trên host sẽ bị xóa đi và thay thế bằng Dynamic Resizing.
Don’t save intermediate images to disc
Khi tick chọn vào phần này thì thay vì lưu thumbnail vào ổ đĩa của máy chủ thì nó sẽ tự động tạo ra các size ảnh phù hợp với từng request gửi tới. Sau đó sẽ tiến hành hủy nó.
Regenerate Thumbnails integration
Kết hợp với các plugin tạo thumbnail như AJAX Rebuild Thumbnail để tự động xóa các thumbnail tĩnh đang có để thay thế bằng Dynamic Image Resizing.
Image quality
Chất lượng ảnh mà nó sẽ tự nén lại khi upload ảnh lên, để tầm 80% là đẹp.
CDN Support
Tích hợp các dịch vụ Content Devilery Network vào website để load hình ảnh nhanh hơn.
Use CDN for images
Chọn loại hình ảnh sử dụng CDN. Trong đó backend là khu vực admin, còn frontend là khu vực trang chủ website. Both là cả hai.
Select CDN provider
Chọn dịch vụ CDN mà bạn đang sử dụng.
Dynamic image linking
Mặc định các dịch vụ CDN sẽ sử dụng đường dẫn tĩnh cho các hình ảnh được load thông qua nó. Đánh dấu vào tùy chọn này nếu muốn sử dụng đường dẫn động thông qua dịch vụ CDN.
Cách thiết lập
Plugin này cũng không có gì khó để thiết lập. Nhưng khuyến khích nên backup dữ liệu trước khi tiến hành dùng plugin này để nếu có xảy ra bất trắc gì thì còn có thể khôi phục lại.
Có thể đánh dấu vào các phần muốn sử dụng, ngoại trừ các phần Use Caching thì chỉ đánh dấu khi trên máy chủ có hỗ trợ APC, Memcached, hoặc xCache. Nếu dùng share host thì chắc chắn mấy software này không có trên đó nên đừng đánh dấu vào.
Sau khi thiết lập xong, hãy mở file .htaccess ra xem có đoạn này trong đó hay không:
Mã:
RewriteRule ^(.*)-([0-9]+)x([0-9]+)?\.((?i)jpeg|jpg|png|gif) /wp-content/plugins/wp-performance-pack/serve-dynamic-images.php [QSA,L]Đối với NGINX thì chèn đoạn sau vào dưới server { của file conf domain đang sử dụng:
Mã:
rewrite ^/(.*)-([0-9]+)x([0-9]+)?\.((?i)jpeg|jpg|png|gif) /wp-content/plugins/wp-performance-pack/serve-dynamic-images.php break;Sau khi làm xong, nhớ thử nghiệm upload một tấm ảnh và đặt làm thumbnail, sau đó kiểm tra trên host xem nó có tự tạo ra các file khác nhau không nhé.
Chúc các bạn thành công.
Nguồn: Thachpham
Bài viết liên quan
Bài viết mới
