Page Speed: Tutorial membuat loading blog lebih cepat

Bagaimana cara membuat loading blog kamu lebih cepat?. Page Speed yang merupakan Add-on Firefox/Firebug akan membantu atasi kecepatan load sebuah blog atau website. Seorang webmaster dan web developer dapat menggunakan Page Speed untuk mengevaluasi performa halaman web mereka dan untuk mendapatkan saran tentang bagaimana cara meningkatkan performa blog/web tersebut.

Dengan menggunakan Speed Page, Anda dapat:

- Membuat situs Anda lebih cepat loading.
- Mengurangi bandwidth dan biaya hosting.
- Meningkatkan performa sebuah blog/web.

Berikut tutorial Page Speed yang dapat membuat loading blog lebih cepat, dalam hal ini blog WordPress:
1. Instal add-on Firebug terlebih dahulu lewat browser Firefox kamu kemudian dilanjutkan dengan menginstal add-on Page Speed. Setelah selesai terinstal, restart Firefox. Add-on Firebug akan tampil dibagian kanan bawah browser (icon dengan gambar serangga Pyrrhocoris apterus) dan add-on Page Speed include di dalam add-on Firebug. Cara melihatnya dengan mengklik icon Firebug. (Lihat Gambar 1)
Tampilan add-on Firebug dan Page Speed
(Gambar 1. Tampilan Page Speed)

2. Buka blog kamu sampai loading blog berhenti. Kemudian klik icon Firebug dan klik tombol Analyze Performance. Catat: Lakukan clear recent history terlebih dahulu sebelum melakukan langkah ke 2 ini dan jangan melakukan tekhnik ini dimana browser dalam keadaan private browsing.

3. Akan tampil analisa dari situs kamu. (Lihat Gambar 2)
Analyze Performance Page Speed
(Gambar 2. Contoh analisa page speed dari sebuah situs dengan score 70/100, situs ini tergolong lambat dalam hal kecepatannya, diharapkan skor Page Speed bisa mencapai 96/100 sampai 100/100 dan tanda seru merah berubah menjadi tanda check hijau)
4. Untuk memperbaiki skor page speed dalam hal meningkatkan performa suatu blog/web, add-on ini sudah memberikan saran dengan mengklik tanda plus (+). Dari situ akan tampil hasil analisa dari situs kamu mengenai apa saja yang harus diperbaiki.
5. Kriteria Page Speed:

  • Optimize caching
    • Leverage browser caching
    • Leverage proxy caching
  • Minimize round-trip times
    • Minimize DNS lookups
    • Minimize redirects
    • Avoid bad requests
    • Combine external JavaScript
    • Combine external CSS
    • Optimize the order of styles and scripts
    • Parallelize downloads across hostnames
  • Minimize request overhead
    • Minimize request size
    • Serve static content from a cookieless domain
  • Minimize payload size

    • Enable compression
    • Remove unused CSS
    • Minify JavaScript
    • Minify CSS
    • Minify HTML
    • Defer loading of JavaScript
    • Optimize images
    • Serve scaled images
    • Serve resources from a consistent URL
  • Optimize browser rendering
    • Use efficient CSS selectors
    • Avoid CSS expressions
    • Put CSS in the document head
    • Specify image dimensions
    • Specify a character set early

Untuk mempelajari bagaimana petunjuk praktis Page Speed yang lebih lengkap silahkan menuju ke sini.
6. Atasi semua saran dari semua kriteria, seperti kompres, minify, combine dll.

Please Note:
Cara lebih praktisnya ntar om Jev lanjutin untuk tutorial Page Speed-nya … mo nonton bola dulu :)

Ikuti artikel JEVUSKA di Google+Facebook

comments