10 bước tối ưu giúp website wordpress đạt trên 95 điểm khi test trên Google Page Speed Insights

Nếu làm seo, các bạn cũng biết rằng điểm số mà Google quy định cũng mang lại nhiều kết quả thuận lợi cho việc làm SEO của bạn, Google Page Speed Insights là một công cụ do Google phát triển nhằm giúp đánh giá website đó đang đạt ở mức độ tốc độ load web như thế nào.

Một website khi mới xây dựng thường đạt tốc độ load web ấn tượng, vì sao? vì lúc đó bạn chưa cài đặt gì nhiều, chưa cài nhiều plugin, template cũng chưa tinh chỉnh, bài viết thì lẹt đẹt vài bài. Vì thế tốc độ load sẽ rất nhanh. Nhưng khi sử dụng được một thời gian, bạn sẽ nhận thấy tốc độ rõ ràng giảm đi đáng kể, mặc dù đã dùng nhiều plugin tối ưu hóa database, xóa rác, nhưng tốc độ vẫn không cải thiện. Với bài viết nhỏ này, Man pham blog sẽ giúp các bạn tìm ra cách khắc phục và đạt số điểm trên 95 khi test với Google Page Speed Insights

page load speed_118118458-thumb-380xauto-2266

1. WordPress có tất cả, và bạn không cần phải biết tí gì về code

Với những bạn đang sợ rằng, để tối ưu bất cứ cái gì liên quan tới web thường phải có một kiến thức nhất định, nhưng với WordPress bạn sẽ không cần phải có nhiều kiến thức code, vì đơn giản nó đã có rất nhiều plugin hỗ trợ cho việc này rồi. Chỉ cần bạn biết một vài thủ thuật nhỏ sử dụng các plugin này là bạn đã tối ưu hóa được website wordpress của mình

2. Điều khiển được file .htaccess

File htaccess nắm một vai trò quan trọng trong việc sử dụng PHP nói chung và wordpress nói riêng, nếu bạn nắm vừng quá trình vận hành của file này xem như website bạn sẽ hoạt động ổn đinh, gần đây nhất là bài viết sử dụng file .htaccess để bảo vệ trang đăng nhập của wordpress

HT

Với bài viết này gần như bạn sẽ sử nhiều trong việc edit file này, vì thế bạn nên sử dụng 1 plugin giúp edit file này trực tiếp trong Backend của wordpress.  Bạn có thể sử dụng Plugin WP htaccess editor hoặc trong plugin WordPress SEO by yoast cũng hỗ trợ việc này nhé việc này chỉ đơn giản là giúp bạn đỡ vất vã trong việc mở ra source rùi update. Lưu ý, bạn phải set CHMOD file .htaccess bằng 777 trước khi sử dụng nhé

Chủ đề chính : Tối ưu site WordPress để đạt được trên 95 điểm khi kiểm tra trên Google Page Speed Insights

1. Bật chế độ nén HTML (HTML Compression)

Việc nén HTML, nó sẽ làm giảm tải kích thước các file html hoặc các đoạn code khi chúng được tải lên mạng. Tất cả bài viết trong WordPress đều được định dạng bằng HTML, vì thế khi HTML được nén lại sẽ làm tăng tốc độ load website của bạn cộng với đó, thứ hạng của bạn trên Google cũng sẽ được tăng cao hơn

Giải pháp cho vấn đề này rất đơn giản, bạn chỉ cần cài đặt và active plugin WP HTML Compression . Sau khi plugin được Active, nó sẽ hoạt động một cách tự động mà bạn không cần phải cấu hình hoặc tinh chỉnh gì nhiều

2. Bật chế độ nén HTTP (HTTP Compression)

Điều gì sẽ xảy ra nếu chế độ này không được bật ? Nó gần như tương tự với việc bật chế độ nén HTML, chỉ khác ở chỗ HTTP này bao gồm tất cả các file (như JavaScripts, CSS, HTML, XML, Plain, Favicon,v.v…) Việc này có thể giúp website tăng từ 60-80% tốc độ load web.

Để bật chế độ này, có 2 cách một là bạn thêm các dòng code bên dưới vào file .htaccess, hai là bạn sử dụng plugin WP HTTP Compression

 3. Bật Gzip dành cho hình ảnh

