Loại bỏ JavaScript và CSS chặn hiển thị trong nội dung trong màn hình đầu tiên và vì sao phải loại bỏ chúng đi... Các bạn sẽ được biết rõ hơn khi xem hết phần nội dung bên dưới mà tôi sắp trình bày một cách cẩn thận và tỉ mỉ nhất mà tôi có thể ...
Trước tiên bạn vào PageSpeed Tools của google hổ trợ để kiểm tra xem nội dung nào bị chặn và ta sẽ từng bước khắc phục nhéVà đây là hình demo trước và sau khi khắc phục loại bỏ javascript và css bị chặn hiển thị
Bước 1:Thực hiện loại bỏ JavaScript chặn hiện thị của blogspot
Tìm đến đoạn Javascript bị chặn trong template Blogspot mà bạn vừa có được khi check tại PageSpeed Tools Google<script src='https://code.jquery.com/jquery-1.12.4.min.js' type='text/javascript'/>Copy đoạn vừa tìm được ( Phần màu đỏ là chỉ tượng trưng cho đoạn code của bạn ) và dán vào trình duyệt sau đó enter và bạn sẽ thấy như thế này
Bấm Ctrl + A ( Chọn tất cả )
<script type='text/javascript'>Cuối cùng là copy tất cả code trong notepad++ thay thế cho đoạn
//<![CDATA[
dán ở đây nhé
//]]></script>
<script src='https://code.jquery.com/jquery-1.12.4.min.js' type='text/javascript'/>trong template và lưu lại. Trở lại trang PageSpeed Tools để kiểm tra kết quả, bạn sẽ thấy khác biệt...
Còn 1 cách nữa để xử lý đoạn code trên là:
VD:
<script src='https://code.jquery.com/jquery-1.12.4.min.js' type='text/javascript'/>để ý phần in đậm thay thành async <==Cách 2 này còn tùy vào từng trường hợp để sử dụng vì có thể bị ảnh hưởng những bộ source khác trong template
Bước 2: Thực hiện loại bỏ CSS chặn hiện thị của blogspot
Đối với các CSS bên ngoài
Bạn vào Blog => Mẫu => Chỉnh sữa HTML. Nhấn tổ hợp Ctrl + F và tìm đoạn <head> Sau đó thêm đoạn code dưới đây phía dưới thẻ <head><script type='text/javascript'>Thay các CSS1,2,3 thành link của các file css của bạn có dạng "http://abcd/css.css"
//<![CDATA[
//CSS Ready
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("CSS1");loadCSS("CSS2");loadCSS("CSS3");
//]]>
</script>
Đối với các CSS mặc định
Bạn vào Blog => Mẫu => Chỉnh sữa HTML. Nhấn tổ hợp Ctrl + F và tìm đoạn <b:skin><![CDATA[ và copy đoạn code bên dưới dán đè vào phần <b:skin><![CDATA[ vừa tìm được<style type="text/css"><!-- /*<b:skin><![CDATA[*/]]></b:skin>và tiếp theo là tìm đoạn ]]></b:skin>thay thành </style>
<style type='text/css'>
Bước 3: Xóa Javascript mặc định
Để xóa bỏ stylesheet và file javascript mặc định của Blogger, các bạn hãy thay các thẻ sau:<head> => <head>Cuối cùng là lưu lại. Mở lại trang PageSpeed Tools và kiểm tra kết quả, bạn sẽ thấy bất ngờ đấy :).
</head> => </head>
<body> => <body>
Riêng thẻ </body> thay thành <!--<head/>--><!--<body/>--></body>
