Langsung ke konten utama

Cara Menghilangkan Render-Blocking Scripts dan CSS Blogger

Gambar
Oleh
Karena kecepatan dalam loading atau memuat sebuah halaman blog sangat penting, inilah yang menjadi alasan saya menulis tentang bagaimana membuat blog atau situs memuat lebih cepat Apa itu Render-Blocking Scripts dan CSS? Render blocking script biasanya merupakan skrip dari sumber eksternal yang disebut dengan tag <srcipt src="...../files/style.css"/> dan masalahnya terletak pada URL atau penyimpanan file javascript. Beberapa masalah umum dengan skrip eksternal adalah: URL yang berisi file Javascript dialihkan ke beberapa URL dan kemudian mencapai file Javascript. URL yang berisi file Javascript merespon secara perlahan karena kesalahan server. URL yang berisi file Javascript terkadang tidak merespon karena status server down. Mirip dengan file Javascript, ada beberapa file CSS yang tersimpan secara eksternal memiliki masalah yang sama seperti yang disebutkan di atas. Cara Mengidentifikasi Render-Blocking Scripts Untuk mengidentifikasi skrip pemblokiran atau css, Kamu perlu menggunakan PageSpeed ​​Insights. Ini akan menunjukkan file script dan css yang menghalangi dan membuat load halaman Kamu lambat. Cara Hapus Render-Blocking Scripts Dan CSS Dari Blogger Langkah 1: Temukan skrip render-blocking dengan menggunakan Google PageSpeed ​​Insights seperti yang ditunjukkan pada gambar di atas. Langkah 2: Pergi ke dashboard blogger> Template> Edit Html. Langkah 3: Cari script atau CSS dengan menggunakan CTRL + F di kode yang Kamu temukan untuk diblokir di alat PageSpeed ​​Insights. Langkah 4: Lakukan hal-hal berikut: Untuk Javascript: 1. Tambahkan Tag "Defer" Tag defer adalah tag yang menghentikan skrip saat memuat sehingga meningkatkan kecepatan pemuatan halaman blog. Untuk menambahkan tag defer ke javascript Kamu cukup tambahkan defer='defer' seperti yang ditunjukkan pada contoh di bawah ini: <Script defer="defer" src="...file/code.js"/> 2. Tambahkan Javascript Eksternal secara internal: Jika kamu melihat javascript saat memuat di blog, yang di alihkan atau membutuhkan waktu yang lama untuk memuat daripada menambahkan kode di atas </head> lebih baik memindahnya ke host lain seperti GitHub. baca caranya di sini 3. Hapus Blocking Code: Jika kamu sudah mencoba cara di atas dan masih merasa bahwa skrip tersebut masih terasa berat maka hapus skrip atau salin dan tambahkan di Tata Letak sebagai gadget. 4. Gunakan "async" Tag: Tag ini memberi tahu halaman bahwa kode yang disinkronkan akan dijalankan saat tersedia (avalible) dan tidak akan dijalankan bila tidak tersedia sehingga meminimalkan kecepatan pemuatan halaman. Untuk menambahkan tag async ke kode template cukup tambahkan async='async' karena blogger tidak menerima async saja. Berikut adalah contohnya: <Script async="async" src="...file/code.js"/> Untuk CSS: 1. Tambahkan CSS di <head>: Jika kamu memiliki kode CSS yang tersimpan secara eksternal namun kamu memasukkannya ke dalam body dengan menggunakan kode di bawah ini: <Link href="...file/code.css" rel ="stylesheet" type="text/css"/> Cukup pindahkan di bawah <head> di template blog 2. Gunakan Github: Jika hosting milikmu tidak merespons pada waktunya atau memiliki banyak pengalihan (seperti pada GOOGLE DRIVE), gunakan Github untuk menyimpan kode. Langkah 5: Simpan template Anda dan Anda berhasil dilakukan. Apa yang Harus Dilakukan Untuk Memblokiran Internal Javacript Atau CSS? Jika kamu memiliki kode internal yang memblokir halamanmu saya sarankan untuk mencopotnya/membuangnya, karena kamu tidak dapat mengubahnya. Dengan mengikuti langkah-langkah di atas kamu dapat menghapus pemblokiran javascript dan css namun jika kamu memerlukan kode tersebut dan kamu ingin menyimpannya namun meminimalkan kecepatan pemuatan maka jangan hapus kode tapi simpan di github atau di tata letak. kamu mungkin tidak melihat peningkatan alat di Google PageSpeed ​​Insights namun pasti akan ada beberapa perbaikan yang akan kamu amati saat memuat halaman blog. Saya harap posting ini bermanfaat bagi kalian, Terima kasih telah mengunjungi UNDI LIFE. Jangan sungkan untuk meninggalkan komentar di bawah. keep blogging. Keyword Tag: Cara Menghilangkan Render-Blocking Scripts Dan CSS - Blogger, Blogger blog page loading speed, cara menghapus script dan css dari blog blogger, cara mempercepat blog, cara membuat blog lebih cepat loading.