Đây là chế độ nén hình ảnh xuống mức thấp nhất nhưng vẫn ko làm giảm chất lượng ảnh. Một Blog trung bình thường có khoảng vài trăm đến vài ngàn tấm ảnh được post, nếu chỉ để ở chất lượng bình thường website sẽ rất dễ bị giảm chất lượng và giảm tốc độ load web. Cơ chế của Gzip là nén các hình ảnh lại nhưng vẫn giữ được chất lượng, trung bình 1 tấm ảnh sẽ được nén xuống khoảng 20%.

Để sử dụng chức năng này, tất cả những gì bạn làm chỉ là cài đặt plugin WP Smush.it

4. Làm sạch Header (Head Cleaner)

Đây là cách mà bạn phải tối ưu hóa Header và Footer khi website được load lên. Để làm được việc này bạn cũng chỉ cần sử dụng Plugin Head Cleaner.

Sau khi cài đặt bạn tiến hành vào Settings/Head Cleaner để tiến hành cấu hình cho plugin. Bạn có thể cấu hình như hình ảnh bên dưới

head-Cleaner-Plugin-Settings-Page

5. Minify CSS and JS

Đây là cách mà bạn tối ưu CSS và JS, một template càng đẹp thì sử dụng càng nhiều hiệu ứng và thường file CSS khá nặng khi load hoàn tất, vì thế việc Minify CSS và JS rất có ý nghĩa trong việc tăng tốc độ load website.

Bạn có thể sử dụng Plugin WP Minify để tối ưu CSS và JS nhé. Nhưng mình có một lưu ý nhỏ đó là nếu bạn đang sử dụng tính năng này từ plugin Head Cleaner thì bạn sẽ không cần dùng đến plugin WP Minify nữa nhé. Hiện tại khi test plugin này trên một số server tại Viêt Nam mình thấy độ hỗ trợ chưa tốt bằng Head Cleaner, vì thế nếu bạn sử dụng và gặp lỗi màn hình trắng, bạn chỉ cần vào và xóa plugin này đi thôi nhé

6. Optimize Database

Optimize SharePoint Storage Infographic

Tối ưu hóa Database, đây cũng là việc mà bạn nên làm thường xuyên, hãy tự tạo cho mình thói quen dọn dẹp hệ thống hàng tuần, tạo các bản backup tự động, v.v… Bạn nên dùng một plugin mà các website wordpress hay dùng đó là WP Optimize

7. JavaScript in Footer (Chuyển các đoạn code JavaScript xuống Footer)

Một trong những nguyên nhân khiến website bạn load chậm chập đó là trong lúc truy cập các đoạn code Javascript được load đồng loạt với website, nên sẽ làm giảm  rất nhiều tốc độ load web. Việc cần làm là chuyển các đoạn code này xuống Footer để tăng hiệu quả load website.

Nếu bạn không rành code, hãy sử dụng plugin JavaScript to Footer ,đây là một plugin khá hay hỗ trợ bạn tốt cho công việc này.

8. Tắt bớt Plugin không sử dụng

Một việc làm nhỏ nhưng không bao giờ thừa, việc cài đặt nhiều plugin mà không sử dụng tới, lâu ngày sẽ làm cho website trợ nên chậm chạp vì sự xuất hiện của plugin này, vì thế hãy vào ngay mục quản lý plugin và tắt bớt các plugin không sử dụng để website đạt tốc độ load nhanh hơn

9. Giảm tải các yêu cài tải website

Giảm thiểu bằng cách kết hợp các file JS và CSS thành một để tiện cho việc tải trang. Hiện tại trong plugin Head Cleaner có hỗ trợ cho việc này. Bạn hãy tìm hiểu thêm nhé.

10. Sử dụng tính năng tải ảnh khi cuộn trang tới (Lazy Load Images)

lazy-load-01_user_1_d3eec

Lazy Load Images là cách mà nhiều website vẫn đang sử dụng, đó là việc hiển thị hình ảnh đó lên khi người dùng scroll tới.Đây là một việc mà bạn sẽ thấy ngay độ hiệu quả, rõ ràng hình ảnh luôn là một vấn đề nhức nhối cho người làm website, muốn tải nhanh thì web phải ít hình ảnh, nhưng hình ảnh luôn là một phần quan trọng trong một bài viết. Vì thế hãy áp dụng ngay việc này vào website của bạn nhé.

