Bài đăng nổi bật

Ford Biên Hòa Đồng Nai - Đại lý mua bán xe giá tốt nhất

Xuất hiện tại Biên Hòa Đồng Nai từ năm 2007 tới nay, hãng xe Ôtô nổi tiếng tới từ Mỹ –  Ford Motor  đã khẳng định được một chỗ đứng trong l...

Thứ Sáu, 4 tháng 11, 2016

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

Làm thế nào để giảm tốc độ loadtả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.

0 nhận xét

Đăng nhận xét