Trik Mengatasi Render-Blocking Javascript Dari Jquery

Kamu pasti pernah sesekali melakukan tes situs, dengan menggunakan https://developers.google.com/speed/pagespeed/insights/ apa yang kamu lihat? Saya yakin pasti kamu tidak memperdulikannya, karena dirasa bukan suatu yang penting. Tapi bila anda ingin menjadikan blog atau web anda Seo di mesin pencari, Ada masalah dengan kesehatan diWeb atau blogger kamu, maka perlu reaksi untuk memperbaikinya.

Jika anda sudah memakai template responsive, menarik dll. perlu untuk di tinjau kembali kode-kode script yang ada di dalam template kamu barangkali ada yang double yang akan menyebabkan jquery tidak bekerja dengan baik pada template blogger.

Trik Mengatasi Render-Blocking Javascript Ddari Jquery
sebelum diperbaiki

Sebelum diperbaiki  Saya menemukan petunjuk untuk menggunakan atribut HTML async pada Jquery-nya. Sebelumnya Jquery saya simpan di edit HTML sebagai berikut:

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

Trik Mengatasi Render-Blocking Javascript Ddari Jquery
Sesudah diperbaiki

Sesudah diperbaiki  saya mencoba menambahkan atribut HTML async menjadi seperti berikut:

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

Jika ada kesamaan antara kesalahan di situs kamu dengan yang saya post jangan ragu untuk memperbaikinya, dan perhatikan dengan benar antara script pertama dan kedua karena ada perbedaan.

Itulah Tips dari saya kali ini tentang Trik Mengatasi Render-Blocking Javascript dari Jquery semoga bermanfaat. Selamat mencoba dan terimakasih.

Subscribe by Email

Follow Updates Articles from This Blog via Email

Karakteristik Sistem Operasi Jaringan – Tekno Geyik

Pengertian Sistem Operasi JaringanSistem Operasi Jaringan (Network Operating System) merupakan sebuah jenis dari sistem operasi komputer yang ditujukan khusus untuk menangani jaringan jaringan komputer sehingga komputer server mampu melayani komputer-komputer client...

Newest Dell 3189 Convertible Chromebook 11.6″ HD IPS Touchscreen, Laprtop with Corning Gorilla Glass NBT

Deskripsi Produk Newest Dell 3189 Convertible Chromebook 11.6" HD IPS Touchscreen: Processor: Intel Dual-Core Celeron N3060 Up to 2.48Hz RAM: 4GB DDR3L Memory Hardisk: 32GB eMMC SSD Storage Ukuran Layar: 11.6" HD IPS Multi-Touchscreen Display (1366 x 768) with Corning...

Latest_Dell Vostro Real Business Laptop With Core i7-8550U Processor

Deskripsi Produk Latest_Dell Vostro Real Business Laptop: Processor: 8th Generation Intel Core i7-8550U Processor (8M Cache, up to 4.0 GHz) RAM: 8GB, DDR4, 2400MHz Hardisk: 128GB Solid State Drive + 1TB 5400 rpm Hard Drive Ukuran Layar: 14.0-inch FHD (1920 x 1080)...

ASUS E402WA-WH21 Lightweight and Portable Laptop PC, Laptop With AMD Quad Core E2-6110 Processor

Spesifikasi ASUS E402WA-WH21 Lightweight and Portable Laptop PC: Processor: Efficient AMD quad-core E2-6110 1.5GHz RAM: 4GB DDR3 RAM Hardisk: 64GB eMMC Flash Storage Ukuran Layar: 14 inchesASUS E402WA-WH21 Lightweight and Portable Laptop PC adalah salah satu laptop...

0 Komentar

Kirim Komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *