Ra đời từ tháng 11/2020, F&B Marketing không ngừng phát triển, hỗ trợ hơn 80 doanh nghiệp và tổ chức nhiều sự kiện chuyên sâu về Marketing FnB. Nhằm tiếp tục nâng cao trải nghiệm khách hàng và tối ưu hiệu suất hoạt động, F&B Marketing đã hợp tác cùng Vietnix trong dự án tối ưu tốc độ website. Bài viết sau sẽ chia sẻ chi tiết về quá trình Vietnix giúp F&B Marketing đạt được mục tiêu này.

Đánh giá trải nghiệm thực

Trong quá trình kiểm tra và đánh giá hiệu suất website của Marketing FB, Vietnix nhận thấy rằng website đã được tối ưu tốc độ và cải thiện trải nghiệm người dùng thông qua việc sử dụng các plugin. Tuy nhiên, tốc độ tải của hầu hết các trang vẫn chưa đạt được mức nhanh. Đặc biệt, các file JavaScript bị chặn cho đến khi người dùng thực hiện tương tác với trang, điều này gây ra tình trạng sai lệch nội dung trước và sau khi tương tác, cùng với hiện tượng giật hình ảnh, làm giảm đáng kể trải nghiệm người dùng và ảnh hưởng đến sự hài lòng khi sử dụng website.

Đo điểm Google Pagespeed Insights

Vì website đã được tối ưu trước đó, nên điểm số đo được trên Google Pagespeed Insights khá ổn, đạt mức vàng và xanh. Tuy nhiên, vấn đề chặn tải ảnh khi người dùng tương tác vẫn tồn tại, điều này khiến các hình ảnh trên trang không thể hiển thị khi bot thu thập dữ liệu của Google, dẫn đến tình trạng không thể index các hình ảnh này. Đây là một vấn đề quan trọng cần được khắc phục để đảm bảo website có thể tối ưu hóa hiệu suất SEO và nâng cao khả năng hiển thị trong kết quả tìm kiếm của Google.

Mục tiêu

Qua quá trình kiểm tra và đánh giá website, Vietnix sẽ thực hiện tối ưu và kiểm tra khắc phục các vấn đề chặn Javascripts gây sai lệch nội dung trên trang. Đồng thời, tăng cường điểm đo Google Pagespeed Insights cho cả Mobile và Desktop, nhưng vẫn đảm bảo hình ảnh hiển thị đầy đủ ở các trang và nhóm trang quan trọng có SEO, từ đó tối ưu hóa tốc độ và hiệu suất SEO của website.

Tắt các plugin và cấu hình tối ưu không đúng

Việc chặn JavaScript khiến hình ảnh không hiển thị trên website là do sự xung đột giữa các cấu hình tối ưu từ nhiều plugin khác nhau. Để giải quyết vấn đề này, đội ngũ phát triển của Vietnix cần tắt các plugin và cấu hình gây xung đột, và chỉ sử dụng một plugin tối ưu duy nhất, đó là Litespeed Cache, để tối ưu hóa hiệu suất web một cách hiệu quả.

Cài đặt plugin Litespeed Cache tối ưu website

Cài đặt và cấu hình plugin Litespeed Cache theo đúng chuẩn Vietnix để tăng tốc web và cải thiện điểm đo Google Pagespeed Insights:

Cache và cấu hình các mục liên quan

Đầu tiên, cần kiểm tra và đảm bảo cấu hình cache cho website được thiết lập đúng cách. Đặc biệt, cần bật Cache tài nguyên PHP và Cache Mobile để tối ưu riêng cho thiết bị di động, giúp cải thiện hiệu suất và tốc độ tải trang.

Kiểm tra cấu hình tối ưu CSS

Ngoài ra, Vietnix sẽ bật tính năng nén CSS để giảm dung lượng file CSS khi tải xuống, giúp tăng tốc độ hiển thị nội dung website. Đồng thời, bật tính năng kết hợp CSS để giảm tối đa số lượng yêu cầu (request) đến máy chủ, tối ưu hiệu suất tải trang

