Bật mí về các công nghệ mà WP Căn bản đang sử dụng.
Dạo gần đây có khá nhiều bạn inbox, gửi email hỏi tôi về việc WP Căn bản đang sử dụng hosting của nhà cung cấp nào, chạy web server nào, dùng những plugin gì… tại sao lại có tốc độ load nhanh đến như vậy? Vì không có thời gian để trả lời cụ thể cho từng bạn nên hôm nay tôi quyết định viết bài này để “bật mí” cho các bạn về những công nghệ mà tôi đang sử dụng trên blog WP Căn bản. Nếu bạn đang có mối quan tâm tương tự, hãy dành một chút thời gian để lướt qua bài viết nhé.
Một số kết quả test tốc độ load của WP Căn bản (chỉ mang tính chất tham khảo):
Các dịch vụ mà WP Căn bản đang sử dụng
Hơn một nửa số công nghệ và dịch vụ mà tôi đang sử dụng là sản phẩm trả phí. Tuy nhiên, chúng đều có mức giá khá phải chăng và bất cứ ai cũng có thể sở hữu:
Dịch vụ WordPress Hosting
Chi phí: 999.000 VND/năm.
WP Căn bản đang sử dụng dịch vụ WordPress Hosting do chính chúng tôi cung cấp, có server đặt tại Singapore, push dữ liệu qua CloudFlare CDN.
- Cấu hình: 1 vCore CPU (AMD Ryzen 9 7900, xung nhịp 3.7GHz – 5.4GHz), 2GB RAM DDR5, 4GB NVMe SSD Gen 4 dung lượng lưu trữ, không giới hạn IOPS, không giới hạn I/O, 25 Entry Processes, 40 Number of Processes, băng thông không giới hạn (cổng mạng 10Gbps)
- Hệ điều hành (OS): CloudLinux 9.6.0
- Web server: LiteSpeed Enterprise
- Phiên bản PHP: 8.3
- Cache engine: LiteSpeed Cache (LSCache) + Hybrid Object Cache (APCu + SQLite) + OpCode Cache + CloudFlare CDN
- Bảo mật: Imunify360 + Monarx Security + CloudFlare WAF + Defender Security (plugin) + JetBackup 5
cPanel đã được tùy biến và tinh gọn, hỗ trợ tối đa cho mã nguồn WordPress với các tính năng như: WordPress Manager by Softaculous, LiteSpeed Web Cache Manager…
Gói host này được sử dụng để vận hành cùng lúc 3 site là wpcanban.com, shop.wpcanban.com và demo.wpcanban.com.
Sở dĩ chúng tôi chọn server đặt tại Singapore bởi vì:
- Hạ tầng kỹ thuật ở Singapore phát triển hơn, server hoạt động ổn định hơn, đáp ứng đầy đủ các yêu cầu cho dịch vụ tối ưu website WordPress miễn phí trong khi giá thuê lại rẻ hơn ở Việt Nam.
- Lựa chọn server Singapore (kết hợp với CloudFlare CDN miễn phí) là giải pháp cân bằng tốc độ load của website tại Việt Nam và thị trường quốc tế (ví dụ như Mỹ), hạn chế tối đa ảnh hưởng của các sự cố đứt cáp quang biển.
- Các server đặt tại Singapore có tốc độ Google index dữ liệu rất nhanh (có lợi cho SEO). Ngoài ra, chúng cũng nằm gần các server của WordPress.org hơn nên rất thuận tiện trong việc cài đặt hoặc cập nhật WordPress, theme và plugin.
Tham khảo thêm:
- Nên chọn host Việt Nam hay host nước ngoài cho WordPress?
- Cần lưu ý những gì khi mua hosting dành cho WordPress?
Dịch vụ tên miền
Chi phí: $10.44/năm.
Tất cả tên miền của chúng tôi hiện tại đang được quản lý ở CloudFlare. Trước đây, thông thường tôi sẽ đăng ký tên miền ở NameCheap, sau đó transfer nó sang CloudFlare khi đủ 60 ngày (theo quy định của ICANN). Tuy nhiên, hiện tại CloudFlare đã hỗ trợ đăng ký tên miền mới nên việc này là không cần thiết nữa.
Giá gia hạn tên miền ở CloudFlare khá rẻ, chỉ $10.44/năm cho tên miền .com
và $11.84/năm cho tên miền .net
. Không những thế, các bạn còn được miễn phí tính năng ẩn thông tin chủ sở hữu của tên miền. Đăng ký tên miền tại CloudFlare cũng giúp bạn có thể sử dụng dịch vụ DNS, CDN của họ ngay và luôn mà không cần phải đổi Name Server nữa.
Tham khảo thêm:
Dịch vụ DNS và CDN
Chi phí: miễn phí.
WP Căn bản hiện đang sử dụng dịch vụ CloudFlare DNS được cung cấp miễn phí bởi CloudFlare để quản lý DNS cho tên miền. Ưu điểm của dịch vụ này là cực kỳ ổn định, tốc độ phản hồi nhanh, cập nhật IP nhanh chóng. Ngoài ra, các bạn còn có thể sử dụng CDN của nó để tăng tốc độ load cho website trong một số trường hợp, giảm tải cho server và phòng chống tấn công DDoS ở mức độ vừa phải. Chúng tôi khuyên dùng CloudFlare CDN và hỗ trợ cài đặt miễn phí cho các website của khách hàng có hosting đặt tại Singapore.
Tham khảo thêm:
- Tại sao bạn nên sử dụng CloudFlare làm máy chủ DNS?
- Có nên sử dụng dịch vụ CloudFlare cho website hay không?
Nếu website của bạn có lượng truy cập lớn, bạn nên tham khảo CloudFlare APO vì nó sẽ giúp tăng tốc độ load cũng như khả năng chịu tải của website lên một tầm cao mới nhờ khả năng cache toàn bộ dữ liệu rất “bá đạo” của mình.
Dịch vụ SSL
Chi phí: miễn phí.
WP Căn bản đang sử dụng CloudFlare Universal SSL cho cả domain chính lẫn các subdomain. CloudFlare Universal SSL miễn phí và hoàn toàn tương thích với các trình duyệt web + hệ điều hành phổ biến hiện nay. Kể từ 1/10/2021, chúng tôi khuyên dùng CloudFlare SSL thay cho Let’s Encrypt bởi vì Let’s Encrypt đã ngừng hỗ trợ trình duyệt web và hệ điều hành cũ. Điều kiện duy nhất để có thể sử dụng CloudFlare SSL cho website của bạn đó là phải đồng thời kích hoạt CloudFlare CDN.
Tham khảo thêm:
- Cài đặt CloudFlare SSL miễn phí cho website WordPress
- Hướng dẫn cài SSL miễn phí với AutoSSL trên cPanel
Dịch vụ thông báo bài viết mới qua email
Chi phí: miễn phí.
Chúng tôi hiện đang sử dụng dịch vụ miễn phí (gói Free) của Jetpack (WordPress.com) để gửi thông báo bài viết mới qua email cho những người đăng ký theo dõi blog. Đây là một trong những sự lựa chọn tuyệt vời để thay thế cho FeedBurner vốn đã bị Google khai tử. Gói Free cho phép các bạn gửi không giới hạn số email thông báo và không giới hạn số subscriber. Điểm hạn chế duy nhất là Jetpack chỉ cho phép import tối đa 100 subscriber từ dịch vụ khác hoặc qua file CSV. Nếu muốn import nhiều subscriber hơn, các bạn sẽ phải nâng cấp lên các gói trả phí (bắt đầu từ $19.95 mỗi tháng, thanh toán theo năm).
Tham khảo thêm: Thay đổi hệ thống thông báo bài viết mới qua email
Dịch vụ gửi mail qua SMTP
Chi phí: miễn phí.
WP Căn bản đang sử dụng SMTP của Gmail để gửi email thông báo cho khách hàng và khách truy cập. Đã có một thời gian dài trước đây, chúng tôi từng sử dụng Mandrill, rồi đến SendGrid để cá nhân và chuyên nghiệp hóa với email tên miền riêng (no-reply@wpcanban.com
). Tuy nhiên, giờ đây chúng không còn miễn phí nữa. Đó là lý do chúng tôi quay trở lại với Gmail.
Tham khảo thêm:
Dịch vụ email với tên miền riêng
Chi phí: $8.4/tháng.
Email admin@wpcanban.com
mà chúng tôi đang sử dụng để liên hệ với khách hàng được cung cấp bởi Google Workspace (gói Business Standard). Ưu điểm khi sử dụng Gmail của Google thì chắc các bạn cũng biết rồi: gửi mail cho các Gmail khác ít khi bị vào spam hơn. Nếu bạn đang tìm kiếm một dịch vụ tạo email với tên miền riêng hoàn toàn miễn phí thì có thể tham khảo Zoho hoặc Yandex. Không nên tạo email ngay trên host vì khả năng email bị vào spam là rất cao, hơn nữa chúng còn chiếm dụng cả dung lượng lưu trữ của host.
Tham khảo thêm:
- Tạo email với tên miền riêng miễn phí trên Zoho Mail
- Tạo email với tên miền riêng trên hosting sử dụng cPanel
Theme mà WP Căn bản đang sử dụng
Chi phí: 599.000 VND.
Cái này không cần nói chắc nhiều bạn ở đây cũng đã biết, WP Căn bản đang sử dụng theme Paradise trên nền tảng Genesis Framework. Đây là 1 child theme được thiết kế và tối ưu bởi chính WP Căn bản, phỏng theo thiết kế của child theme Magazine Pro. Theme Paradise sở hữu một bộ mã nguồn siêu nhẹ, được tích hợp nhiều tính năng hữu ích giúp tối ưu tốc độ load, bảo mật và trải nghiệm người dùng. Nó đặc biệt phù hợp với blog cá nhân, tạp chí điện tử, website vệ tinh để làm SEO, website kiếm tiền từ quảng cáo (Google AdSense, Mgid…) và các website bán hàng online dạng đơn giản.
Demo chi tiết của theme, các bạn có thể xem tại đây.
Tham khảo thêm:
- Tại sao bạn nên chọn Genesis Framework và Paradise?
- Các tính năng của theme Paradise tích hợp trong Customizer
Các plugin mà WP Căn bản đang sử dụng
WP Căn bản hiện đang cài đặt và sử dụng tổng cộng 23 plugin trên blog, trong đó có 8 plugin “của nhà trồng được” (tự viết). Một số bạn có thể sẽ bất ngờ khi biết chúng tôi sử dụng nhiều plugin đến như vậy. Ưu điểm của WordPress là sở hữu kho plugin phong phú giúp giải quyết hầu hết mọi nhu cầu. Do vậy, đừng ngại việc cài đặt và sử dụng chúng. Bởi vì không phải plugin nào cũng làm website của bạn load chậm hơn (nhiều cái trong số đó là plugin hỗ trợ tăng tốc độ load). Miễn là bạn biết cách lựa chọn và sử dụng hợp lý (không quá lạm dụng) thì cứ vô tư đi nhé.
- Akismet: plugin chống spam bình luận. Tham khảo thêm: Làm thế nào để có được một API Key miễn phí cho Akismet?
- Beaver Builder Plugin (Pro): phiên bản nâng cấp (trả phí) của plugin Beaver Buider, được sử dụng để xây dựng các trang giới thiệu dịch vụ của WP Căn bản
- PowerPack for Beaver Builder: tiện ích mở rộng (trả phí) cho plugin Beaver Builder
- LuckyWP Table of Contents: tạo mục lục cho bài viết và trang
- Performant Translations: chuyển các file ngôn ngữ sang định dạng PHP để tăng tốc độ load. Tham khảo thêm: Tăng tốc độ load file ngôn ngữ trong website WordPress
- WP Extended Search: cải thiện tính năng tìm kiếm mặc định của WordPress. Tham khảo thêm: Nâng cấp tính năng tìm kiếm mặc định của WordPress
- ShortPixel Image Optimizer: nén ảnh, tạo định dạng ảnh WebP, giảm kích thước tập tin hình ảnh nhưng vẫn giữ nguyên chất lượng. Tham khảo thêm: ShortPixel – plugin nén ảnh giá rẻ tốt nhất dành cho WordPress
- Defender Security: plugin bảo mật và quét mã độc dành cho WordPress
- TablePress: plugin hỗ trợ tạo bảng trong WordPress. Tham khảo thêm: Tạo bảng responsive cho WordPress với plugin TablePress
- Rank Math SEO: plugin tối ưu tìm kiếm (SEO) cho blog và hỗ trợ viết bài chuẩn SEO. Tham khảo thêm: Giới thiệu sơ lược về plugin Rank Math của MyThemeShop
- Rank Math SEO Pro: tiện ích mở rộng giúp nâng cấp tính năng cho plugin Rank Math SEO.
- LiteSpeed Cache: tạo cache, tối ưu HTML, CSS, JS, hình ảnh, dọn dẹp database… nhằm tăng tốc độ load cho blog. Plugin này chỉ sử dụng được trên các hosting sử dụng web server LiteSpeed. Tham khảo thêm: Hướng dẫn cài LiteSpeed Cache cho WordPress một cách đơn giản
- Perfmatters: một plugin đa dụng, với các tính năng như cache Google Analytics, trì hoãn tải các file JS, lazyload hình ảnh và iframe, tải có điều kiện các file JS và CSS, loại bỏ các thành phần không cần thiết…
- Unbloater: loại bỏ một số tính năng không cần thiết của WordPress. Tham khảo thêm: Tinh giản WordPress giúp website của bạn nhẹ hơn
- Jetpack: hiển thị khung đăng ký nhận thông báo bài viết mới qua email (trên sidebar) và mục “thông báo cho tôi bằng email khi có bài đăng mới” dưới khung bình luận.
- WPCB Simple SMTP (tự viết): cấu hình gửi mail thông qua SMTP của SendGrid hoặc Gmail. Tham khảo thêm: Plugin SMTP siêu nhẹ dành cho WordPress
- WPCB Social Share Buttons (tự viết): tạo nút chia sẻ bài viết lên mạng xã hội (siêu nhẹ và không sử dụng jQuery và JavaScript). Tham khảo thêm: Tạo nút chia sẻ mạng xã hội siêu nhẹ cho WordPress
- WPCB Syntax Highlighter (tự viết): dùng để hiển thị code snippets trong các bài viết. Tham khảo thêm: Hiển thị code trong bài viết của WordPress
- WPCB Hybrid Cache Manager (tự viết): sử dụng các extension APCu và SQLite của PHP để làm hệ thống Object Cache đa tầng, giúp giảm tải cho database và tăng tốc độ load cho website. Tham khảo thêm: Ra mắt plugin Hybrid Object Cache độc quyền tại WP Căn bản
- WPCB Comment Notifications (tự viết): tự động gửi mail thông báo cho độc giả khi bình luận của họ được phê duyệt hiển thị và thông báo khi bình luận của độc giả được một người khác trả lời. Tham khảo thêm: Thông báo cho người dùng khi bình luận được xét duyệt và Gửi email thông báo khi có bình luận mới trên blog WordPress
- WPCB Comment User Badge (tự viết): dùng để hiển thị nhãn vai trò của người dùng đăng nhập hoặc thống kê tổng số bình luận của khách trong phần bình luận. Tham khảo thêm: Thêm user role vào comment của theme Paradise
- WPCB Auto Images Alt-Text (tự viết): tự động tạo alt-text (văn bản thay thế) cho hình ảnh khi upload. Nó cũng cung cấp công cụ cho phép tạo alt-text hàng loạt cho các hình ảnh đã upload trước đó. Tham khảo thêm: Tự động tạo alt-text cho hình ảnh trong WordPress
- WPCB Simple Contact Form (tự viết): tạo biểu mẫu liên hệ đơn giản bằng một shortcode duy nhất (không có thiết lập). Plugin tương thích với tính năng chống spam của Akismet. Tham khảo thêm: Plugin contact form siêu nhẹ cho WordPress
Ngoài ra, chúng tôi còn viết cả plugin:
- WPCB Content Protector (không cài đặt trên blog này): để chống copy nội dung trái phép. Tham khảo thêm: Plugin chống copy nội dung siêu nhẹ cho WordPress
- WPCB Auto Expired Transients Cleaner (không cài đặt trên blog này): để tự động dọn dẹp các transients (dữ liệu tạm thời) đã hết hạn. Tham khảo thêm: Xóa transients đã hết hạn trong database WordPress
- WPCB Permalinks Manager (không cài đặt trên blog này): để hỗ trợ xóa base slug cho các loại bài viết tùy chỉnh và phân loại. Tham khảo thêm: Xóa base slug của custom post type và taxonomy
Tham gia ngay group Facebook dành riêng cho khách hàng để download miễn phí các plugin do WP Căn bản tự viết nhé:
Trên đây là danh sách một số công nghệ, dịch vụ, theme cũng như plugin mà WP Căn bản đang sử dụng. Hy vọng nó sẽ giúp bạn lựa chọn được cho website của mình những công nghệ phù hợp để đạt hiệu suất hoạt động cao nhất.
Bạn đang sử dụng những công nghệ và plugin nào trên website WordPress của mình? Đừng quên chia sẻ nó với chúng tôi trong khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Bí mật đã được bật mí
Chia sẻ hết luôn để đỡ phải trả lời lắt nhắt. 🤣
Cái follow_it nó gửi cái mail nhìn tởm anh ạ. Tiêu đề bài viết của mình thì có chút ét (ko có hình) còn quảng cáo từa lưa hột dưa của nó thì nổi bật hết cái email, hết 90% diện tích. Mong anh tìm ra giải pháp khác tốt hơn.
Hồi trước mình thấy ổn mà ta, không có quảng cáo gì trong email. Lâu rồi không để ý lắm. Bạn chụp ảnh giúp mình cái mẫu email để mình xem thử nhé. Nếu giải pháp miễn phí mà không giới hạn thì chắc bây giờ chỉ có dùng Jetpack thôi. Mà cài Jetpack chỉ để dùng tính năng thông báo bài viết qua email thì không đáng. :D
Thực sự là quá bất ngờ về tốc độ của wpcb. Dùng nhiều plugins như vậy mà vẫn chạy phà phà, trong khi blog mình chỉ có 1 plugins mà vẫn ì ạch!
Còn tùy là cài plugin gì và cách tối ưu nó ra sao. Có phải cứ cài nhiều plugin là load chậm đâu bạn. :P
Tuyệt vời, cảm ơn chia sẻ từ admin ạ!
Mình mới cập nhật bài viết nhưng Google lại không cập nhật ngày, khiến bài viết trông khá cũ trên Google. Blog của bạn xóa ngày tháng này bằng cách nào vậy, mình không thấy nó khi tìm.
Mình xóa ngày đăng bài viết, thay vào đó là ngày cập nhật (chỉnh sửa) bài viết lần cuối. Việc này được thực hiện trong Appearance => Customize => Theme Settings => Singular Content => Entry Meta (above content) của Genesis Framework. Những theme khác thì mình không rõ. :)
Cảm ơn bạn nhiều, theme mình cũng có cái này nên làm được luôn.
Đối với child theme Flatsome thì xóa ngày đăng bài viết thay bằng ngày cập nhật được không Anh Hiếu.
Bạn thử chèn đoạn code sau vào file
functions.php
của Flatsome child theme xem có được không nhé:Tính ra chi phí duy trì web cũng không nhiều lắm nhỉ, mình tưởng site traffic nhiều phải kinh lắm chứ, mỗi cái plugin xài nhiều thật =)
Mình cài khá nhiều plugin nhưng nhiều cái trong số chúng là phục vụ cho mục đích tối ưu nên chúng chỉ khiến website nhanh hơn chứ không chậm đi. Còn những plugin khác thì mình cũng kiểm soát chặt chẽ bằng cách chỉ cho chúng load file trên những trang cần dùng. :P
bác cho em hỏi cái plugin Defender Security nhẹ hơn wordfence không nhỉ, mình chưa bao giờ dùng cái đó, đang xài wordfence mà thấy nó nặng quá
Defender Security nhẹ hơn Wordfence Security khá nhiều nhé. Không nên dùng Wordfence Security cho shared hosting và VPS có cấu hình thấp. Đặc biệt là tính năng “Live Traffic” rất tốn tài nguyên.
thanks bác, để thử, Defender Security lúc đầu nghe tên tưởng plugin vs phần mềm diệt virut của microsoft trong windows kk
Plugin này của WPMUDEV, không liên quan gì đến Microsoft đâu. Chỉ là trùng tên thôi. =))
Mình có mua Defender Pro mà thấy không có gì khác biệt với bản free nhỉ? thấy nhiều tính năng pro nó ko mở, phải mua trực tiếp thanh theo theo tháng từ nhà sx à bác
Bạn phải mua trực tiếp và kết nối plugin với tài khoản khách hàng thì mới dùng được nhé. Còn không thì bản Pro đó cũng chẳng khác gì bản Free.
Anh cho em hỏi mấy cái js-extra anh dùng cách nào để chuyển thành base64 tự động vậy ạ? Cảm ơn anh!
Cái đó là do tính năng tối ưu JS của plugin LiteSpeed Cache bạn ạ. :)
Cụ thể ở đây là tính năng Load JS Deferred. :)
Em đang dùng Load JS Delayed luôn nên ko thấy nó chuyển thành base64. Nhưng mà theo Core Web Vital thì nên dùng Defer hay Delayed anh? Em có một mớ trang bị lỗi FID quá 100, ko biết có phải do Delayed quá mức ko nữa.
Defer thôi. Kỹ thuật delay chỉ nên áp dụng cho các script tải từ nguồn bên ngoài kiểu như Facebook Messenger, Facebook Pixel, Facebook Comments, Google Analytics…
Anh dùng cách gì để delayed các script bên ngoài khi đã dùng defer của litespeed cache ạ?
Bạn tham khảo bài viết “Trì hoãn tải script của bên thứ ba trong WordPress” nhé. Ngoài ra, plugin Perfmatters (trả phí) cũng có tính năng này.
Vẫn tin dùng host của WPCanBan và các thủ thuật tăng tốc 👍
Cảm ơn bạn. :)
Anh Hiếu đánh giá 2 plugin SEO là Yoast SEO Premium vs Rank Math SEO như thế nào anh ơi. Em thấy giờ nhiều người dùng rank math SEO quá ạ.
Rank Math nhiều tính năng hơn nhưng cũng nhiều lỗi vặt hơn và tương thích với các plugin khác kém hơn Yoast SEO. Riêng mình vẫn thích Yoast SEO hơn và khuyên dùng Yoast SEO cho các website của khách hàng. :)
Tưởng đâu không dùng Plugin chứ cũng nhiều phết nhỉ :D
Cái gì đơn giản thì mình sẽ tự code, còn phức tạp thì sẽ dùng plugin. Plugin vốn là thế mạnh của WordPress mà, tội gì không tận dụng. :D
Cài nhiều thế mà điểm insight vẫn 100% thì bá phết :D
1. Không phải plugin nào cũng làm nặng web. Nhiều plugin được cài nhằm mục đích tăng tốc độ load web.
2. Mình chỉ cho file JS và CSS của các plugin load trên những trang thực sự cần tới tính năng của chúng.
Bác cho hỏi iThemes Security với cái Defender Security bác cài thì cái nào tốt hơn nhỉ.
Cá nhân mình thích Defender Security hơn Wordfence Security, Sucuri Security và iThemes Security.
Quan điểm của em, đối với anh em nào không chuyên, tính năng nào cần thiết mà mình cảm thấy tự làm không hiệu quả hoặc không biết làm thì cứ cài plugin. Không cần phải e ngại chi hết bác ạ ^^
Oke bác, cứ Host ngon vào là được nhỉ chấp mọi thể loại Plugin =))