Karena kecepatan dalam loading atau memuat sebuah halaman blog sangat penting, inilah yang menjadi alasan saya menulis tentang bagaimana membuat blog atau situs memuat lebih cepat

Apa itu Render-Blocking Scripts dan CSS?

Render blocking script biasanya merupakan skrip dari sumber eksternal yang disebut dengan tag <srcipt src="...../files/style.css"/> dan masalahnya terletak pada URL atau penyimpanan file javascript. Beberapa masalah umum dengan skrip eksternal adalah:

URL yang berisi file Javascript dialihkan ke beberapa URL dan kemudian mencapai file Javascript.
  • URL yang berisi file Javascript merespon secara perlahan karena kesalahan server.
  • URL yang berisi file Javascript terkadang tidak merespon karena status server down.
  • Mirip dengan file Javascript, ada beberapa file CSS yang tersimpan secara eksternal memiliki masalah yang sama seperti yang disebutkan di atas.

Cara Mengidentifikasi Render-Blocking Scripts

Untuk mengidentifikasi skrip pemblokiran atau css, Kamu perlu menggunakan PageSpeed ​​Insights. Ini akan menunjukkan file script dan css yang menghalangi dan membuat load halaman Kamu lambat.


Cara Hapus Render-Blocking Scripts Dan CSS Dari Blogger

Langkah 1: Temukan skrip render-blocking dengan menggunakan Google PageSpeed ​​Insights seperti yang ditunjukkan pada gambar di atas.

Langkah 2: Pergi ke dashboard blogger > Template > Edit Html.

Langkah 3: Cari script atau CSS dengan menggunakan CTRL + F di kode yang Kamu temukan untuk diblokir di alat PageSpeed ​​Insights.

Langkah 4: Lakukan hal-hal berikut:

Untuk Javascript:
1. Tambahkan Tag "Defer"
Tag defer adalah tag yang menghentikan skrip saat memuat sehingga meningkatkan kecepatan pemuatan halaman blog. Untuk menambahkan tag defer ke javascript Kamu cukup tambahkan defer='defer' seperti yang ditunjukkan pada contoh di bawah ini:

<Script defer="defer" src="...file/code.js"/>

2. Tambahkan Javascript Eksternal secara internal:
Jika kamu melihat javascript saat memuat di blog, yang di alihkan atau membutuhkan waktu yang lama untuk memuat daripada menambahkan kode di atas </head> lebih baik memindahnya ke host lain seperti GitHub. baca caranya di sini

3. Hapus Blocking Code:
Jika kamu sudah mencoba cara di atas dan masih merasa bahwa skrip tersebut masih terasa berat maka hapus skrip atau salin dan tambahkan di Tata Letak sebagai gadget.

4. Gunakan "async" Tag:
Tag ini memberi tahu halaman bahwa kode yang disinkronkan akan dijalankan saat tersedia (avalible) dan tidak akan dijalankan bila tidak tersedia sehingga meminimalkan kecepatan pemuatan halaman. Untuk menambahkan tag async ke kode template cukup tambahkan async='async' karena blogger tidak menerima async saja. Berikut adalah contohnya:

<Script async="async" src="...file/code.js"/>

Untuk CSS:
1. Tambahkan CSS di <head>:
Jika kamu memiliki kode CSS yang tersimpan secara eksternal namun kamu memasukkannya ke dalam body dengan menggunakan kode di bawah ini:

<Link href="...file/code.css" rel ="stylesheet" type="text/css"/>

Cukup pindahkan di bawah <head> di template blog

2. Gunakan Github:
Jika hosting milikmu tidak merespons pada waktunya atau memiliki banyak pengalihan (seperti pada GOOGLE DRIVE), gunakan Github untuk menyimpan kode.


Langkah 5: Simpan template Anda dan Anda berhasil dilakukan.


Apa yang Harus Dilakukan Untuk Memblokiran Internal Javacript Atau CSS?

Jika kamu memiliki kode internal yang memblokir halamanmu saya sarankan untuk mencopotnya/membuangnya, karena kamu tidak dapat mengubahnya.

Dengan mengikuti langkah-langkah di atas kamu dapat menghapus pemblokiran javascript dan css namun jika kamu memerlukan kode tersebut dan kamu ingin menyimpannya namun meminimalkan kecepatan pemuatan maka jangan hapus kode tapi simpan di github atau di tata letak. kamu mungkin tidak melihat peningkatan alat di Google PageSpeed ​​Insights namun pasti akan ada beberapa perbaikan yang akan kamu amati saat memuat halaman blog.

Saya harap posting ini bermanfaat bagi kalian, Terima kasih telah mengunjungi UNDI LIFE. Jangan sungkan untuk meninggalkan komentar di bawah. keep blogging.

Keyword Tag: Cara Menghilangkan Render-Blocking Scripts Dan CSS - Blogger, Blogger blog page loading speed, cara menghapus script dan css dari blog blogger, cara mempercepat blog, cara membuat blog lebih cepat loading.
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Biodata William Franklyn Miller dan Fakta Lengkap 🤩