Để làm việc này bạn có thể sử dụng plugin Bj Lazy load .

 Có thể bạn sẽ thích : 

Lời kết

Thấy không, bạn không cần phải là một người giỏi code, bạn vẫn có thể tối ưu hóa và tăng tốc độ tải trang web của bạn. Và bây giờ hãy vào ngày website Google Page Speed Insights để kiểm chứng kết của đi nhé.

Lưu ý, các plugin trên đều được mình test kỹ trước khi giới thiệu, nếu bạn có một plugin nào có tính năng tương tự hãy gửi dưới comment để mình thêm vào cho các bạn khác được biết thêm nhiều plugin khác nhé.

0 0 vote
Article Rating
Subscribe
Notify of
guest
39 Comments
Newest
Oldest
Inline Feedbacks
View all comments
Cường
Cường
2 years ago

Google đã cập nhật lại tính năng mới cho Google PageSpeed Insights, giờ thì tốc độ tải trang sẽ được lấy giá trị trung bình từ trải nghiệm người dùng thật trên trình duyệt Chrome.

sapa travel
sapa travel
3 years ago

cám ơn bạn đã chia sẻ thông tin mình đang tìm hiều về vc này, mình thử xem sao, nếu , có thắc mắc gì bạn vui lòng trả lời . cám ơn bạn

sapa travel
sapa travel
3 years ago

Thông tin hay quá bạn. đúng thông tin mình đang tìm kiếm. mình sẽ thử để đặt được bước đó , cám ơn bạn nhiều

thi bằng lái xe máy
thi bằng lái xe máy
3 years ago

Cảm ơn bác chia sẻ thông tin hữu ích này nhé

Vane
Vane
3 years ago

sao mình dùng head cleaner thì phần tag với cate bị mất hết sidebar với phần bên dưới, chỉ hiện một nửa trang thôi ý. xóa plugin r vẫn bị :v

Bách Thắng
Bách Thắng
3 years ago

Đọc thì thấy hay, nhưng test trang của tác giả trên cái Google Speed Insights thi lại có 62/100 là làm sao?

gạo sạch
gạo sạch
3 years ago
Reply to  Bách Thắng

Website của mình cũng thế, đc có 45 điểm. Khó khắc phục quá các bác ạ

Smarthom
Smarthom
3 years ago

Website của mình lúc check được 80 lúc thì 45 điểm là sao admin

Huy Lâm
Huy Lâm
3 years ago

may tìm được bài viết này, cảm ơn bác tác giả!

Tour Phu Quoc
Tour Phu Quoc
4 years ago

sao website của em cài đủ loại pulgin rùi mà tốc độ vẫn chậm ah http://phuquocxanh.com/

Anh Vũ
Anh Vũ
4 years ago

Bài viết rất hay. Chúc website của bạn thành công hơn nữa

dung
dung
4 years ago

Trang của mình blog làm được không
http://www.hoctienganhmienphi.net/

dung
dung
4 years ago

Trang của mình blog làm được không

Phan Văn Khỏe
Phan Văn Khỏe
4 years ago

Mình không biết cách khác phục “GIẢM BỚT CSS” thử tất cả những plugin ở trên nhưng vẫn không được, bạn biết cách khắc phục không bạn? chỉ mình với, xin xảm ơn!

trần
trần
4 years ago

nhacuaban.net. website này của mình rất chậm, pro nào có cách khắc phục xin chỉ bảo với ạ, nếu khó quá thì cho mình cái giá tối ưu cho load nhanh được không

qat group
qat group
4 years ago

Mọi người xem thử site cần tối ưu những gì để seo lên không ?
http://phongxongdamuoi.vn

Nam
Nam
4 years ago

Mình sử dụng 20 plugin rồi nên khiến website chậm. Bây giờ mình muốn nén html không cần dùng plugin thì có cách nào không bạn

NhuyGialai
NhuyGialai
4 years ago

Hi
Chủ thớt xem lại chứ bản thân trang này test bằng PageSpeed Insights điểm thấp lè tè kìa
( mobile 49/100, desktop 64/100)

Tinh
Tinh
4 years ago