Tiếp đến, cần tối ưu hóa hiển thị font chữ bằng cách chuyển chế độ hiển thị sang swap để giảm thiểu tác động của font chữ đến tốc độ tải trang, giúp website hiển thị nhanh hơn và cải thiện trải nghiệm người dùng.

Kiểm tra cấu hình tối ưu Javascript

Để giảm thiểu tác động của JavaScript đến tốc độ hiển thị nội dung website, Vitenix sẽ bật nén và tải JavaScript theo cơ chế defer. Bên cạnh đó, việc kích hoạt tính năng kết hợp JavaScript sẽ giúp tối ưu hóa hiệu suất tải trang, cải thiện trải nghiệm người dùng và nâng cao thứ hạng SEO.

Kiểm tra cấu hình tối ưu HTML

Tiếp theo, kích hoạt nén HTML cùng với một số thành phần không quan trọng khác, chẳng hạn như chuỗi truy vấn và WordPress Emoji. Việc này không chỉ giúp tối ưu tốc độ tải trang mà còn cải thiện trải nghiệm người dùng và hỗ trợ SEO hiệu quả hơn.

Cấu hình tối ưu hình ảnh, iframe

Kích hoạt Lazyload cho hình ảnh để giảm dung lượng tải và số lượng request khi trang web được load. Đồng thời, bật trình giữ chỗ đáp ứng để hạn chế lỗi CLS, giúp cải thiện trải nghiệm người dùng và tối ưu hiệu suất trang.

Tiếp theo, Vietnix bật Lazyload Iframe để giảm tối đa ảnh hưởng của các ô iframe bên ngoài như Gmap hay Video Youtube.

Bật tối ưu Khách

Để tối ưu tốc độ thu thập dữ liệu của Googlebot, cần bật Chế độ Khách và Tối ưu Khách. Việc này không chỉ giúp Googlebot truy cập trang nhanh hơn mà còn cải thiện khả năng lập chỉ mục, góp phần nâng cao thứ hạng SEO cho website.

Sau khi thực hiện kiểm tra và cấu hình lại plugin Litespeed cache, tốc độ và điểm số đo bằng Google Pagespeed Insights đã cải thiện đáng kể, tuy nhiên vẫn chưa đạt cam kết điểm xanh ở những link quan trọng

Cấu hình plugin Vietnix Pagespeed tối ưu lại các trang

Để cải thiện thêm điểm số khi đo bằng Google Pagespeed Insights và trải nghiệm người dùng, đội ngũ dev Vietnix sẽ kết hợp plugin Vietnix Pagespeed để tối ưu thêm một số phần quan trọng. Kết quả là các link quan trọng cần tối ưu đã đạt cam kết điểm đo.

Tốc độ load web được cải thiện

Khi bộ nhớ đệm (cache) được kích hoạt, tốc độ tải thực tế của tất cả các trang được cải thiện, giúp website đạt tiêu chuẩn tải nhanh. Đồng thời, các hình ảnh quan trọng vẫn được hiển thị đầy đủ ngay khi tải trang, nhờ việc khắc phục triệt để vấn đề chặn JavaScript.

Điểm Google Pagespeed Insights đạt trên 90

Điểm Google PageSpeed Insights trên các trang quan trọng khi có cache đã đạt mức xanh (90+), phần lớn dao động từ 95 – 100 điểm. Bên cạnh đó, điểm số của hầu hết các trang con, bao gồm trang danh mục và bài viết, cũng được cải thiện đáng kể, đa số đều trên 90. Đồng thời, vấn đề ảnh không hiển thị đối với bot cũng đã được khắc phục hoàn toàn, giúp tối ưu khả năng thu thập và lập chỉ mục trên công cụ tìm kiếm.

Với những giải pháp tối ưu tốc độ và hiệu suất mà Vietnix đã thực hiện, website Marketing F&B nay hoạt động nhanh hơn, mượt mà hơn, mang lại trải nghiệm tốt cho người dùng. Nếu bạn muốn cải thiện tốc độ tải trang, tăng tương tác và tối ưu hiệu quả kinh doanh, hãy liên hệ Vietnix để được tư vấn giải pháp phù hợp.

Thông tin liên hệ:

• Hotline: 18001093.
• Email: sales@vietnix.com.vn.
• Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh.