Apa itu PageSpeed ?

Apa Itu PageSpeed Insights ?

 

PageSpeed Insights mengukur kinerja laman untuk perangkat seluler dan perangkat desktop. Alat ini mengambil URL dua kali, yang satu dengan agen pengguna seluler, dan yang satunya dengan agen pengguna desktop.

Skor PageSpeed berkisar antara 0 sampai 100 poin. Semakin tinggi skor semakin baik, dan skor 85 atau lebih menunjukkan bahwa laman bekerja dengan baik. Harap diperhatikan bahwa PageSpeed Insights terus disempurnakan, sehingga skor akan berubah saat kami menambahkan aturan baru atau meningkatkan analisis.

PageSpeed Insights mengukur bagaimana laman dapat meningkatkan kinerjanya dalam hal:

• waktu pemuatan paro atas: Waktu yang berlalu sejak pengguna meminta laman baru hingga saat konten paro atas dirender oleh browser.
• waktu pemuatan laman penuh: Waktu yang berlalu sejak pengguna meminta laman baru sampai browser merender laman secara penuh.

Namun, karena kinerja sambungan jaringan sangat bervariasi, PageSpeed Insights hanya mempertimbangkan aspek kinerja laman yang tidak terkait dengan jaringan: konfigurasi server, struktur HTML laman, dan penggunaan sumber daya eksternalnya seperti gambar, JavaScript, dan CSS. Menerapkan saran seharusnya akan meningkatkan kinerja laman secara relatif. Akan tetapi, keseluruhan kinerja laman masih akan tergantung pada sambungan jaringan pengguna.
Setiap saran dinilai dengan indikator prioritas untuk menunjukkan tingkat kepentingannya:

Ikon	Nama	Deskripsi
	tanda seru merah	Memperbaiki hal ini akan memberi dampak signifikan pada kinerja laman.
	tanda seru kuning	Pertimbangkan untuk memperbaiki hal ini jika tidak memerlukan kerja yang berat.
	tanda centang hijau	Tidak ditemukan masalah yang signifikan. Bagus!

Sumber:https://developers.google.com/speed/pagespeed/insights/

Read more ...

Cara Melihat Jumlah Pengunjung Website/Blog Perhari

Visitor atau istilahnya pengunjung blog/website merupakan suatu bagian hal yang penting bagi kita untuk menjadi acuan seberapa sukses blog/website kita dikenal publik maupun pengunjung, tak lepas dari itu semua sebuah blog/website sebagus dan sebesar apapun jika tidak ada visitor atau pengunjung yang melihatnya pasti akan hampa serta hambar.

Terkadang kita sendiri ingin sekali melihat berapa visitor atau pengunjung blog/website kita perhari, perminggu, perbulan, berapa tampilan halaman blog/website kita tampil, dan seberapa sukses blog/website yang telah kita kelola selama ini, selain itu kita juga bisa melihat seberapa banyak visitor atau pengunjung dari blog lain.

Untuk melihat jumlah pengunjung blog/website kita maka kita wajib memasang widget serta kode yang disediakan oleh pihak pelacak blog/website kita tersebut. Dan disini saya akan berbagi informasi mengenai tools yang bisa kita gunakan untuk melihat jumlah visitor atau pengunjung blog kita.

1. Google Analytics.

Google Analytics merupakan milik resmi dari google, dengan Google Analytics ini kita bisa melihat laporan serta berapa jumlah pengunjung blog kita secara real time, kita juga bisa melihat kata kunci yang masuk ke blog kita tiap harinya serta sangat akurat. Google Analytics ini adalah layanan yang paling komplit dan terpercaya dan untuk yang ingin menggunakan layanan Google Analytics bisa kunjungi http://www.google.com/analytics/

 

2. Histats.

Histats merupakan layanan dan tracking pengunjung blog yang mana memiliki kelebihan tersendiri dengan Histats ini kita bisa melihat IP dari pengunjung blog/website kita. Mungkin bagi seorang blogger Histats ini tidak asing lagi karena telah banyak yang memasang serta menggunakan layanan Histats ini untuk mengetahui keseluruhan pelaporan data pengunjung blog. 

