[Nâng cao] Toàn tập cách tối ưu WordPress từ SEOLabs

WordPress là một nền tảng mã nguồn mở tạo trang blog chắc không còn xa lạ gì với những thanh niên hay viết blog nữa đúng không, wordpress thân thiện đến nỗi nhà nhà sử dụng nó, người người sử dụng nó, cứ làm web là nghĩ tới WordPress luôn mặc dù có rất nhiều mã nguồn mở khác như Joomla, Drupal.. nhưng wordpress vẫn là number 1

Không cần giải thích quá dài dòng, chỉ cần nhìn vào biểu đồ bên trên, bạn đã thấy được tại sao ai cũng sử dụng WordPress rồi đúng không, còn nếu bạn vẫn thắc mắc wordpress là gì, hay sử dụng wordpress ra sao, bạn nên Google nhé. Bởi vì trong bài viết này, mình sẽ kh6ong nêu ra những lý thuyết căn bản nữa, cái mình muốn chia sẻ ở đây, là những kinh nghiệm, những “tuyệt kỹ” làm thế nào để tối ưu wordpress

Mục đích sau khi tối ưu wordpress

• Website chạy nhanh như ngựa
• Code siêu nhẹ
• Tài nguyên máy chủ siêu ít
• Request siêu ít để load nhanh như điện
• Plugin chạy nhanh và không bị conflict dù xài một núi plugins

Những kiến thức bạn sẽ học được trong bài viết này

• Tại sao tốc độ trang web lại cực kỳ quan trọng: cái này không cần giải thích nhiều chắc ai cũng thích rồi, con người ta sợ nhất là chờ đợi, chờ đợi là sốt ruột, chờ đợi là chịu đựng và chẳng ai muốn chịu đựng trang web của bạn vì nó quá rùa bò đúng không
• Kiến thức thực tế để tối ưu WordPress: nếu bạn tìm trên Google thì chắc có cả núi bài viết về tối ưu WordPress, nhưng tin mình đi, hầu hết là câu view thôi, vì mình đã làm đủ mọi thứ và website cũng vẫn rùa bò, nếu không tin, bạn cứ lưu website ở Mỹ, truy cập về Việt Nam, tối ưu các kiểu xem nó có nhanh hơn không, còn mình, không phải siêu đẳng gì, nhưng mình sẽ chia sẻ với bạn dù cho bạn có lưu web ở đâu, bao đứt cáp luôn, web sẽ tăng tốc thực sự, không tăng tốc 1,000% thì cũng tăng tốc 50%, 30% hay 5% 😀 nhưng chắc chắn sẽ tăng. Ví dụ: web seolabs.biz của mình nè, lưu ở Mỹ chính hiệu nhé, host share cùi bắp thôi, xài khoảng 35 plugins, hình ảnh độ phân giải to khủng cỡ fullhd chứ không tèo tèo 600×480 đâu, gtmetrix đánh giá điểm B, nhưng bạn cứ thử truy cập đi, ở Mỹ nhanh vô đối, ở Việt Nam truy cập vèo vèo luôn

Bên trên mình tổng hợp lại, bây giờ mình sẽ đi chi tiết từng cái một, thật chi tiết, và thật chi tiết, để chắc chắn rằng mình không mất thời gian viết bài, và bạn không mất thời gian đọc, nó phải đáng thì mới làm nhé, còn nếu bạn là người lười đọc, đã chán học hỏi, bạn nên dừng lại tại đây, vì không đọc đến dòng cuối cùng, bạn cũng không làm được gì hơn đâu, hãy kiên nhẫn đến chữ cuối cùng nhé

Kiến thức 1:

Tại sao tốc độ trang web lại cực kỳ quan trọng

Câu trả lời ngắn gọn nhất đó là “tiền” – trang web chạy càng nhanh, càng kiếm cho bạn nhiều khách, càng nhiều khách sẽ càng kiếm cho bạn càng nhiều tiền.

Còn câu trả lời dài dòng nhất là: nó phải bao gồm cả núi những số liệu thống kê, dẫn chứng, minh chứng các kiểu, rồi thì nhiều người cùng đồng ý, rồi lại trải qua thời gian cực kỳ dài, cuối cùng câu kết luận mới đi về tốc độ trang web thì cực kỳ quan trọng, nếu bạn tìm kiếm trên web, chắc có cả tỷ bài viết chứng minh cái câu trả lời dài dòng này, nhưng tính mình thì thực tế lắm, mình sẽ chỉ tin vào những con số thống kê như sau:

