Tuesday, January 12, 2016

Pagespeed Loading Pada Halaman Artikel

pagespeed artikel blog

Setelah memahami dan mengerti betapa pentingnya pagespeed blog saat ini tentunya kita juga ingin meningkatkan kecepatan loading blog agar peringkat halaman di pencarian menjadi lebih maksimal. Dengan cara meningkatkan pagespeed loading blog menjadi super cepat tentunya menjadi kepuasan tersendiri bagi para pengunjung dan pencari informasi. Kebanyakan diantara kita melakukan optimasi pagespeed hanya pada homepage saja, padahal halaman halaman lain yang jauh lebih penting justru tidak dihiraukan.

Bagaimana Meningkatkan Kecepatan Loading Blog Di Halaman Artikel ?

Tentunya kita ingin seluruh halaman blog kita bisa diakses dengan cepat dan tanpa harus menunggu baik itu halaman statis maupun halaman artikel, karena yang dibutuhkan oleh pembaca adalah isi kontent yang ada di blog kita bukan tampilan homepage saja.

Langkah langkah Meningkatkan kecepatan loading Blog Di halaman Artikel :

# Widget

Pemilihan widget yang tepat untuk ditampilkan pada halaman artikel dan hindari widget yang terlalu membebani pemuatan halaman, misalnya widget yang memerlukan penggunaan banyak script.

# Javascript 

Jika memang benar benar memerlukan penggunaan Javascript anda harus mengoptimalkannya terlebih dulu. Anda bisa menggunakan Defer.JS , Asynchronous, maupun Parsing Javascript.
Baca Cara Defer Loading Javascript

# Tag Conditional

Inilah salah satu manfaat tag kondisional yang bisa kita gunakan untuk mempercepat loading blog, dengan cara ini kita bisa menyeleksi element tertentu untuk tampil ataupun tidak di halaman artikel.
Untuk tag conditional ini bisa anda baca di Tentang Tag Konditional Blogger

# Image Thumbnail

Karena gambar yang ditampilkan di setiap halaman memerlukan permintaan HTTP, kita bisa menguranginya dengan menyembunyikan gambar dihalaman artikel. Untuk menyembunyikan gambar di halaman artikel ini kita bisa menggunakan css property { display:none} dan tag kondisional. Contoh kodenya misalkan seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.entry-content img {display:none}
</style>
</b:if>

Karena setiap template berbeda beda jadi sesuaikan kode image post dengan yang ada di blog anda.

Baca Cara Mengurangi Jumlah HTTP Request Blogger

Contoh Hasil Result Pagespeed Per Halaman

1. Result Test Homepage
2. Result Test Halaman Artikel
3. Result Test Halaman Statis

Semoga dengan sedikit tutorial blogger diatas blog anda bisa menjadi lebih cepat dan ringan.