http://www.histats.com

 

 

3. Whos Amung

Whos Amung merupakan nama yang baru saya dengar, padahal ini sering saya lihat di blog sobat yang menggunakannya namun hanya saja saya tidak ada yang mengetahui nama tools tersebut, dan ternyata whos amung ini merupakan tools untuk mengetahui jumlah visitor blog. Whos Amung berbeda dengan tools untuk mengetahui jumlah visitor blog lainnya, whos amung ini hanya memiliki fitur untuk meilihat jumlah visitor secara Real-Time, dengan cara anda harus memasang widget kedalam blog kita.

http://whos.amung.us/
 

Untuk melihat jumlah pengunjung blog sebenarnya masih banyak layanan yang bisa kita gunakan untuk melihat dan mengetahui jumlah visitor maupun pengunjung blog kita. Dan demikian yang dapat saya sampaikan tentang cara melihat visitor blog dengan mudah semoga bermanfaat untuk kita semua.

Read more ...

caranya upload software ke blog untuk di buat link download

untuk para blogger atau pemilik blog pada blogspot, kalau memiliki software pastilah ingin membagikan kepada para pengunjung-pengunjungnya, jadi untuk para blogger atau pemilik blog pada blogspot harus punya tautan atau link tempat downloadnya dulu, jika belum punya silahkan daftar dulu ke situs penyedia layanan upload file, seperti ziddu, addfly, 4shared, 2shared, mediafire, indowebster, dll. Nah, karena saya memilih dan menggunakan situs penyedia layanan upload file mediafire karena menurut saya cukup mudah, jadi saya akan jelaskan caranya:

1. Buka www.mediafire.com setelah itu tekan link Sign up. Pilih Basic (free)

 

 2. Isi Formulir Pendaftarannya, setelah selesai Klik Creat Account & Continue

 

3. Log In dan masuk ke My Files

 

4. Di situ ada tulisan Upload
5. Klik, langsung muncul layar pop up dan disitu silahkan klik ditengah maka akan mengarah ke tempat file yang akan di upload pada komputer kalian

6. Begin upload
7. Tunggu sampai selesai, setelah itu munculah tulisan Copy Link

8. Setelah kalian klik tulisan Copy Link , buka pos Anda
9. Blok tulisan yang akan kalian buat link download software
10. Klik Link yang sudah tersedia di tool box yang berada di atas
11. Paste kan URL yang sudah kalian Copy tadi, lalu klik Ok
12. Selesai

Demikian yang bisa saya sampaikan kepada para pengunjung, dan semoga bermanfaat. Amin ...

Read more ...

Cara Membuat Gambar Header Blog

Satu lagi cara desain blog sendiri, yaitu dengan menambahkan gambar di header blog. Silakan lihat dulu contoh gambar dibawah ini.

 

 

Gambar diatas adalah contoh gambar dalam bentuk tulisan yang pernah saya gunakan di blog ini. Dengan menggunakan gambar, kita punya banyak pilihan bentuk dan juga warna yang bisa digunakan. Berbeda dengan tampilan huruf blog, yang warna dan bentuknya terbatas, hanya bisa menggunakan satu warna.

Ukuran gambar yang dihasilkan cukup kecil dan juga tidak memberatkan loading blog, ukuran huruf bisa diatur sesuai dengan yang kita inginkan. Disitus tersebut ada juga jenis gambar animasi, seperti huruf yang mengeluarkan api, Petir, animasi Glow yang bergerak dan masih banyak lagi.

1. Gambar yang dihasilkan berformat PNG dan juga GIF, sesuai dengan bentuk dan animasi yang digunakan. Dan ukuran File gambar yang dihasilkan juga berbeda, antara Png dan Gif, sesuai dengan ukuran huruf gambar yang digunakan.
2. Untuk gambar animasi ukuran huruf 40 keatas bisa sampai 50-70kb dalam format Gif. Sedangkan untuk gambar biasa tanpa animasi hanya 10-30kb dalam format png.
3. Silakan pilih bentuk dan ukuran gambar yang sesuai dengan yang kalian inginkan.

