Hướng dẫn tối ưu blogspot chuẩn PageSpeed Insights

PageSpeed Insights là công cụ check tối ưu cho blogspot và website, với công cụ này khi bạn check với website mà tầm 80% trở lên là ok rồi. Nhưng hôm nay mình sẽ hướng dẫn tối ưu hơn nữa có nghĩa là tối ưu max lên đến 95% trở lên.

Khi đã lên đến 95% thì tốc độ load của blog hay website của bạn khỏi chê, các bạn có thể xem ở blog của mình thì có thể biết tốc độ load nhanh cỡ nào.

Làm sao để tối ưu blogspot chuẩn PageSpeed Insights

Để tối ưu chuẩn PageSpeed Insights thì các bạn cần tối ưu như sau :

1. Đối với js

Nếu js có dạng là link như

<script src='url js'></script>

Thì chỉnh sửa lại như sau

<script async='async' src='url js'/>

Đối với js trực tiếp

<script> nội dung js </script>

Và sửa lại

<script type='text/javascript'> //<![CDATA[
nội dung js
//]]>
</script>

Đối với js mặc định thì các bạn có thể xem bài viết : Cách loại bỏ js mặc định của blogpsot

2. Đối với hình ảnh

Đối với hình ảnh thì các bạn có thể mã hóa hình ảnh để che mắt được công cụ PageSpeed Insights. Để mã hóa thì chúng ta dùng công cụ Base64 image.
Muốn mã hóa link hình ảnh thì các bạn Vào Đây và dán url hình ảnh và bấm chuyển đổi xong coppy toàn bộ code dán vào nơi chưa link hình ảnh củ là được.

Và bay giờ bạn có thể check với công cụ PageSpeed Insights, tôi đảm bảo bạn sẽ cảm thấy ngạc nhiên với thành quả của mình vừa làm được đấy. Hãy thử nhé, chúc các bạn thành công.