Top 6 Kỹ Thuật Tối ưu Giúp Tăng Tốc Độ Website Wordpress Nhanh
Tại sao bài viết này chỉ tập trung vào việc tăng tốc Wordpress mà không phải là một nền tảng khác? Hãy để những số liệu dưới đây trả lời câu hỏi này
Tính đến tháng 8/2018, có khoảng 74 triệu website được xây dựng và phát triển trên nền tảng Wordpress, chiếm khoảng 31.6% tổng số website trên toàn thế giới. Những con số này hoàn toàn áp đảo so với những nền tảng miễn phí tương tự như Shopify chiếm 1.2%, Joomla chiếm 3.1%, Drupal 2%, blogger 0.8%,…
Wordpress là một nền tảng CMS tuyệt vời và là sự lựa chọn tiết kiệm hàng đầu dành cho cá nhân/ doanh nghiệp. Tuy nhiên, không có giải pháp nào hoàn hảo ngay từ đầu, nếu không biết cách tối ưu hóa, bạn vẫn sẽ gặp nhiều rắc rối. Một trong những vấn đề lớn nhất mà nhiều người gặp phải khi tối ưu Wordpress là tốc độ load trang
Trong bài viết này, tôi sẽ hướng dẫn bạn vài cách khác nhau để tăng tốc website wordpress của mình hiệu quả nhất..
Tuy nhiên, trước đó bạn cần lưu ý một số điểm quan trọng trước khi bắt đầu:
_ Đây là một bài viết đề cập đến nhiều khái niệm kĩ thuật, nếu bạn đang ở giai đoạn bắt đầu, có thể chúng ta sẽ phải dành thời gian tìm hiểu một số kĩ thuật hỗ trợ như cách viết CSS, tìm hiểu khái niệm bộ nhớ đệm…
_ Từng yếu tố được đề cập trong bài viết này có thể được tối ưu theo nhiều cách khác nhau và có thể trải qua rất nhiều công đoạn, không có cách nào tóm gọn tất cả chỉ trong một bài viết duy nhất. Vì vậy chúng ta sẽ lướt qua tổng quan để bạn dễ dàng kiểm tra website của mình, tôi sẽ hướng dẫn cụ thể cách thực hiện trong các bài viết chuyên sâu hơn ở từng chủ đề.
KINH DOANH VỚI GOOGLE ADS
Các bạn có đang kinh doanh sản phẩm nào đó hay không ? Các sản phẩm đang được các bạn trưng bày trên website cửa hàng tuy nhiên vẫn chưa thể tiếp cận khách hàng. Hãy tìm hiểu ngay về dịch vụ quảng cáo Google để nhanh chóng đưa sản phẩm của mình đến với những khách hàng tiềm năng nhất nhé
Dịch Vụ Quảng Cáo Google |
Hướng dẫn cách tăng tốc cho website Wordpress
1.Triển khai mạng phân phối nội dung CDN để tăng tốc Wordpress
Đối với tôi, CDN là giải pháp hàng đầu để tối ưu tốc độ wordpress, dù quy mô website của bạn lớn đến mức nào, hoặc lượng traffic hiện tại là bao nhiêu đi nữa, nó sẽ làm mọi thứ trở nên đơn giản hơn rất nhiều. Có hai lí do chính mà các bạn nên triển khai CDN cho web của mình: Chúng cho phép bạn lưu trữ hình ảnh bên ngoài máy chủ, giải phóng dung lượng ở mục Media, đồng thời làm giảm thời gian tải ảnh
Ý tưởng gốc của CDN là đưa các tài nguyên được yêu cầu đến gần bạn hơn về mặt địa lí. Ví dụ, nếu trang web của bạn được lưu trữ ở Việt Nam, nhưng nếu sử dụng Amazon Cloudfront làm CDN, có nghĩa là khách truy cập từ California sẽ nhận được dữ liệu, hình ảnh từ một máy chủ trong tiểu bang ở gần đó, không phải đợi yêu cầu dữ liệu từ Việt Nam, điều này làm giảm thời gian chuyển giao, số bước nhảy (số lượng router/ firewall…Mà dữ liệu phải trải qua)…Và những thông số khác, qua đó tăng tốc website wordpress
Những dịch vụ CDN hàng đầu hiện nay như Amazon Cloudfront, KeyCDN…Thường phát triển các plugin tương thích với website Wordpress giúp bạn nhanh chóng triển khai một CDN cho trang web của mình chỉ sau vài phút cài đặt.
CDN sẽ giúp người dùng rút ngắn khoảng cách với dữ liệu thông qua các máy chủ trung gian
Nếu các bạn đang cần sự hỗ trợ với các gói dịch vụ seo giá rẻ, an toàn, hiệu quả nhất, hãy liên hệ ngay với Quảng Cáo Siêu Tốc nhé
2. Giảm số lượng yêu cầu HTTP
Giảm số lượng yêu cầu HTTP mà WordPress tạo ra là rất quan trọng trong việc tăng tốc wordpress. Tôi sẽ hướng dẫn bạn cách khắc phục những vấn đề liên quan đến gravatar và yêu cầu bổ sung để load biểu tượng cảm xúc, tính năng mới được áp dụng từ phiên bản WordPress 4.2 trở đi
2.1 Giải quyết vấn đề Gravatar
Gravatar là một dịch vụ hoàn toàn miễn phí cho phép website hiển thị ảnh đại diện của khách truy cập web. Tuy nhiên, nếu bạn đang sử dụng hệ thống bình luận theo mặc định của Wordpress, mỗi gravatar sẽ tạo ra một yêu cầu HTTP riêng, nếu có quá nhiều nhận xét, bình luận sẽ sinh ra hàng tấn yêu cầu và redirect không cần thiết như hình bên dưới
Số yêu cầu HTTP được tạo ra từ gravatar nhiều hơn bạn vẫn nghĩ
Để giải quyết vấn đề này, bạn có thể áp dụng vài cách giải quyết dưới đây:
_ Vô hiệu hóa Gravatar của người dùng
Hướng giải quyết đầu tiên là chỉ đơn giản vô hiệu hóa gravatar của người dùng và chỉ sử dụng các avatar nội bộ, ý tưởng này có thể ảnh hưởng phần nào đến trải nghiệm người dùng, nhưng nếu so sánh với hiệu quả tăng tốc Wordpress, rõ ràng xứng đáng để hi sinh
Để thực hiện, bạn có thể tìm và cài đặt plugin WP User Avatar của Wordpress ở mục Plugin. Trong menu cài đặt, hãy nhấp vào “Disable Gravatar and use only local avatars” sau đó chọn hình đại diện cho local avatar là được.
_ Sử dụng Plugin “Disqus Conditional Load”
Đây là plugin do James Joel phát triển cho phép cắt bỏ tất cả yêu câu HTTP trong quá trình tải, thân thiện với công cụ tìm kiếm, đồng thời vẫn cho phép Google thu thập dữ liệu trên comment của bạn. Mặc dù đề xuất này hơi lạ, vì thêm tập tin javascript, plugin bên thứ ba thông thường sẽ tác động trực tiếp đến tốc độ tải trang. Nhưng nếu bạn so sánh với số lượng yêu cầu HTTP được cắt giảm trên mỗi bài viết nhờ Disqus Conditional Load, rõ ràng chúng ta hoàn toàn có lợi.
2.2 Giải quyết vấn đề về biểu tượng cảm xúc ở mục comment
Phiên bản cập nhật từ WordPress 4.2 trở đi đã hỗ trợ thêm biểu tượng cảm xúc, điều này có nghĩa là Wordpress sẽ chứa thêm một file wp-emoji-release.min.js?ver=4.3.1 ở header của bạn, tạo ra một yêu cầu HTTP bổ sung không cần thiết, đặc biệt trong trường hợp bạn không muốn sử dụng chúng. Để giải quyết vấn đề và tăng tốc Wordpress, chúng ta nên tắt hẳn tính năng này để giảm bớt một yêu cầu HTTP
Để tắt biểu tượng cảm xúc, bước đầu tiên, bạn cần tìm đến mục “Writing Settings” ở trang quản trị Wordpress và BỎ dấu stick ở mục “convert emoticons”. Kế tiếp, hãy copy đoạn code dưới đây và thả vào ở cuối file functions.phpcủa bạn
Dán đoạn code vào cuối file functions.php để tắt biểu tượng emotion trên website
3. Bật bộ nhớ đệm để tối ưu tốc độ wordpress
Bộ nhớ đệm có lẽ là phương pháp tối ưu nhất để tăng tốc Wordpress. Ý tưởng gốc của bộ nhớ đệm khá đơn giản. Hãy thử nghĩ lại, lúc bạn học phép cộng lần đầu tiên năm 4 tuổi, đa số chúng ta cần que, hoặc kẹo, hoặc vài thứ cụ thể để cầm trong tay và đếm, nhưng bây giờ thì sao? Bạn có thể trả lời ngay 5 + 4 = 9, vì não của chúng ta đã lưu trữ sẵn kết quả, bạn không cần phải tính toán nữa
Giờ hãy nói về Website, ví dụ một trang web chỉ hiển thị duy nhất tên của bạn và số năm hiện tại, nghĩa là nội dung web chỉ thay đổi mỗi năm 1 lần (tên bạn không thay đổi). Tuy nhiên, mỗi lần bạn load lại trang, máy chủ vẫn phải tính toán lại số năm hiện tại
Lúc này, bộ nhớ đệm sẽ lưu một bản sao HTML của trang web ở thời điểm nhất định. Cụ thể ở ví dụ trang web trên, chúng ta có thể đặt bộ nhớ cache hết hạn mỗi ngày 1 lần, nghĩa là một lần mỗi ngày, khi trang web load lại như bình thường, bộ nhớ đệm sẽ phát hiện yêu cầu, yêu cầu máy chủ xử lí và trả về kết quả dưới dạng HTML, nó sẽ lưu lại file HTML kết quả đó trong bộ nhớ
Lần sau, nếu người dùng load lại web, bộ nhớ cache sẽ tải HTML từ bộ nhớ đã lưu sẵn, thay vì yêu cầu máy chủ xử lí lại lần nữa. Đây chỉ là ví dụ đơn giản nhất, nhưng đây là cách để hình dung chức năng bộ nhớ đệm đơn giản nhất
Bạn có thể dễ dàng bổ sung bộ nhớ đệm để tăng tốc website wordpress bằng cách cài đặt plugin hỗ trợ, ví dụ WP Super Cache, W3 Total Cache, WP Rocket…Lưu ý rằng mỗi plugin sẽ có ưu khuyết điểm riêng, bạn phải tìm hiểu thêm để chọn ra plugin phù hợp với nhu cầu của mình.
4. Tối ưu hóa cơ sở dữ liệu Wordpress
Các website được xây dựng trên nền tảng Wordpress thường có xu hướng chậm dần nếu bạn không thể giữ Database được tối ưu hóa, có nhiều cách giúp cơ sở dữ liệu được sạch sẽ, tôi sẽ đưa ra vài đề xuất giúp bạn tối ưu wordpress của mình:
4.1 Vô hiệu hóa hoặc giới hạn tính năng Revison Post của Wordpress
WordPress sẽ tự động lưu lại bài viết trong suốt quá trình tạo nội dung mới trên website dưới dạng revision, nếu không để ý, bạn sẽ vô tình tạo ra hàng nghìn bản lưu không cần thiết trong database của mình. Để khắc phục vấn đề này, bạn có thể vô hiệu hóa hoàn toàn hoặc giới hạn số lần autosave
_ Cách vô hiệu hóa hoàn toàn Revison Post
Để vô hiệu hóa hoàn toàn tính năng Revison Post nhằm tăng tốc wordpress, bạn cần tải bổ sung đoạn mã sau lên filewp-config.php, nó sẽ mặc định autosave từ 60s – 5 phút và vô hiệu hóa các bản Revison. Theo mặc định, vẫn có 1 lần autosave ở mỗi bài post
Đoạn code vô hiệu hóa hoàn toàn các bản autosave của website
_ Giới hạn số lần autosave trên mỗi bài đăng
Tương tự như hướng dẫn trên, bạn chỉ cần tải bổ sung đoạn mã dưới đây lên file wp-config.php. Theo mặc định, nó sẽ tự động save trong khoảng từ 60s – 5 phút, save 3 lần mỗi bài post
Đoạn code hạn chế autosave cho website wordpress
4.2 Xóa toàn bộ bản autosave cũ khỏi cơ sở dữ liệu website
Sau khi đã tắt hoặc giới hạn số lần autosave, bạn nên xóa các bản revision cũ. Ở đây, tôi khuyên bạn nên tạm thời cài đặt plugin miễn phí WP-Optimize trên Wordpress
Với plugin này, bạn có thể xóa tất cả các bản revision, bài đăng nháp, nhận xét spam, nhận xét không được phê duyệt, tùy chọn tạm thời, pingback và trackback, ở phiên bản mới nhất, chúng ta có thể lên lịch trình tự động.
Liên quan đến seo cũng như tiếp thị liên kết, Quảng Cáo Siêu Tốc cũng có 2 bài viết tương tự gần đây, các bạn có thể tham khảo thêm nhé
Danh sách 6 diễn đàn rao vặt miễn phí tốt nhất Việt Nam 2018
Density là gì ? Xác định mật độ từ khóa tốt nhất cho các bài viết seo
5. Minify và kết hợp CSS và Javascript
5.1 Giảm thiểu tài nguyên bằng kĩ thuật Minify
Minify là một thuật ngữ quen thuộc trong lập trình, nó có nghĩa là xóa các kí tự không cần thiết khỏi HTML, Javascript và CSS, chẳng hạn như kí tự khoảng trắng, kí tự đầu dòng mới, bình luận, chặn dấu cách... Đây là thao tác khá đơn giản để làm giảm số lượng yêu cầu HTTP từ máy chủ và tăng tốc Wordpress
5.2 Kết hợp
Một cách khác để tăng tốc website wordpress là kết hợp các file CSS và JavaScript thành một file duy nhất với mục đích chính là giảm thiểu yêu cầu HTTP. Thay vì phải tải 10 file Javascript cùng lúc, về cơ bản, bạn có thể sao chép và dán tất cả vào một file duy nhất, nghĩa là chúng ta không cần phải tải về cả 10 file có dung lượng trung bình 20kb nữa, thay vào đó, bạn chỉ cần tải xuống 1 file 200kb. Bạn nên sử dụng Plugin WP Rocket để hỗ trợ quá trình này
Mẹo nhỏ: Để tăng tốc wordpress, trong quá trình sắp xếp CSS và Javascript trong WordPress, bạn nên để chuyển CSS lên đầu và Javascript ở phía dưới.
6. Điều chỉnh MySQL để tối ưu Wordpress
Tối ưu hóa MySQL là một trong những bước rất quan trọng để tối ưu tốc độ wordpress, tuy nhiên, tôi không thể đề xuất cấu hình mặc định, nó phụ thuộc vào môi trường và thiết lập ban đầu của bạn. File cấu hình MySQL/MariaDB thông thường sẽ nằm trong /etc/my.cnf, dưới đây là một số thiết lập cần đặc biệt quan tâm
tmp_table_size
query_cache_type
query_cache_size
query_cache_size
join_buffer_size
max_heap_table_size
Để kiểm tra thiết lập MySQL, bạn có thể sử dụng script MySQL Tuner, cần lưu ý rằng nó chỉ có thể đọc đơn thuần, không thể thực hiện bất kì chỉnh sửa nào, đây là cách giúp bạn có cái nhìn tổng quan về hiệu suất hiện tại của máy chủ, đồng thời đề xuất một số cách cải thiện. Ngoài ra, bạn cũng có thể sử dụng MySQL tuning primer hoặc phpMyAdmin cũng được.
phpMyAdmin là lựa chọn khá phổ biến để có cái nhìn tổng quan về hiệu suất máy chủ
Kết luận
Tôi vừa giới thiệu với bạn vài cách để tăng tốc Wordpress Website hiệu quả nhất, trên thực tế, mỗi website sẽ có một số yếu tố trọng tâm khác nhau cần tối ưu, vì vậy các quản trị viên có thể theo dõi quá trình vận hành website và tìm ra hướng tối ưu riêng cho trang của mình. Chúc bạn thành công!