Oleh
William Franklyn Miller lahir di London pada tanggal 25 Maret 2004. Lalu keluarganya pindah ke Melbourne, Australia pada tahun 2013. Dia juga merupakan model remaja paling tampan di dunia. dan semua orang setuju dengan hal tersebut. Karena ketampanannya ini, tidak salah jika followersnya di Instagram menembus 1 juta followers. William Franklyn-Miller telah aktif sebagai aktor dan model sejak ia berusia empat tahun. Selama bertahun-tahun, ia telah muncul dalam katalog beberapa merek fashion top dunia dan telah menjadi bagian dari model iklan untuk Hackett, Harrods, Marks & Spencer, Country Road, Pavement Brands, Sudo, dan Ratbag. Selain itu wajahnya sering muncul di majalah-majalah top seperti ‘La Petite Magazine,‘ ’L’Official Russia,‘ V Vogue Italia ’dan‘ Vogue Russia ’,‘ Hooligans Magazine ’.’ Pada tahun 2017, Halcyon Kids mengadakan kompetisi untuk para pembaca Los Angeles, bagi pembaca yang beruntung, mereka akan melakukan pemotretan dengan Franklyn-Miller. Dia...
12 komentar
Read more »

Omar Arnaout - I Love You Lyrics

Oleh
i love u i love u je t'aime je t'aime ich liebe dich habibatii... hey ya habibati anah clouse your eyes and try to see a world without love how would that be every hug n every kiss every smile will disapear so tell me how would that be ooooh i love you je t'aime te quiero mucho ya habibati anah ya'i lihale le hale le yaaaa 'aini yale yaale free your mind n make a speace for take you quiere and special dance every day you way will be guided by divinity so tell me how would that be oooh i love you je t'aime te quiero mucho ya habibati ana te iubesc ich liebe dich a hop bucky ya habibati yahabibati ana yale yale y 'aini ya le yale ya 'aini i love you je t'aime te quiero mucho ya habibati ana ya'i lihale le ale le ale le yaaaa 'aini yale yaale
1 komentar
Read more »

Danial Malik biodata

Oleh
Daniaal Malik adalah Sepupu dari mantan anggota One Direction Zayn Malik. Danial lahir di Bradford, London, England pada tanggal 3 Februari 2002. Danial merupakan campuran darah Pakistan dan inggris. Dia juga saudar sepupu dari saudara perempuan Waliyha, Doniya, dan Safaa Malik. Social Media Instagram ☆ Twitter
2 komentar
Read more »

Rumah Christopher Columbus di Genoa 🏠

Oleh
Sangat menyenangkan melihat rumah tempat Christopher Columbus tumbuh. Sayangnya, yang berdiri di Genoa saat ini hanyalah sebuah rekonstruksi. Namun demikian, itu adalah struktur yang sangat tua dan dibangun kembali hanya beberapa dekade setelah rumah asli dihancurkan. Christopher Columbus , sosok yang angkuh dan pemalu, lahir di kota Genoa, Italia, pada tahun 1451. Ayahnya adalah seorang penenun wol yang juga memiliki sebuah kedai minuman tempat Christopher muda bekerja sebagai helper. Sangat sedikit yang diketahui tentang masa kecil Christopher Columbus , tetapi dokumen sejarah menunjukkan bahwa Columbus tinggal di rumah ini antara tahun 1455 dan 1470, setelah itu keluarganya pindah ke Savona, sebuah kota di sebelah barat Genoa. Rumah aslinya memiliki dua atau mungkin tiga lantai, dengan sebuah toko di lantai dasar, dan pintu depan di sebelah kiri toko. Rumah itu kemungkinan besar dihancurkan selama pemboman Genoa oleh Raja Louis XIV dari Perancis pada t...
Posting Komentar
Read more »

Nikmat Kerja Keras & Tanggung Jawab + PPT (Materi PAI)

Oleh
Bekerja merupakan salah satu bagian syarat wajib bagi kita untuk bisa hidup dalam kehidupan. Tidak hanya bekerja keras, tetapi kita juga harus punya motivasi dan tekad yang kuat juga harus bersungguh-sungguh, bekerja keras dan semangat tinggi untuk bisa berhasil bagaimanapun kondisi dan jenis pekerjaan yang sedang dan akan digeluti saat ini. Semua  pekerjaan, apapun itu, jika niat dan usaha kita baik Allah akan memberikan hasil yang baik pula sesuai dengan usaha yang kita lakukan.  Jangan pernah berpikir dan berimajinasi bahwa Tuhan tidak adil karena pikiran seperti ini justru akan membuat kita kufur dengan apa yang kita miliki, termasuk pekerjaan kita. Kita perhatikan masih banyak orang-orang yang terlunta-lunta mencari pekerjaan. Oleh karena itu, kita saat ini sudah memiliki pekerjaan maka syukurilah dan jalani dengan niat dan tekad yang yang sungguh sungguh. Niat baik untuk memulai usaha adalah karena Allah semata mata melalui doa, usaha dan ikhtiar. Adapun hasilnya percaya...
1 komentar
Read more »