1. 83% người dùng trên thế giới mong đợi các trang web sẽ load và tải hoàn tất trong 3 giây đổ lại
2. 500 trang thương mại điện tử hàng đầu trên thế giới có tốc độ tải dưới 10 giây
3. 79% người dùng khi truy cập vào một trang web để mua sắm hay tìm thông tin mà web load cùi bắp thì không bao giờ quay trở lại
4. Một trang web load chậm sẽ ảnh hưởng đến những yếu tố quan trọng sau: tỷ lệ thoát (Bounce Rate), SEO, trải nghiệm người dùng (UX) và tỷ lệ chuyển đổi (Conversion Rate)
5. Bạn chỉ cần cải thiện 1s tốc độ tải trang web, bạn sẽ tăng được 7% tỷ lệ chuyển đổi. Ví dụ nếu trang web của mình seolabs mỗi ngày kiếm được doanh thu là 22,800,000 Đ (chém gió), mình sẽ mất khoảng 582,540,000 Đ mỗi năm chỉ với một lý do trang web tải chậm hơn 1 giây, vì sao thì bạn cứ thử nghiệm xem nhé, nhưng con số thật kinh khủng đúng không
6. Thời gian tải trang thêm 1 giây chờ đợi sẽ làm giảm sự hài lòng của khách hàng là 16%
7. Minh chứng hùng hồn: Amazon và Wallmart là hai trang thương mại khủng của Mỹ báo cáo rằng họ mất 1% doanh thu cho mỗi 100ms (100 mili giây) trang web tải chậm (1,000 mili giây là 1 giây nhé), 1% của hai trang này lên đến triệu đô luôn nha
8. Trong nhiệm kỳ của mình, ông Obama có làm một chiến dịch gây quỹ thông qua một website, công ty làm web chỉ thực hiện tối ưu trang web giảm tốc độ load từ 5 giây xuống còn 2 giây thôi, ngay lập tức số lượt chuyển đổi gia tăng ngay 14%, con số 14% này có nghĩa chiến dịch gây quỹ đó thu thêm được 34 triệu USD, quá kinh khủng đúng không

Chưa hết đâu, tiếp tục dẫn chứng những con số cụ thể để minh chứng tốc độ trang web là cực kỳ quan trọng nè:

1. Mozzila là công ty cung cấp trình duyệt Firefox nổi tiếng, bạn có biết đúng không nào. Trong một chiến dịch tối ưu hoá trang web, họ đã giảm được 2,2 giây tốc độ tải, ngay lập tức tỷ lệ chuyển đổi tăng lên ngay 15,4%, điều này giúp gia tăng thêm hơn 60 triệu lượt tải xuống mỗi năm, quá ấn tượng!
2. Chính xác con số là nếu trang web của bạn tải lâu hơn 3 giây, sẽ có 40% số lượng người dùng tắt trang web của bạn trong một nốt nhạc
3. Đối với các thiết bị di động, theo số liệu, 73% người dùng internet cho rằng các trang web tải quá chậm, hãy chú ý vào con số này và tối ưu trang di động của website nhanh nhất có thể nhé, bạn sẽ là người thành công trên internet cực kỳ dễ dàng chỉ với tốc độ tải trang
4. Thêm số liệu khác, người dùng trên điện thoại chỉ kiên nhẫn nổi 10 giây trở lại để đợi một trang web tải xong
5. Tiếng dữ đồn xa là đây: nếu trang web của bạn mà có trải nghiệm không tốt, hay load cùi bắp, sẽ có 44% người dùng sẽ mách lẻo với bạn bè là trang web của bạn quá củ chuối
6. Người mua sắm trực tuyến (mua sắm online) nhớ thời gian phải chờ đợi trực tuyến dài hơn 35% so với thực tế, có nghĩa là mấy đứa mua sắm online mà bắt chúng nó đợi, chúng nó thù dai hơn là ra cửa hàng đứng đợi nha
7. Ở một quốc gia lớn như Mỹ, có tới 51% người dùng từ chối mua hàng online vì nguyên nhân trang web đó trải nghiệm quá tệ
8. Sau khi người dùng bỏ món hàng vào giỏ hàng, mà trang web xem giỏ hàng load chậm một phát, có tới 18% người dùng sẽ tắt luôn
9. Trong một bài khảo sát thực tế, có khoảng 64% người dùng mong đợi trang web trên di động tải nhanh trong khoảng 4 giây, không khắt khe quá đúng không nào, nếu bạn đọc xong bài này, không khéo trang web trên di động của bạn tải trong 2 giây thì gửi quà đến SEOLabs team nha
10. Vào thời điểm mà trang web của bạn có nhiều người truy cập (giờ cao điểm đó), nếu trang web của bạn mà chạy chậm, tải lâu, hay mắc lỗi, thì thôi rồi, có đến 75% người dùng sẽ truy cập ngay vào web đối thủ cạnh tranh nhé

Tổng cộng thì có khoảng 18 con số dữ liệu thống kê bên trên mình sưu tầm từ các trang web chuyên thống kê internet, chắc là đã đủ lý do để cho bạn chỉ thấy một điều duy nhất: tốc độ web là cực kỳ quan trọng đúng không nào

