Đẩy nhanh tốc độ website bằng cách loại bỏ chặn hiện thị của blogspot

Thông thường ta hay add file css vào blogspot ta hay làm

<link href="https://rawgit.com/webvn20/shimi/master/foundation.css" rel="stylesheet" property='stylesheet' type='text/css' media='all'>

tuy nhiên cách này hay bị google speed đánh giá điểm thấp và điểm tốc độ không cao
để loại loại bỏ chặn hiện thị CSS của blogspot ta làm như sau

<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("https://rawgit.com/webvn20/shimi/master/foundation.css");
loadCSS("https://fonts.googleapis.com/css?family=Itim");
loadCSS("https://fonts.googleapis.com/css?family=Noto+Sans");

//]]>
</script>

Ngoài ra để tối ưu javascript thay vì viết

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

Ta thay bằng cách thêm async='async' vào để nén (hạn chế dùng vì sẽ gây ảnh hưởng đến các jquery khác hay hiện tượng jquery bị conflic)

<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>