Subscribe Now

Trending News

Bài viết

Lập trình, WordPress

8 bước tối ưu tốc độ website WordPress đơn giản và hiệu quả

8 bước tối ưu tốc độ website WordPress đơn giản và hiệu quả

8 bước tối ưu tốc độ Website WordPress đơn giản

Step 1: Vào website, bấm F12, chọn tab Network rồi bấm F5 (nếu website bạn cài cache thì check vào Disable cache trước) WordPress WordPress WordPress

Bấm F12, chọn tab Network rồi bấm F5
Bấm F12, chọn tab Network rồi bấm F5

Step 2: Chờ website tải xong, xem DomContentLoaded bao nhiêu giây, thông số này thể hiện thời gian tải HTML của website (không tính các file khác) và biên dịch xong. Nhìn vào đây có thể đoán được là Server của bạn nhanh hay chậm.

Xem DomContentLoaded bao nhiêu giây
Xem DomContentLoaded bao nhiêu giây

HTML của bạn nặng hay nhẹ, chi tiết sẽ xem trong phần Timeline. Di chuột vào đó có thể thấy được trình duyệt của bạn gửi cho Server bao nhiêu Request, theo quan điểm cá nhân của mình thì nên ở mức dưới 50 Request, cao quá không tốt.

Step 3: Thông số Load màu đỏ thể hiện thời gian mà trình duyệt tải hết tất cả các file tải về. Lưu ý là các file tải về 1 cách song song nên nhìn vào thông số Load không thể khẳng định được gì nhiều. Chi tiết sẽ xem sau.

Thông số Load màu đỏ thể hiện thời gian mà trình duyệt tải hết tất cả các file tải về
Thông số Load màu đỏ thể hiện thời gian mà trình duyệt tải hết tất cả các file tải về

Step 4: Thông số Finish thể hiện thời gian GẦN ĐÚNG mà người dùng tải xong website và có thể xem website. Mình nói là gần đúng vì nó phụ thuộc vào nhiều yếu tố chủ quan khác nữa, ngâm cứu kỹ cái này sẽ thấy. Xem được 3 cái này đó là 2 thông số chính xác nhất thể hiện tốc độ website của bạn, các công cụ khác như GSP, GTMETRIC, PINGDOM… chỉ mang tính chất tham khảo.

Step 5: Ở 4 bước trên bạn sẽ biết được website của bạn load bao nhiêu thời gian, chậm không, chậm thế nào… 4 bước tiếp theo đây sẽ giúp bạn tối ưu triệt để website của mình, từng file từng file một.

Tiếp theo ở cột Name các bạn di chuột hết tất cả các file để kiểm tra xem có file nào được yêu cầu từ website khác hay không, nếu có thì nghiên cứu bỏ bớt hoặc tìm phương án thay thế, ở cột này chúng ta thường gặp các file sau: file từ Facebook, Google Analytics, Google Font,… Hạn chế sử dụng Google font các bạn nhé, nếu sử dụng thì nên chọn 1 cái duy nhất thôi.

Ở cột Name các bạn di chuột hết tất cả các file để kiểm tra xem có file nào được yêu cầu từ website khác hay không
Ở cột Name các bạn di chuột hết tất cả các file để kiểm tra xem có file nào được yêu cầu từ website khác hay không

Step 6: Tiếp theo bạn kéo lên trên ở cột Status các bạn sắp sếp giảm dần và kiểm tra xem có file nào bị fail không, nếu bị thì kiểm tra file đó từ đâu, nguyên nhân vì sao không tải được. Thường thì Status 200 là ok nhất.

Ở cột Status các bạn sắp sếp giảm dần và kiểm tra xem có file nào bị fail không
Ở cột Status các bạn sắp sếp giảm dần và kiểm tra xem có file nào bị fail không

Step 7: Sau đó bạn sort theo cột Size để kiểm tra website mình có file nào nặng không, nếu nặng quá thì tối ưu nó xuống, thường các bạn sẽ gặp hình ảnh nặng, nếu gặp file HTML nặng và ảnh hưởng nhiều đến tốc độ website thì cố gắng tối giản nó (bỏ bớt thành phần, bỏ bớt inline CSS, bỏ khoảng trắng…)

Sau đó bạn sort theo cột Size để kiểm tra website mình có file nào nặng không
Sau đó bạn sort theo cột Size để kiểm tra website mình có file nào nặng không

Step 8: Ở cột Time cũng sort tương tự và tìm hiểu xem file nào tải chậm, nguyên nhân vì sao… và tìm cách tối ưu các file này, nếu là hình ảnh thì nén nó lại, nếu là CSS, Js thì Minify…

Ở cột Time cũng sort tương tự và tìm hiểu xem file nào tải chậm, nguyên nhân vì sao... và tìm cách tối ưu các file này
Ở cột Time cũng sort tương tự và tìm hiểu xem file nào tải chậm, nguyên nhân vì sao… và tìm cách tối ưu các file này

Vậy là làm xong 8 bước này bạn đã có thể tự mình tối ưu tốc độ WordPress mà không cần đến công cụ hỗ trợ.

Chúc các bạn thành công!

Bài viết liên quan

Theo dõi
Thông báo của
guest

0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận