Blogspot: Một số mẹo để tăng tốc

         Hiện nay xuất hiện nhiều blog có mã nguồn là Blogger. Nhưng có một số blog tốc độ tải trang có vẻ " không được nhanh". Điều này làm gây khó chịu cho đọc giả. Vì vậy mình muốn chia sẻ một số thủ thuật nhằm tăng tốc độ load trang web trên Blogspot với kinh nghiệm có được.

        Trước khi thực hiện các tip này bạn nên save lại mẫu template của mình để có gì còn hồi phục lại được nếu chẳng may không thành công.

1. Tối ưu CSS :

        Nếu template của bạn có mã CSS quá dài thì nên làm điều này, còn không thì cứ để vậy cũng được. Bạn có thể vào địa chỉ này để nén code CSS lại , tốc độ sẽ được cải thiện.

2. Tối ưu hình ảnh :

         Các blog có nhiều hình ảnh sẽ gây chậm blog, vì vậy hãy sử dụng định dạng JPG cho tất cả các image. Không  nên copy link các hình ảnh trên website khác quá nhiều mà hãy tự upload chúng lên host riêng thường thì Picasa.

3. Tối ưu Javascript :

         Thông thường thì ta không nên chèn quá nhiều script vào template bởi gây chậm đáng kể, tuy nhiên nếu điều đó là bất khả kháng thì vẫn có một số cách để tăng tốc. Chúng ta có thể chèn thẳng code trong file.js vào trong template bằng cách dùng thẻ.

<script type='text/javascript'>//<![CDATA[ code //]]></script>

         Tuy nhiên cũng cần chú ý với cách này , tuy nó có tăng tốc độ load trang web nhưng ảnh hưởng đến SEO. Nếu ta sử dụng các liên kết tới file .js thì sẽ giảm được khả năng này. 


        Vì vậy mình khuyên chỉ nên chèn các đoạn script có dung lượng <10KB , và các bạn cũng có thể nén nó lại bằng cách truy cập địa chỉ này (lưu ý là không phải lúc nào cũng nén thành công). Nên chèn script ở cuối phần code của template nếu được , càng sát thẻ càng tốt. Một đoạn script không nhất thiết phải được load ở tất cả các trang trên blog. 


Ví dụ : Trang web của bạn có một slide ở trang chủ sử dụng hiệu ứng jquery. Vậy jquery có còn cần thiết ở trang đọc bài không? Tất nhiên là không, ta sẽ sử dụng câu lệnh sau để loại bỏ sự phiền hà này:

Ở trên chỉ là ví dụ , hãy áp dụng cách này cho các script khác như related posts hoặc page-navigation  chẳng hạn.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='jquery.js' type='text/javascript'/>
</b:if>

4. Hạn chế sử dụng tiện ích bên ngoài :

          Như Linkwithin, DISQUS, Facebook, Fanpage... tuy rất tiện lợi nhưng cũng gây chậm rõ rệt.

5. Hiện nay Blogger đã hỗ trợ tính năng readmore (đọc thêm):

          Nhưng khả năng tùy biến của nó là chưa cao, và đa số chúng ta vẫn thường dủng Auto-readmore script bởi đẹp và tiện lợi . Tuy nhiên đây cũng chính là nguyên nhân gây chậm , bởi vì không như readmore của Blogspot, toàn bộ nội dung của bài đăng (tất cả hình ảnh) vẫn được load ở trang chủ , nó chỉ bị ẩn đi thôi.

          Thậm chí nếu số hình ảnh là quá lớn thì sẽ xảy ra tình trạng mất bài ở trang chủ . Mình khuyên là không nên dùng Script auto , bạn có thể tham khảo thủ thuật auto-readmore không dùng javacript để khắc phục lỗi này. 

Xin các bạn gớp ý . Cám ơn các bạn đã đọc bài viết của P