Cách sử dụng plugin Swift Performance Pro là vấn đề được nhiều lập trình viên quan tâm, bởi những kiến thức trên trường lớp là không đủ, vì vậy bài Cách sử dụng plugin Swift Performance Pro sẽ chia sẻ tới bạn nhiều thông tin hữu ích
Mọi người vẫn hỏi tôi về việc học lập trình nói chung và Wordpress nói riêng có cần năng khiếu hay quá khó để tiếp cận hay không. Thì tôi có thể trả lời rằng, học lập trình cũng như việc bạn học tiếng Anh hay bất kỳ một ngôn ngữ khác, bởi lập trình...là ngôn ngữ của máy tính, để máy tính đọc và máy tính thực hiện theo yêu cầu của mình, bạn thích là học được.
Khi sử dụng WordPress, việc sử dụng thêm công nghệ lưu bộ nhớ đệm (cache) hầu như là việc bắt buộc phải sử dụng nếu muốn website thật sự nhanh để đáp ứng tiêu chí “tải trong 1 giây”. Điều này hoàn toàn có thật, có khi thời gian tải trang chỉ khoảng 300 mili-giây khi có cache.
Mà nhắc tới cache thì chúng ta có khá nhiều lựa chọn qua việc sử dụng các plugin miễn phí như WP Super Cache, LiteSpeed Cache, W3 Total Cache thì còn có rất nhiều plugin trả phí khác như WP Rocket, Swift Performance Pro.
Sau một thời gian dài dùng qua nhiều plugin tạo cache khác nhau lẫn trả phí và miễn phí, thì mình xin được review cũng như chia sẻ cảm nhận cá nhân về một plugin mà mình cho rằng nó khá đầy đủ các tính năng cần thiết để tối ưu tốc độ website, đó là Swift Performance Pro.
Thông thường để tối ưu một website thì phải tối ưu rất nhiều thành phần khác nhau như:
Thường thì với các công việc trên mình sẽ sử dụng nhiều plugin khác nhau, đặc biệt là phần tối ưu hình ảnh.
Tuy nhiên với Swift Performance, nó có thể phục vụ tất cả mọi yêu cầu trên. Mình đã bỏ hẳn luôn plugin Imagify, tiết kiệm $5/tháng.
Về giá thì hiện tại Swift Performance Pro có giá khởi điểm là $39/năm cho việc sử dụng trên 1 website, $100 cho 4 website và $200 cho không giới hạn website. Nhìn chung mức giá này cũng khá là dễ chịu và có phần rẻ hơn so với các plugin tạo cache khác.
Nếu bạn cần dùng trải nghiệm thử thì có thể dùng bản Swift Performance Lite hoàn toàn miễn phí.
Mình đã sử dụng Swift Performance Pro trên nhiều loại webserver khác nhau và nó tương thích hoàn toàn với Apache, LiteSpeed và NGINX.
Nếu bạn dùng NGINX thì khi cấu hình, nó sẽ cung cấp các rule rewrite để chèn vào webserver một cách dễ dàng, hầu như chỉ việc chèn vào tập tin cấu hình NGINX của website là nó chạy thôi.
Dễ dàng lấy cấu hình NGINX dựa theo thiết lập của plugin
Còn với các webserver sử dụng Apache hay LiteSpeed Webserver Enterprise thì nó tự chèn các rules rewrite vào tập tin .htaccess mà không cần thao tác gì thêm.
Mặc dù mình không phải là “fan điểm xanh” của PageSpeed Insights cho lắm nhưng khi bật các tính năng mà mình cho rằng nên sử dụng trên Swift Performance Pro, thì điểm PageSpeed của mình cũng đã cải thiện đáng kể.
Cải thiện điểm PageSpeed Insights nếu cấu hình đúng
Swift Performance Pro có thể gọi là khó sử dụng và cấu hình hơn, vì nó rất nhiều các cấu hình nếu chuyển qua chế độ Advanced View (Xem nâng cao) để hiển thị các tùy chọn nâng cao.
Nhưng nó cũng được gọi là dễ cấu hình vì khi cài đặt, bạn có thể sử dụng tính năng Use Present và nó cung cấp cho bạn 5 kiểu cấu hình khác nhau tùy theo mức độ tối ưu, tối ưu càng nhiều thì sẽ cần một host/máy chủ càng mạnh.
Dễ dàng cấu hình khi cài đặt
Plugin này có rất nhiều tùy chọn để bạn có thể tự tối ưu theo ý mình, tuy nhiên phần này mình sẽ nói qua về các tính năng chính cũng như giải thích cặn kẽ để bạn hiểu về từng chức năng, từ đó xem xét các tính năng có trong plugin này có phù hợp hay không nhé.
Các tính năng mình đề cập tới bên dưới có thể bạn sẽ cần bản quyền trả phí mới có thể sử dụng được, bản miễn phí sẽ bị giới hạn nhiều tính năng.
Trước khi cấu hình, bạn nên chuyển về chế độ Advanced View vì nhiều tùy chọn mình đề cập bên dưới sẽ không hiển thị ở chế độ Simple View.
Chuyển sang chế độ Advanced View
Với các plugin tạo cache mà ta thường dùng trước đây thì bản cache sẽ được tạo ra khi một trang được tải ra lần đầu. Ví dụ nếu trang đó chưa có cache, thì người truy cập lần đầu sẽ tải hơi chậm vì nó vừa xử lý trang, vừa lưu cache vào hệ thống.
Với tính năng Warmup của Swift Performance thì cache sẽ được tự động tạo ra trước và hoạt động ngầm trên website (prebuild cache).
Để bật nó, bạn vào Settings => Warmup và đánh dấu vào Prebuild Cache Automatically đồng thời lưu ý với các tùy chọn sau:
Các tùy chọn còn lại bạn nên để mặc định.
Liên quan đến prebuild cache, bạn vào Optimization => General và bật 2 tùy chọn sau đây lên:
Tính năng này có thể không phù hợp với một số website. Nếu bật lên mà lỗi vỡ giao diện thì bạn hãy tắt đi.
Tính năng này nó sẽ gom tất cả tập tin .css trên website thành một tập tin duy nhất để giảm số lượng kết nối của trình duyệt. Đồng thời nó sẽ tạo các CSS quan trọng (Critical CSS) để tải trước giúp trang render nhanh hơn.
Để bật bạn vào Settings => Optimization => Styles và bật các tùy chọn sau:
Các tùy chọn khác để nguyên.
Tính năng này có thể không phù hợp với một số website. Nếu bật lên mà lỗi vỡ giao diện thì bạn hãy tắt đi.
Giống như CSS, nó sẽ nén lại tất cả tập tin Javascript để lưu thành một tập tin duy nhất để giảm kết nối, đồng thời hỗ trợ tải không đồng bộ (async load) để trình duyệt giảm thời gian delay do phải tải Javascript trước.
Để bật bạn vào Settings => Optimization => Scripts và bật các tùy chọn sau:
Các tùy chọn khác để nguyên.
Nếu website bạn có sử dụng font chữ tùy chỉnh hoặc Google Font thì nên sử dụng tính năng tối ưu Font trên Swift Performance Pro rất hay.
Để bật tối ưu font, bạn vào Settings => Optimization => Fonts và bật các tùy chọn sau.
rel="preload"
vào đoạn mã nhúng. Điều này sẽ giúp trang cho trình duyệt biết các tài nguyên font này sẽ được tự động tải về càng nhanh càng tốt để tránh chữ trên trang bị vỡ khi chưa tải hoàn tất, cũng như các font này sẽ không tải chung với các tài nguyên khác trên trang. Bên cạnh đó, nó cũng tự động thêm as="font"
vào mã nhúng font để cho trình duyệt biết đây là font và sẽ có thứ tự ưu tiên xử lý cao hơn. Bạn có thể xem chi tiết về kỹ thuật này tại đây.Các tính năng tối ưu hình ảnh trong Swift Performance Pro mình đánh giá là khá “ăn tiền”, không bị giới hạn dung lượng nén ảnh và chuyển đổi sang định dạng .webp. Trước khi bật các tính năng này, bạn nên tắt các plugin liên quan đến tối ưu hình ảnh khác để khỏi phải bị xung đột.
Để cấu hình tối ưu hình ảnh, bạn vào Settings => Images và thiết lập các tùy chọn sau:
<picture>
elements, nó sẽ sử dụng ảnh .webp vào thẻ <picture>
nhưng hình ảnh định dạng gốc vẫn được chèn vào bằng thẻ <img>
, như vậy với các trình duyệt cũ thì vẫn hiển thị hình ảnh được.Nếu ảnh của bạn trước đó chưa được tối ưu lần nào thì bạn có thể vào mục Image Optimizer và ấn nút Optimize Image (All) để nó tự tối ưu toàn bộ hình ảnh.
Tối ưu toàn bộ hình ảnh trên website với Swift Performance Pro
Mỗi website thường tải khá nhiều tài nguyên từ một bên thứ ba, ví dụ như các mã Google Analytics, Facebook Tracking Pixel, các tính năng livechat,…Và việc sử dụng DNS Prefetch sẽ giúp trình duyệt chủ động phân giải các tên miền từ bên thứ ba với chế độ ưu tiên thấp, sau đó lưu cache của địa chỉ IP của tên miền bên thứ ba để các lượt tải sau sẽ có phản hồi gần như ngay lập tức.
cái hay của Swift Performance Pro đó là nó sẽ tự tìm danh sách các domain bên thứ ba có sử dụng trên website và đưa vào danh sách DNS Prefetch mà không cần khai báo thủ công.
Để bật tính năng này thì bạn vào Settings => General => Tweak và bật tùy chọn sau:
Ở trên là các tính năng đặc sắc của plugin này mà mình thường sử dụng toàn bộ các chức năng đó. Tuy nhiên có một số tính năng mà bạn có thể sẽ cần lưu ý khi sử dụng như sau:
Các tính năng còn lại mình đề cập trong bài thì nên bật lên hết.
Với các tính năng nổi bật ở trên thì Swift Performance Pro mình đánh giá là khá hoàn thiện, hỗ trợ một số tính năng mà hầu như rất khó tìm ở plugin khác.
Tuy nhiên có một nhược điểm của Swift Performance Pro là thời gian tạo cache lâu. Điều này có nghĩa là thời gian prebuild cache cũng rất lâu, nếu bỏ tùy chọn Optimize Prebuild Only như mình có đề cập ở trên thì khách truy cập vào một trang chưa có cache sẽ tải khá lâu do nó vừa xử lý, vừa tạo cache cho chính trang đó.
Do vậy khi sử dụng Swift Performance Pro, bạn cần phải hiểu rằng mỗi khi chúng ta xóa cache website thì sẽ cần đợi khoảng một thời gian để mọi trang trên website đều được lưu cache.
Swift Performance Pro là một plugin hỗ trợ tăng tốc website WordPress lên nhiều lần nhờ vào cơ chế tối ưu toàn diện website. Nó hỗ trợ tạo bộ nhớ đệm của các trang, tối ưu hình ảnh và tối ưu tải các tài nguyên CSS và JavaScript.
Swift Performance Pro có phiên bản Lite hoàn toàn miễn phí. Tuy nhiên để sử dụng hết các tính năng đặc sắc của nó, bạn sẽ cần trả một khoản phí tương đương $40 cho 1 website, $200 cho không giới hạn website.
Hy vọng với bài viết về Cách sử dụng plugin Swift Performance Pro đã giải đáp giúp bạn phần nào về kiến thức lập trình Wordpress. Như tôi đã nói, ngôn ngữ lập trình không quan trọng bằng tư duy giải thuật, tư duy logic để giải quyết vấn đề.
Với những năm trước đây, lập trình viên là một cái nghề khó và kén chọn người học, đồng nghĩa với việc thu nhập hàng tháng của các lập trình viên luôn cao. Còn những năm gần đây, thì lập trình là môn học phổ thông, và ai cũng nên học một ngôn ngữ lập trình nào đó.
Nếu bạn còn bất kỳ câu hỏi nào trong việc học lập trình online, hãy gửi yêu cầu cho tôi qua email hoidapcode.com@gmail.com hoặc để lại comment bên dưới, tôi sẽ giải đáp trong vòng 24 giờ!
Blog hoidapcode.com là blog được tổng hợp tự động các bài học, thông tin về lập trình trên mạng internet. Nếu bạn có ý kiến hoặc đóng góp về bài viết này, hãy liên hệ với tôi!