Cách xóa JavaScript chặn hiển thị monitor PageSpeed Insights

JavaScript chặn hiển thị hay Remove render-blocking Javascipt là lỗi bạn hay thấy khi kiểm tra tối ưu hóa site bằng tool PageSpeed Insights.

Bài viết sẻ giúp bạn cách khắc phục lỗi JavaScript chặn hiển thị hay Remove render-blocking Javascipt basic nhất theo chỉ dẫn của Google.

PageSpeed Insights là tool nghiên cứu nội dung site của Google, sau khi nghiên cứu những yếu tố trên website của bạn, PageSpeed Insights sẽ cho khách hàng những đề xuất bổ ích để tối ưu hóa những thành phần như HTML. CSS, JS, Images..... nhằm tăng vận tốc load website của bạn làm giảm bounce rates và tăng lượng truy vấn hữu ích.

Cách Cách xóa JavaScript chặn hiển thị monitor PageSpeed

Bạn có thể xem ảnh ví dụ minh họa về lỗi này như hình bên dưới, bạn có thể thấy đề xuất là nên xóa bỏ chặn hiển thị monitor là:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

Giờ để khắc phục lỗi này bạn vào phần chỉnh fix HTML tiếp tới ấn Ctrl + F và tìm tới đoạn Java bị chặn.

Trong mẫu giao diện bạn sẻ trông thấy đoạn java có dạng như sau: 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

Bạn cần thay đoạn trên bằng đoạn mã Sau đây để khắc phục lỗi chặn hiển thị màn hình.

<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

Lưu mẫu lại và vào http://developers.google.com/speed/pagespeed/insights kiểm tra lại kết quả

Bạn sẻ khá quá đột ngột khi lỗi này đc khắc phục một cách quá basic và PageSpeed Score của bạn sẻ đc tăng đều vài điểm đấy.

Bạn có thể tò mò kỹ hơn về lỗi này tại đây: 

https://developers.google.com/speed/docs/insights/BlockingJS

Hy vọng với thủ thuật tí hon tuổi này sẻ giúp bạn tăng tốc website/blog giúp nâng cao SEO và nâng cao thưởng thức cho người mua thêm ấn tượng hơn.