Baca juga : Hal yang dilakukan setelah ganti template
Karena speed yang diharapkan tidak tercapai bahkan hampir sama saja seperti sebelum dioptimasi tentunya membuat saya kecewa , oleh karena itu dalam postingan kali ini saya akan membagikan sedikit tips bagaimana mengoptimalkan kecepatan loading blog secara gratis bahkan bisa dipraktekkan oleh pemula sekalipun
1. Mengecilkan ukuran gambar
2. Gunakan template yang memang fast loading
3. Kurangi kode paruh atas bagian head
Misal anda menggunakan JS untuk menampilkan widget chat dan itu mengalami penundaan selama beberapa detik akibat server tak kunjung merespon jika sudah ketahuan silahkan dihapus atau ganti layanan lain yang menyediakan fitur live chat dengan server lebih baik. Hapus kode-kode tidak penting yang terdapat diantara tag head
4. Tambahkan DNS prefecth
DNS prefetch digunakan untuk menunjukkan asal / sumber yang digunakan untuk mengambil sumber daya yang diperlukan dan menginstruksikan bahwa agen pengguna dalam hal ini browser harus memprioritaskan hal itu untuk dimuat pertama kali
<link href=’//1.bp.blogspot.com’ rel=’dns-prefetch’/>
<link href=’//28.2bp.blogspot.com’ rel=’dns-prefetch’/>
<link href=’//3.bp.blogspot.com’ rel=’dns-prefetch’/>
<link href=’//4.bp.blogspot.com’ rel=’dns-prefetch’/>
<link href=’//2.bp.blogspot.com’ rel=’dns-prefetch’/>
<link href=’//www.blogger.com’ rel=’dns-prefetch’/>
<link href=’//maxcdn.bootstrapcdn.com’ rel=’dns-prefetch’/>
<link href=’//fonts.googleapis.com’ rel=’dns-prefetch’/>
<link href=’//use.fontawesome.com’ rel=’dns-prefetch’/>
<link href=’//ajax.googleapis.com’ rel=’dns-prefetch’/>
<link href=’//resources.blogblog.com’ rel=’dns-prefetch’/>
<link href=’//www.facebook.com’ rel=’dns-prefetch’/>
<link href=’//plus.google.com’ rel=’dns-prefetch’/>
<link href=’//twitter.com’ rel=’dns-prefetch’/>
<link href=’//www.youtube.com’ rel=’dns-prefetch’/>
<link href=’//feedburner.google.com’ rel=’dns-prefetch’/>
<link href=’//www.pinterest.com’ rel=’dns-prefetch’/>
<link href=’//www.linkedin.com’ rel=’dns-prefetch’/>
<link href=’//feeds.feedburner.com’ rel=’dns-prefetch’/>
<link href=’//github.com’ rel=’dns-prefetch’/>
<link href=’//player.vimeo.com’ rel=’dns-prefetch’/>
<link href=’//platform.twitter.com’ rel=’dns-prefetch’/>
<link href=’//apis.google.com’ rel=’dns-prefetch’/>
<link href=’//connect.facebook.net’ rel=’dns-prefetch’/>
<link href=’//cdnjs.cloudflare.com’ rel=’dns-prefetch’/>
<link href=’//www.google-analytics.com’ rel=’dns-prefetch’/>
<link href=’//pagead2.googlesyndication.com’ rel=’dns-prefetch’/>
<link href=’//googleads.g.doubleclick.net’ rel=’dns-prefetch’/>
<link href=’//www.gstatic.com’ rel=’preconnect’/>
<link href=’//www.googletagservices.com’ rel=’dns-prefetch’/>
<link href=’//static.xx.fbcdn.net’ rel=’dns-prefetch’/>
<link href=’//tpc.googlesyndication.com’ rel=’dns-prefetch’/>
<link href=’//syndication.twitter.com’ rel=’dns-prefetch’/>
5. Hilangkan css js bundle untuk blogspot
Ganti kode </html> dengan </HTML>
6. Gunakan background putih
Cara menghapus background pada blog bisa dilakukan melalui dashboard blogger dimenu template > sesuaikan > background > putih , jika anda mengunggah gambar sebagai background maka bisa dipastikan hal itu dapat mempengaruhi performa situs saat dimuat
7. Gunakan widget penting
8. Beralih ke iklan teks
9. Compress CSS
10. Hapus JQuery Library
11. Gunakan script lazyload
12. Gunakan landing page
13. Memasang cache
Ketika meload blog maka browser akan mendownload berbagai element seperti js , css , gambar , script dan sebagainya . Dengan menyetel tanggal kadaluarsa pada blog maka browser akan meload data blog dari komputer anda sehingga loading blog menjadi lebih cepat . Kelemahannya pengunjung tidak akan melihat pembaharuan konten anda, jadi memasang cache pada blog yang kontennya sering update bukan pilihan yang tepat
Untuk menyetel tanggal kadaluarsa pada element blog silahkan tempel kode berikut dibawah tag head
<include expiration=’365d’ path=’*.css’></include>
<include expiration=’365d’ path=’*.js’></include>
<include expiration=’7d’ path=’*.gif’></include>
<include expiration=’7d’ path=’*.jpeg’></include>
<include expiration=’7d’ path=’*.jpg’></include>
<include expiration=’7d’ path=’*.png’></include>
14. Gunakan domain cCTLD
Menggunakan subdomain seperti blogspot yang otomatis meredirect ekstensi domain sesuai kode negaranya memerlukan waktu beberapa milidetik untuk melakukan request , misalnya ketika dibuka dari indonesia maka domainnya berubah menjadi www.helmykkediri.blogspot.co.id namun saat dibuka dinegara amerika berubah menjadi www.helmykkediri.blogspot.co.uk
Jika anda mengcustom domain ke tingkat atas seperti www.helmykediri.com maka dinegara manapun situs anda diakses maka ekstensi domainnya tidak berubah apalagi bagi pengguna CCTLD maka situs mereka akan mendapatkan dorongan peringkat dipencarian lokal
15. Mengunggah file ke server yang terkait dengan blog
Dari pada melakukan embed video dari situs lain seperti vimeo bukankah lebih cepat jika anda mengunggah langsung video kedalam host blogger ? selama masih dalam satu server maka proses permintaan file bisa diselesaikan dengan lebih cepat
Begitu pula dengan gambar , dari pada mengcopasnya dari situs hipwee alangkah lebih cepat kalau mengunggahnya sendiri melalui akun blogger pribadi , jika tidak banyak eksternal link maka selain loading blog tidak berat juga blog anda menjadi lebih SEO
16. Perbaiki broken links
Banyaknya link mati (error 404) didalam blog anda menyebabkan bot crawl mengalami penundaan saat meminta request ke tautanlink yang dianggap error dan mendapatkan reply halaman tidak aktif yang membutuhkan waktu sepersekian milidetik
Ada banyak link disitus anda yang harus segera diperbaiki , beberapa layanan berikut mampu mengidentifikasi broken link dan membantu anda memperbaikinya
https://www.deadlinkchecker.com , https://www.brokenlinkcheck.com/
Selain membuat loading blog menjadi berat , dead link juga menurunkan reputasi SEO website anda oleh karena itu sebelum berakibat fatal terhadap peringkat halaman cobalah untuk segera memperbaikinya
17. Pasang favicon ukuran 100×100
Efeknya memang kecil , tapi kalau anda menginginkan performa website yang maksimal maka anda harus mencoba mengoptimalkan sumber daya dari berbagai sisi . Banyak blogger menggunakan ukuran favicon cukup besar padahal ukuran terbaik yang paling disarankan adalah 100×100
18. Tentukan width height pada gambar
Di alat uji Gtmetrix mereka memberikan rekomendasi bagi pemilik website untuk menetapkan ukuran panjang dan lebar didalam kode gambar <img …/> , jika anda mengabaikannya hal itu bisa membuat skor anda menjadi turun
19. Hindari kode @css import
Dari pada menggunakan kode css @import lebih baik kalau anda memanggilnya dengan kode seperti ini <link href=’url css’ type=’text/css’/>
20. Pasang CSS didalam head
Kode css merupakan bagian dasar dari pembangunan tata letak sebuah web HTML , sebaiknya anda memasang kode css didalam tag head agar saat proses pemuatan halaman script css bisa dimuat terlebih dahulu, jadi tampilan halaman ketika dibuka pertama kali terlihat rapi tidak berantakan dulu baru rapi
21. Jangan gunakan inframe
Kode inframe sebaiknya dihindari , server benar-benar mengalami penundaan ketika harus meload kode inframe dari tampilan website lain artinya selain mengunduh data element dihalaman blog anda, browser juga harus mengunduh di website lain yang dijadikan inframe
22. Hindari kode document.write dalam js
Tujuan kode ini adalah memperlihatkan tampilan html pada js jadi jika anda menggunakan kode tersebut pada js sebaiknya dipisah
Demikian postingan mengenai tips trik meningkatkan kecepatapan loading bog terbukti ampuh untuk mengatasi website blog yang lemot , jika anda memiliki saran lain jangan sungkan untuk memberikan masukan pada kolom komentar yang tersedia sekian dan terimakasih