Nếu bạn không tin vào những con số bên trên, thì bạn nên dừng lại đến đây là được rồi, còn nếu bạn đã thấy và đã tin, hãy tiếp tục kiên nhẫn đọc cái bài viết khủng khiếp này, mới chỉ nêu ra lý do giống như tại sao nên tối ưu web để trải nghiệm tốt hơn, nó đã có hơn 1,500 từ rồi, nhưng không dẫn chứng đầy đủ, nhiều thanh niên lại kêu mình chém gió nữa thì khổ.

Tiếp theo, khi đã tin và yêu luôn, hãy đọc tiếp phần nội dung chính mà mình sẽ chia sẻ, đó là làm thế nào, những mẹo…vặt, những kỹ thuật hay những công thức làm sao để cho trang web của bạn có một trải nghiệm và có tốc độ tốt nhất với người dùng

Kiến thức 2:

Toàn tập những cách tối ưu hoá trang web WordPress

Thực hiện kiểm tra tốc độ trang web của bạn

Đừng tin vào cảm nhận cá nhân, đừng nhìn và phán như thánh, hãy sử dụng những công cụ tin cậy nhất đánh giá trang web hiện tại của bạn, để bạn hiểu được thực sự vấn đề, giống như là phải hiểu cùi bắp ở đâu, thì mới biết mà chắp vá và sửa chữa. Ở bước đầu tiên này, hãy tiến hành phân tích trang web để xem nó thế nào, thì lúc đó mình mới có phương án phù hợp nhất. Hai công cụ mà mình hay sử dụng nhất để kiểm tra tốc độ trang web đó là:

1. Pingdom
2. GTMetrix

Sau khi kiểm tra xong, bạn sẽ thấy được 2 bản thống kê, phân tích trang web của bạn giống như hình bên dưới

Không hiểu sao cả hai thằng đều phân tích SEOLabs điểm A hết, còn gì để mà tối ưu nữa, chắc có gì nhầm lẫn ở đây ??? 😀

Mình giỡn chơi một chút để bạn đọc đỡ chán thôi, thực ra đây là hình ảnh sau khi mình đã tối ưu hết mức có thể cho web của mình rồi, chứ ban đầu thì con số không được như vầy đâu, đặc biệt là blog của mình lại đặt ở nước ngoài nữa. Nhưng mình tin nếu bạn theo từng bước mình hướng dẫn, thì web của bạn cũng chạy nhanh như vậy thôi, tiếp tục nhé

Sau khi phân tích xong, bạn hãy kéo xuống bên dưới để xem gợi ý của nó, ví dụ như hình bên dưới

Đây là một ví dụ mình minh hoạ thôi, vì nó sẽ gợi ý rất nhiều, như hình trên thì nó gợi ý cho mình nên dùng CDN để tăng tốc độ tải trang web, nhưng mà dùng CDN thì khá tốn kém, chỉ đến khi nào có ngân sách tốt, mình khuyên hãy triển khai CDN, vì vậy mình sẽ nói chi tiết hơn ở một bài viết khác

Đến bước này, nếu bạn có thể tự thực hiện được tất cả các gợi ý thì điều đó quá tốt, nhưng trong bài viết này, cho đến lúc này, mình chỉ cần bạn biết được là website của bạn chậm như thế nào thôi, thế là đủ rồi, và hãy đọc bước tiếp theo ngay bên dưới nhé

Tìm hoặc thay thế nhà cung cấp Hosting

Đang cập nhật, hãy quay lại sau để xem nội dung tiếp của bài viết này nhé

Chọn cho đúng WordPress Theme (Giao diện trang web)

 

Plugin tạo Cache (bộ nhớ đệm) và CDN

 

Hướng dẫn cách cài đặt CDN

 

Hướng dẫn cài đặt MaxCDN

 

Hướng dẫn cài đặt CloudFlare

 

Hướng dẫn cài đặt W3 Total Cache

 

Kết nối W3 Total Cache với CloudFlare

 

Cài đặt Page Cache

 

Cài đặt Browser Cache

 

Plugin nén, tối ưu Javascript & CSS

 

Tối ưu hình ảnh trên trang web và ứng dụng Lazy Loading

 

Tối ưu & chỉnh sửa hình ảnh trước khi Up lên website

 

Những thông tin khác đối với kỹ thuật tối ưu hình ảnh

 

Ứng dụng tải hình ảnh Lazay Loading

 

Tối ưu cơ sở dữ liệu của WordPress

 

Khoá những Request cho là Spam

 

Một lần nữa tối ưu Plugins và giao diện WordPress

 

Xoá bỏ những Query String từ file tĩnh

 

Huỷ kích hoạt “Force Rewrite Title” trong plugin của Yoast

 

Cài đặt tối ưu cho chức năng bình luận của WordPress

 

Cập nhật WordPress lên phiên bản mới nhất

 

Tránh “trôm” băng thông hình ảnh

 

Thay thế những đoạn code PHP không cần thiết bằng HTML

 

Độc quyền từ SEOLabs

 

Tổng kết lại