Cái này đúng là nâng điểm số lên xong để đạt trên 85 điểm mình nghĩ phải có kiến thức và hiểu biết cả về code lẫn server. Site mình vẫn chưa được như mong muốn: http://nhacthanhcavietnam.com

KJu
KJu
4 years ago

Sao mình thấy site bạn tốc độ vẫn chậm vậy?
Bạn có trang nào để a/e check ko?

dao ly son
dao ly son
4 years ago

Sao mình cài đặt xong bị lỗi tùm lum thế bạn.

Thanh Tú
Thanh Tú
4 years ago

mình đã cố gắn lắm như chỉ có 65đ ah ad ơi
site mình là http://myphamtocso1.com
Ad xem thiếu gì không giúp mình với
Xin cảm ơn

Thanh Tú
Thanh Tú
4 years ago

sao web mình http://myphamtocso1.com/ tối ưu theo như trên, mà vẫn có 58/100 à
ad xem giúp có thiếu phần nào không ?

quang hiếu
quang hiếu
4 years ago

mình cũng làm hết mọi cách mà sao test thử tốc độ mới được 51/100 nhỉ..hic

Blog mẹ YÊU
Blog mẹ YÊU
4 years ago

Mình muốn nén html lại thì làm sao nhỉ ?

cuacuonnhuy
cuacuonnhuy
4 years ago

Great, mình áp dụng cho site của mình http://www.cuacuonnhuy.com và thấy speed tăng rõ rệt
Thanksssssss 😀

Linh
Linh
4 years ago

Bạn có thể dùng công cụ nén code html hoặc nhiều công cụ khác tại website để tối ưu code website

duc4231
duc4231
4 years ago

Tuyệt vời ông mặt giời (y)

hphan
hphan
4 years ago

cái HTML Compression hay quá, đúng cái mình còn thiếu

Thanh Bình
Thanh Bình
4 years ago
saosangmo
saosangmo
5 years ago

Trang của bạn có 50 điểm, 😀
Còn trang của mình là 100/100 điểm: inlayngay.vn

animehdo
animehdo
5 years ago

Bài viết rất hay và chi tiết em đã làm theo các hướng dẫn trên kết quả thay đổi rất đáng kể

Anyone Good
Anyone Good
5 years ago

cảm ơn admin trang của mình http://phanmemcrack.com/ tự 48/100 sau khi làm theo hướng dẫn của anh tốc độ đã tăng lên 76/100

boydtc
boydtc
6 years ago

sao em cài vào thấy nó tối ưu đc 1 lúc xong lại đâu vào đấy nhỉ. còn cái head cleaner làm mất cái bình luận disqus nữa :/ cài xong chạy thử 1 lúc gỡ ra lun. ^^

seankid1409
seankid1409
6 years ago
Reply to  boydtc

Thuật toán Google nó thay đổi cũng nhiều, những cách này chỉ mang tính chất tương đối và rất dễ đụng với các plugin khác, em thử test cái nào đụng thì nên tắt nó đi, Vì 1 vấn đề to lớn hơn hết đó là nhiều khi lỗi load chậm đến từ Template sử dụng chứ ko phải do code hay Data phình ra

boydtc
boydtc
6 years ago
Reply to  seankid1409

vâng em cảm ơn anh ạz. em cũng đang tính đổi template khác nhưng em chưa biết nên thiết kế lại như thế nào nên chưa làm.

Phuong Pham
Phuong Pham
5 years ago
Reply to  seankid1409

Còn cách nào khác ngoài cách này không bạn? mình đã tắt hết tất cả các plugin nhưng cái header + slide nó biến mất tiêu 😐

Dũng
Dũng
6 years ago

Nói thật với a chứ cài xong từng này Plugin thì chắc em khỏi tối ưu quá.Có cách nào dùng code chèn vô chứ động tí là Plugin thế này không ổn rồi

seankid1409
seankid1409
6 years ago
Reply to  Dũng

Hihi, vậy thì em phải pro code lắm, nhìn chung các plugin đó đều hướng chung đến việc nén dữ liệu để hiển thị, nếu em rõ thì em cứ code, vì sử dụng plugin là 1 điểm mạnh của WordPress mà, không dùng thì tiếc lắm

You May Also Like