HomeWordpress

Tăng tốc độ tải trang WordPress trong 5 bước

Tăng tốc độ tải trang WordPress trong 5 bước
Like Tweet Pin it Share Share Email

Xin chào các bạn.

Bài viết này mình sẽ hướng dẫn các bạn làm thế nào để tăng tốc độ tải trang WordPress lên nhiều lần. Mình phải viết riêng một bài vì bài viết SEO WordPress toàn diện – Tối ưu hóa WordPress của bạn dài quá sợ viết vô thì sẽ rối, khó tập trung. Vả lại phần này nó cũng cầu kỳ không kém phần trước.

Nếu các bạn chưa từng đọc qua phần trước thì mình khuyên các bạn nên đọc để có cái nhìn và hiểu biết hơn về việc tối ưu hóa WordPress để tốt cho SEO nhé.

Bài đọc thêm cần đọc trước khi đọc bài này

SEO WordPress toàn diện – Tối ưu hóa WordPress của bạn

KẾT QUẢ SAU KHI TỐI ƯU

Đây là kết quả sau khi tối ưu trang blog của mình (https://cauvanglaohac.com). Cũng khá mất thời gian 3, 4 tiếng đồng hồ loay hoay tìm tòi, kiểm tra qua lại các thứ mình mới có kết quả như này. Đừng lo, mình sẽ hướng dẫn vắn tắt cho các bạn hoàn thành việc này nhanh thôi  :byebye:

Trước khi tối ưu tốc độ tải:

Tối ưu hóa tốc độ tải wordpress
Trước khi tối ưu hóa

Và sau khi đã tối ưu hóa xong:

Tăng tốc độ tải trang WordPress
Sau khi đã tối ưu hóa tốc độ tải trang

Như các bạn thấy đó  :byebye: Tốc độ tải trang WordPress Page Speed từ mức D (66%) tăng lên mức A (93%). Còn mục YSlow thì mức E (53%) tăng lên B (86%).

Tối ưu hóa tốc độ tải wordpress
Tốc độ tải trang sau khi đã tối ưu

Tốc độ tải trang trước khi tối ưu là 5.49s  :surrender: .

Cho các bạn link kết quả test của mình  :adore:  https://gtmetrix.com/reports/cauvanglaohac.com/2RaUSm96

 

BƯỚC 1: KIỂM TRA TỐC ĐỘ TẢI

Việc đầu tiên luôn là kiểm tra tốc độ tải trang WordPress của bạn trước đã.

Mình sử dụng cùng lúc 2 plugin khác nhau để kiểm tra kết quả và viết bài viết này: ManageWP và GTmetrix. 2 plugin này đều được cung cấp miễn phí. Các bạn có thể bấm vào link để tham khảo.

Trong phạm vi bài viết này thì mình chỉ giới thiệu GTmetrix thôi nha. Còn ManageWP thì nó là một plugin quản lý trang luôn rồi. Có thời gian mình sẽ viết nguyên một bài so sánh nó với plugin JetPack. Hơi lan man rồi  :sexy:

Các bạn vào website của họ https://gtmetrix.com/ tạo tài khoản (để lưu trữ kết quả kiểm tra).

CHẠY KIỂM TRA THỬ

Bạn nhập tên trang web mà bạn muốn kiểm tra thử.

Kiểm tra tốc độ tải trang

Trong mục Advanced, chọn có thể chọn địa điểm (như trong hình là HongKong) và trình duyệt.

Sau khi chờ vài giây thì kết quả sẽ hiện lên.

Tối ưu hóa tốc độ tải wordpress
Đây là kết quả khi test bằng plugin.

ĐÁNH GIÁ KẾT QUẢ KIỂM TRA

Bạn bấm vào đường link thì sẽ hiện ra các mục cần tối ưu.

Vì mình lỡ xóa kết quả kiểm tra cũ trên GTmetrix rồi nên mình sử dụng kết quả bên ManageWP. 2 cái này cũng như nhau thôi.

Trước khi tối ưu
PageSpeed trước khi tối ưu
YSlow trước khi tối ưu
YSlow trước khi tối ưu

Những phần màu đỏ là những phần cần phải tối ưu. Các bạn bấm vào sẽ thấy những địa chỉ url, hình ảnh, gợi ý các thứ để mà tối ưu tốc độ. Bạn có thể bấm vào để xem nhưng mà thiệt tình mà nói thì lúc đầu mình đọc mình chả biết phải làm thế nào  :brick:

BƯỚC 2: BẬT MEMCACHE

Bật Memcache trên hosting. Hiện tại nhiều hosting hỗ trợ Memcache này rồi. Bài viết này mình hướng dẫn bật trên hosting DigistarHostvn. Chức năng này thông thường ở trong mục Select PHP version hoặc hiển thị ở ngoài là Memcache. Nếu bạn không thấy thì thử liên lạc với nhà cung cấp hỏi về chức năng này nhé. Bạn không có memcache cũng không sao. Cứ tiếp tục.

select php version
Trên hosting Digistar
select php version
Trên cPanel
memcache Cpanel
Memcache Cpanel

Và bạn bấm nút check vào mục memcache.

bật memcache
Bật memcache trong Slect PHP Info

Thế là xong. Chúng ta qua bước tiếp theo  :)

 