Untuk lebih jelasnya, Cara membuat gambar header blog. 

Ikuti langkah-langkah dibawah ini:

1. Kunjungi situs http://cooltext.com/ 
2. Selanjutnya pilih salah satu gambar huruf yang kalian suka.
   
   

3. Ganti Tex, atur warna dan juga bentuk hurufnya.

4. Setelah selesai, lihat bagian bawah, klik Creat Logo.
5. Terakhir Download. Seperti gambar dibawah ini.

6. Sekarang, memasang gambar tersebut di blog kita.
7. Login ke blog, dan Klik pengaturan Tata Letak.
8. Pada bagian layout Header Blog, Klik Edit. Dan Upload gambar tadi.
   
   
    
   
9. Selanjutnya atur penempatan gambar. Pilih dibalik judul dan keterangan.
10. Terakhir Save pengaturan gambar. Dan lihat, gambar berada di belakang judul dan deskripsi. Jika ingin menyembunyikan tulisan judul dan deskripsi blog. Ikuti langkah-langkah dibawah ini.

Cara menyembunyikan judul dan deskripsi blog

1. Sekarang kita sembunyikan tulisan judul dan deskripsi dari halaman blog, cari kode ]]></b:skin> dan tempatkan kode ini diatasnya.

.Header h1 {
   height: 0px;
   visibility: hidden;
   display: none;
}

.Header .description {
   height: 0px;
   visibility: hidden;
   display: none;
}

2. Setelah menambahkan kode diatas maka judul blog dan deskripsi akan disembunyikan dari tampilan blog, tinggal gambar saja.
3. Dengan begitu judul dan deskripsi tetap ada, hanya disembunyikan.
4. Silahkan cek di chkme.com untuk melihat masih ada atau tidak title judul blog H1, jika ada berarti gambar header tidak akan mempengaruhi seo blog.

Itulah tutorial membuat Gambar Header Blog,jangan lupa baca juga Tutorial Blog lain KLIK DISINI. Semoga Bermanfaat.

Read more ...

Cara Membuat Tulisan atau Teks Berjalan pada Blog

 

Cara membuat teks atau tulisan berjalan di atas header pada blog ini menggunakan efek marquee. Sebenarnya ada begitu banyak sekali jenis marquee yang bertebaran dimana-mana, namun yang kita gunakan saat ini adalah marquee yang berfungsi memberi efek berjalan ke arah kiri dan tidak berhenti saat didekati mouse.langsung saja silahkan ikuti langkah-langkahnya:

Cara Membuat Teks Berjalan di Header Blog:

1. Log In ke Blogger.
   
2. Pilih Template => Edit Html.
   
3. Cari kode </head>, Untuk mempermudah mencari silahkan tekan ctrl+F pada keyboard dan silahkan tulis kode di atas.
   
4. Setelah dapat, letakkan kode di bawah ini tepat di bawah kode tadi !!!

<marquee direction='left' scrollamount='5'><font color='#9900FF' size='6'>SELAMAT DATANG DI BLOG EZI SUSANTI</font></marquee>

Keterangan:
left => arah Teks berjalan yaitu dari kiri ke kanan. Anda dapat merubah left menjadi right
5 => kecepatan Teks berjalan, semakin tinggi angkanya maka akan semakin cepat pula mode action marquenya
blue => warna font. Untuk memilih warna lain, silahkan lihat disini : Daftar kode warna HTML

6 => ukuran font (size)

Catatan : jika dalam keterangan diatas masih ada yang kurang jelas, silahkan berkomentar di kotak komentar di bawah.

5. Selesai, simpan template Anda.

Semoga Tutorial cara membuat teks berjalan di header blog ini bisa bermanfaat buat blogger yang lainnya....

Read more ...