Eliminate Render-Blocking Resources

Add Defer or Async tag to Critical JS Once you come to know your critical Javascript codes, Add "defer" tag to your Javascript just like shown below.

Eliminate Render-Blocking Resources

Eliminate Render-Blocking Resources di JS Blogger

Contoh script yang bermasalah:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js'/>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'/> 
Eliminate Render-Blocking Resources di JS Blogger  sebelum


Cara Mengatasinya ganti link script menjadi seperti berikut ini:

<script async="async" src="GantiLink.js"/>

Sehingga menjadi:
<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js'/>
<script async='async' src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'/> 

Dan berikut hasil PageSpeed Insights
Eliminate Render-Blocking Resources di JS Blogger sesudah.webp

Dua script:
  • <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js'/>
  • <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'/> 
Berfungsi untuk menjalankan slide di blog Armaila.com.


Mau support lewat mana?

Terbantu dengan artikel ini? Ayo balas dengan Support Kami. Tekan tombol merah!

Posting Komentar

© ARMAILA.com. All rights reserved. Developed by Saifullah.id