BƯỚC 3: TẢI VÀ CÀI ĐẶT W3 TOTAL CACHE

Bước này, các bạn vô đây đọc bài viết về tinh chỉnh W3 Total Cache kết hợp với CloudFlare nhé.

Tinh Chinh W3 Total cache va CloudFlare

BƯỚC 4: TỐI ƯU HÓA KÍCH THƯỚC HÌNH ẢNH

smush

WP Smush – là một plugin nén size hình ảnh được cung cấp miễn phí trên WordPress. Bạn bấm vào link để xem, hoặc bạn vào mục Plugin -> Add new -> Gõ tên plugin rồi cài đặt.

Sau khi cài đặt xong, hệ thống sẽ đưa bạn tới trang Plugin này ở mục Media -> WP Smush.

WP Smush sẽ tự động bật Automatically smush my images on upload. Bạn cứ để vậy, đừng tắt nhé.  :D

Giờ nhìn về phía bên trái nó sẽ có mục thông báo rằng bạn có XX hình ảnh cần được tối ưu.

bulk smush

Bạn bấm nút BULK SMUSH NOW. Vì là phiên bản miễn phí nên chỉ smush tối đa 50 hình thôi. Nếu bạn có nhiều hình thì bạn phải làm tiếp vài đợt như này nữa để xong đống hình của bạn  :byebye: . Sau khi bấm nút rồi đi xem youtube, nghe nhạc, đọc báo vì quá trình này RẤT LÀ LÂU:waaaht:

BƯỚC 5: KIỂM TRA LẠI KẾT QUẢ

Sau khi bạn đã hoàn thành 4 bước trên, quay lại https://gtmetrix.com/ để kiểm tra kết quả nhé.  :beauty:

Tối ưu hóa tốc độ tải wordpress

Tốc độ tải trang WordPress đã tăng lên rất nhiều. Các lỗi lặt vặt đều đã được chỉnh sửa.

PageSpeed sau khi tối ưu
PageSpeed sau khi tối ưu

Nhưng, trong đó mục Yslow:

yslow sau khi tối ưu
Yslow sau khi tối ưu

Mục CDN của mình là 0 vì mình không có đăng ký dịch vụ CDN ngoài, mắc quá chịu không nổi  :sweat:  Và mục Expires headers thì mình đã chỉnh bằng W3 Total Cache rồi chả hiểu sao vẫn còn dư 4 link  :sweat: Vì trình độ có hạn nên mình chả biết vọc vạch thế nào nhưng với kết quả trên là mình đã quá hài lòng rồi.   :pudency:

CẬP NHẬT

Sau một quá trình tìm hiểu và dùng thử mình sẽ cập nhật thêm một số công cụ dưới đây.

  1. http://optimizilla.com – Một trang web tối ưu hóa chất lượng hình ảnh trước khi up lên website. Sau khi mình sử dụng Photoshop xuất ảnh ra máy, mình sẽ up ảnh đó lên website này rồi tùy chỉnh tối ưu sao cho kích thước giảm đáng kể mà chất lượng hình ảnh hầu như ít thay đổi nhất. Các bạn chỉnh xong nhớ bấm nút APPLY rồi download ảnh đã tối ưu hóa về nhé.

optimizilla

 

 

CHÚC CÁC BẠN TỐI ƯU TRANG WORDPRESS CỦA MÌNH THẬT NHANH NHÉ.  :beauty:

Comments (3)

  • cảm ơn bạn Lão Hạc, mình có chỉnh mà vẫn không đạt được tốc độ như của bạn

    Reply
    • Author

      Một phần cũng do hosting nữa đó bạn.

      Reply
      • Vấn đề chọn theme, plugin, tối ưu mã nguồn giúp cải thiện tốc độ khá nhiều. Hosting cũng là yếu tố cực kỳ quan trọng. Mua phải gói host “lởm” thì tối ưu kiểu gì cũng khó đạt được tốc độ mong muốn

        Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

*

:ah: 
:angry: 
:-s 
:brick: 
:beauty: 
:D 
:stick: 
:byebye: 
:canny: 
:(( 
:ghet: 
:thenthung: 
:sogood: 
:haha: 
:eat: 
:look_down: 
:nosebleed: 
:waaaht: 
:ops: 
:pudency: 
:sad: 
:sexy: 
:shame: 
:) 
:adore: 
:dreaming: 
:sure: 
:surrender: 
:sweat: 
:tired: 
:sosad: 
:aaa: