❤ Bán tài khoản Google Drive Unlimited giá rẻ "mua một tặng một"❤
➡ Chỉ từ 100.000 VNĐ đến 500.000 VNĐ bạn sẽ sở hữu ngay một tài khoản Google Drive Unlimited (tên bạn@....edu.vn hoặc tên bạn @....com) 🎁 tặng kèm một tài khoản One Drive 5T + Office 365 Online vĩnh viễn
Mã giảm giá: #GIANGNA
- Fb/ Zalo/ Viber/ Skype: 01635671368 - - Email: info@googleunlimited.com
- Facebook cá nhân: fb/GSuiteViet - Fanpage: fb/Google Unlimitedfb/GSuiteVietNam

Cách Tăng tốc độ Load cho Blogspot/Blogger trên PageSpeed Insights

PageSpeed Insights
Làm thế nào để giảm tốc độ load, tải trang cho trang web/Blogspot của bạn load nhanh trên tất cả các thiết bị. Việc tăng tốc độ tải trang sẽ giúp người truy cập hài lòng hơn, làm giảm tỉ lệ thoát trang và tất nhiên sẽ được google đánh giá trang web/blogspot là thân thiện với người sử dụng.
Loại bỏ JavaScript và CSS chặn hiển thị, Font Awesome, Google Fonts và JavaScript vào blog/website.
PageSpeed Insights
- Với SEO, tốc độ website là một yếu tố để Google xếp hạng tìm kiếm.
- Với người dùng, tốc độ website quyết định đến thời gian truy cập, ảnh hưởng trực tiếp tới tỷ lệ Bounce Rate (cũng liên quan đến SEO Blogspot)


1. Link file CSS, Bootstrap.min, Font Awesome, Google Fonts
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

và thay thế bằng

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
//]]>
</script>

2.  JavaScript

Thông thường thì có dạng
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>
<script src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>

và bạn chỉ cần thêm thuộc tính này async='async' vào là được.
VD:
<script async='async' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>
<script async='async' src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>

Nếu file JavaScript ngắn thì bạn copy rồi dán vào code sau:
<script type="text/javascript">
//<![CDATA[
Chèn code JavaScript vào đây
//]]>
</script>

3. Nén hình ảnh

Hình ảnh có dung lượng lớn sẽ làm cho tốc độ tải trang bị ảnh hưởng một xíu nên việc sử dụng ảnh trên website đúng cách cũng là một cách tăng tốc độ website tốt hơn.

Ứng dụng nén ảnh tốt nhất
Caesium (Windows)

Phần mềm này hỗ trợ bạn nén các định dạng ảnh thông dụng như PNG, JPEG và BMP, có thể nén nhiều ảnh cùng lúc trong thư mục và hoàn toàn miễn phí.

ImageOptim (Mac)

Đây là một ứng dụng mình khá thích trên Mac và sử dụng thường xuyên trong thời gian mình còn dùng Mac vì nó vừa nhẹ, lợi hại và miễn phí. Nó hỗ trợ bạn nén một số định dạng ảnh thông dụng như JPEG, PNG và GIF.

PngOptimizer (Windows)

Đây là một ứng dụng nhỏ gọn sử dụng để nén ảnh PNG.

Kraken (Web)

4. Sử dụng thẻ điều kiện hợp lý để ẩn những phần không quan trọng cho trang chủ hoặc các trang khác
Các bạn làm xong và test ở đây nhé: PageSpeed Insights
Tác dụng phụ: có thể ảnh hưởng một số tiện ích không hoạt động.
Từ khoá:
26.5.16

1 Bình Luận

  1. Cách Tăng tốc độ Load cho Blogspot/Blogger trên PageSpeed Insights

    ReplyDelete

Thiết kế web với Blogger - Blogspot

Thiết kế Responsive, SEO Friendly Blogger Templates, Bố cục gọn gàng, dễ dàng chỉnh sửa.

Thủ thuật Blogspot - Blogger

Free template blogger, Chia sẻ thủ thuật Blogger - Seo Templates, Tutorial CSS3 - HTML5 Blogger

Dịch vụ Blogspot

Tối ưu hóa SEO, tùy biến Template blogspot thân thiện với các công cụ tìm kiếm phổ biến