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'>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.
<style type='text/css'>
Css ở đây
</style>
<script type='text/javascript'>
//<![CDATA[
JS nằm ở đây
//]]>
</script>
</b:if>
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>
Đây là một cách mà Duy-Kute 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.