[Tips] - Tối ưu css và js cho blogspot

Trong việc seo blogspot thì tối ưu css và js là một điều khá cần thiết cho một blogger. Trong cộng đồng blogger việc nam ít có ai viết bài hướng dẫn về vấn đề này, nay Khám Phá Blog mạng phép viết bài này chia sẻ cho các bạn tăng tốc blogspot bằng cách tối ưu css và js.

Hướng dẫn tối ưu css và js tăng tốc cho blogspot.

Để tối ưu được css và js cũng là một điều khá đơn giản và ai cũng có thể làm được nhưng không được nhiều người chú ý đến.

Vậy tối ưu bằng cách nào?

Mình lấy ví dụ như các bạn có một slider ảnh chỉ hiện ở trang chủ và không hiện ở những trang khác thì khi chúng ta tối ưu thì chúng ta cho tất cả css và js của slider này chỉ hiển thị ở trang chủ, còn bình thường thì các bạn để nó hiển thị ở tất cả các trang làm tốc độ load trang của các trang còn lại giảm đi khá đáng kể.

Và dưới đây là một số mẫu các bạn có thể áp dụng

1. Chỉ hiển thị ở trang chủ

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
Css ở đây
</style>
<script type='text/javascript'>
//<![CDATA[
JS nằm ở đây
//]]>
</script>
</b:if>

Sử dụng đoạn code trên thì tất cả css và js nằm trong này chỉ hiển thị ở trang chủ nhé các bạn.

2. Chỉ hiển thị ở trang bài viết

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
Css ở đây
</style>
<script type='text/javascript'>
//<![CDATA[
JS nằm ở đây
//]]>
</script>
</b:if>

3. Không hiển thị ở trang chủ và hiển thị ở các trang còn lại

 <b:if cond='data:blog.pageType == "index"'>
<style type='text/css'>
Css ở đây
</style>
<script type='text/javascript'>
//<![CDATA[
JS nằm ở đây
//]]>
</script>
</b:if>

Xêm thêm : Cách ẩn hiện widget bất kỳ cho blogspot 

Đây là một cách mà Khám Phá Blog khuyên các bạn nên dùng nếu các bạn có ý định seo cho blogspot của mình, các bạn sẽ thấy hiệu quả rõ rệt sau khi tối ưu bằng kết quả tìm kiếm của blog các bạn trên google. Chúc các bạn thành công.

Bài Viết Cùng Chủ Đề