8 Tips Meningkatkan Page Speed Website
Sunday, January 28, 2018
Add Comment
Page speed sangat berpengaruh dalam SEO, coba kamu bayangkan apabila masuk ke sebuah website dengan load yang sangat lama? pasti kita langsung pencet tombol Back atau Close window. yups, karena saya juga pasti akan melakukan cara tersebut. Perlu kamu tahu, ketika web kita muncul di mesin pencarian dan langsung di close atau kita pencet tombol Back, maka akan berpengaruh pada Bouncing Rate website kita. Pada artikel kali ini, kita akan Bahas 8 Tips Meningkatkan Page Speed website kita, Ini adalah rangkuman dari berbagai sumber dan terlengkap, Untuk Bahan referensi dengan cara melakukan Pengujian bisa menggunakan tool punya google, bisa di klik Page Speed Insight[##external-link##] atau Punya GTmetrix [##external-link##]
1. Rendering Javascript
Contoh
[<script src="script.js"> ]Maka harus di ubah menjadi
[<script async='async' src="script.js"> ]
2. Penempatan CSS Dan Javascript
Saat Load sebuah halaman website, maka point yang terpenting adalah. Buffering CSS dulu, setelah semua telah di load, baru pemanggilan javascript. Tips nya adalah posisi penempatan Javascript harus dibawah CSS.
3. Hapus Script bawaan blogger seperti file CSS dan JS
Jika kamu menggunakan Platform Blogger, maka kamu akan menemukan kode dibawah ini
[https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css https://www.blogger.com/…&zx=e35e54c0-dccd-405f-aae8-731de51ebc0e https://www.blogger.com/static/v1/widgets/3401484092-widgets.js https://apis.google.com/js/plusone.js https://www.blogger.com/static/v1/jsbin/313381681-comment_from_post_iframe.js]Jika kamu tidak menggunakan Google+ Comment sebagai bawaan, maka Hapus No3, Jika kamu menggunakan Custom Template, Maka kamu tidak membutuhkan No1 dan No2. No1&No2 merupakan bawaan dari bloger, jadi kamu tidak akan menemukan script tersebut. Cara mengatasinya adalah dengan cari kode <b:skin> Lalu Cut semua kode CSS yang ada di dalam tag <b:skin></b:skin> dan Paste Code tersebut di <style type='text/css'> paste kode nya disini </style>
Setelah kamu melakukan cara di atas, Maka tampilan blog kamu akan sedikit berubah, Misal hal tersebut tidak di inginkan dengan cara menekan Tombol Back atau sebelum melakukan Hal tersebut, lebih baik kamu backup template kamu.
Lalu Bagaimana cara untuk menghapus Widgets.js?
Widgets.js merupakan Kode javascript yang digunakan untuk Comment form Google+, Untuk mengatasinya dengan cara Cari kode </body> lalu Ubah menjadi
[ <!--</body> --> </body> ]
4. Hapus Icon Quick Edit bawaan Blogger
Quick edit sangat menggangu menurut saya, ditambah lagi memperberat Load Speed Website kita. Banyak artikel yang menyarankan dengan Meng Hide Quick edit dengan menambahkan kode CSS Display:none; menurut saya cara itu tidak berguna, karena kita tetap Load kode tersebut. Tips nya adalah HAPUS Semua kode dibawah ini
[ <b:include name='quickedit'/> <b:include data='post' name='postQuickEdit'/> ]
5. Kurangi ukuran gambar
Perlu kamu ketahui, Faktor yang membuat Load Speed website kita menjadi lama adalah karena gambar yang ukuran nya terlalu besar dan gambar yang tidak di kompres. Dengan cara kompres gambar, maka halaman web kita akan cepat termuat. Untuk kompress gambar kamu bisa mengunjungi situs TinyJPG[##external-link##]
6. Jangan menggunakan costum Font aneh
Costume font memang terlihat bagus, disatu sisi dengan kamu menggunakan custom font, maka kamu akan memanggil font.google dan hal tersebut dapat memperlambat Load Speed website kita.
7. Gunakan Javascipt pada Tag condisional
Misal kita membutuhkan Javascript Hanya pada Bagian Depan /Static page. maka dengan cara menyisipkan Javascript tersebut di antara Conditional tag static Page, maka javascript tersebut khusus di load pada halaman static page. Jangan taruh <script> di bagian <head> tanpa tag conditional.
8. Manfaatkan Cache server
Saat pertama kali kamu membuka website, maka akan sedikit berat. Tapi ketika kamu membuka halaman tersebut kedua kalinya, maka akan terasa cepat. Karena browser kamu sudah menCache halaman tersebut. Tips untuk mengatasi masalah ini adalah. kita harus seting Expired Cache.
Berikut adalah cara nya.
[ <include expiration='7d' path='/assets/**.css'/> <include expiration='7d' path='/assets/**.js'/> <include expiration='3d' path='/assets/**.gif'/> <include expiration='3d' path='/assets/**.jpeg'/> <include expiration='3d' path='/assets/**.jpg'/> <include expiration='3d' path='/assets/**.png'/> <meta content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/> ]tambahkan kode di atas diantara Tag <head></head>, Disarankan tepat dibawah <head>
Setelah kamu menjalankan 8 Tips Meningkatkan Load Speed website kita, saya yakin load speed website kita akan semakin cepat. karena cara tersebut sudah saya terapkan, dan Tips ini saya terapkan pada semua blog saya. Apabila ada masalah atau kendala terhadap Cara Meningkatkan Load Speed Website kita. Bisa kita ngopi disini...Jangan lupa, Kopi nya bawa sendiri ya. ^ ^
jangan serius amat ah ....[[##eye##][##eye##]]
0 Response to "8 Tips Meningkatkan Page Speed Website"
Post a Comment