Wednesday, October 3, 2018

Panduan Mempercepat Loading Blog Dalam 1 Menit

Halo sobat..

Kali ini saya akan berbagi sedikit ilmu pengetahuan yang saya ketahui tentang HTML.

Nah sering sekali kalian jumpai pada checker pagespeed atau yang lainnya, masalah umum yang sering terjadi adalah pemblokan rendering.

Kemarin saya mencoba mencari tahu tentang bagaimana meningkatkan pagespeed blog dengan cepat.

Sebelum menuju ke pembahasan sebaiknya kamu harus tau penyebab dan apa akibat jika pengoptimalan ini tidak segera dilakukan.

Penyebab page speed rendah adalah banyak dari berbagai faktor, yaitu javasript, css yang memblokir, penggunaan gambar.

Nah faktor javascript sendiri cukup banyak menimbulkan pagespeed menjadi turun drastis.

Kedua css yang memblokir perenderan, jadi perenderan artikel akan sangat sulit untuk terindex atau lambat.

Penggunaan gambar yang terlalu besar, sangat membuat pagespeed turun.

Bagaimana Solusi mengatasi Pagespeed yang rendah?

Saya akan bahas satu per satu oke.

Yang pertama adalah pengoptimalan css yang memblokir di konten paruh atas.

Masuk dulu pada blog lalu masuk ke theme dan pilih edit html.

Lalu tekan ctrl+f untuk mempermudah pencarian tag. Lalu ketikan tag yang ingin dicari sesuai dengan yang akan dioptimalkan.

Oke lanjut.

Caranya adalah mengganti tag <head> dan </head>.

Ganti <head> menjadi &lt;head&gt;

nah untuk tag penutupnya yaitu tag </head> diganti menjadi &lt;/head&gt;&lt;!--<head/>--&gt;

Setelah itu mengubah tag <body> menjadi &lt;!--<body>--&gt;&lt;/body&gt;

Lalu save dan coba cek apakah pagespeed bertambah atau tidak.

Jika bertambah selamat dan jika tidak berhasil mungkin faktor dari menggunakan template blogger yang baru.

Karena mungkin agak sulit menemukan css yang memblokir didalam templatenya. Entah disembunyikan atau bagaimana, saya tidak tahu.

Selanjutnya adalah pengoptimalan pagespeed karena javascript.

Apa sih fungsi javascript dalam blog?

Fungsinya adalah membuat intetaksi web dengan user.

Lalu harus bagaimana? Yang saya lakukan adalah mematikan fitur java script tersebut dengan cara menghapus scriptnya.

Apa akibatnya?

Tidak akan berpengaruh sama sekali pada template yang kita gunakan. Malah akan menambah pageload atau page speed blog kita.

Caranya bagaimana?

Pertama masuk blogger, lalu theme, dan pilih edit html.

Seperti biasa ctrl+f untuk pencarian lebih cepat.

Lalu ketikan pencariannya jquery atau javascript atau ajax.googleapis

Dan hapus scriptnya, coba save dan cek pagespeednya kembali apakah bertambah atau tidak.

Nah pilihan kedua adalah memodifikasi javascriptnya yaitu dengan cara menambahkan async='async' setelah tag <script

Contoh

 <script async='async'src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'/>

Oke save dan cek kembali pagespeednya.

Selanjutnya adalah pengoptimalan gambar.

Saat cek pada page speed tentu ada pengoptimalan yang harus dilakukan bukan?

Disana tertera link gambar gambar yang harus di kompresi kembali satu per satu dan update lagi postingannya.

Saya yakin semua cara diatas adalah bekerja 100% untuk pengoptimalan pagespeed

Well, itu saja yang dapat saya bagi yaitu tentang cara bagaimana mempercepat pagespeed atau mengoptimasi css rendering dengan mudah dan cepat.

Semoga artikel ini bermanfaat untuk kalian semua para blogger sejati.

 Jangan lupa bagikan artikel ini agar kawan-kawan blogger lain juga dapat merasakan bagaimana mempercepat pagespeednya.

Oke terimakasih.