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. Ngoc anh blog cùng...


Để 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. Ngoc anh blog cùng các bạn đi tìm hiểu về nó nhé !.
tối ưu css và js tăng tốc cho blogspot.
tối ưu css và js tăng tốc cho blogspot.

Vậy tối ưu CSS và JS 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ể.

Cách tối ưu js và css

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>
Đây là một cách mà Ngoc anh 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 !!!.
DMCA.com Protection Status

Chia sẻ:

Là một người yêu thích công nghệ thông tin và hiện đang là một Doctor Mobi, Đam mê blog.

Nhận cập nhật các bài viết mới của Ngocanhblog

Có thể bạn quan tâm

Mẹo nhỏ khi bình luận
  • - Để viết chữ in đậm hãy sử dụng thẻ chữ in đậm
  • - Để viết chữ in nghiêng hãy sử dụng thẻ chữ in nghiêng
  • - Để viết code hãy sử dụng công cụ Conversion ở bên dưới để mã hóa và sau đó dán vào khung bình luận.
  • - Để chèn hình ảnh, video chỉ cần dán link trực tiếp của hình ảnh hoặc video vào khung bình luận (hỗ trợ: jpg, gif, png, bmp, Youtube).

1 comments:

Click here for comments
Lukaku
admin
12/17/2015 8:19 PM ×

like

Chúc mừng bro Lukaku Bạn đã phá trinh bài viết đầu tiên...! hehehehe...
Trả lời
avatar

Ôi hỏng bạn làm gì vậy ?Hãy bật Javascript!