Tampilan Baru Semangat Baru

Udah seminggu gak update blog. Rasanya tangan ini gatel belum update di blog kesayangan Faisal Rachmadin Blog ini :D Sebenernya bukan gak update blog sih, tetapi gak update posting. Sebenernya akhir-akhir ini saya lagi ngoprek-ngoprek blog, dari mulai re-design tampilan blog sampai oprek untuk memaksimalkan kecepatan blog. Yang terakhir ini bikin saya lembur malam hari terus akhir-akhir ini,hehe

Ilustrasi Kecepatan Blog

Ya, blog yang loadingnya cepat tentu bikin orang-orang yang mengunjungi blog kita jadi nyaman. Gak lucu kan blog kita yang ada info-onfo yang bagus tapi lemot loadingnya? Tentu itu bikin para pengunjung jadi kesel, akhirnya males buat ngunjungin blog kita lagi,hehe. Inilah yang akhir-akhir ini bikin saya jarang update posting di blog ini.

Awalnya dari blogwalking saya ke blognya Mas Alwi, disana beliau memberikan banyak tips optimasi blog, terutama dalam hal bagaimana cara meningkatan kecepatan loading blog. Dari situ saya mulai kerja keras optimasi blog saya. Banyak tips yang diberikan oleh Mas Alwi dalam hal peningkatan kecepatan blog, diantaranya yang sudah dan sedang saya lakukan yaitu :

  1. Penggunaan plugin DB Cache Reloaded , WP Widget Cache , dan WP Super Cache.
  2. Penggunaan metode HTTP Compression. Lihat disini.
  3. Setting Expired Header. Lihat disini.
  4. Penggabungan file CSS agar optimal. Bagian 1Bagian 2.
  5. Membuat CDN dengan subdomain. Lihat disini.
  6. Optimasi gambar di blog. Lihat disini.

Selain tips di atas, bisa juga dengan menggunakan layanan CDN Gratis dari Cloudflare. Tips ini saya dapatkan dari blog teman blogger saya ArdhaGP. Tutorialnya dibagi menjadi dua : Bagian 1Bagian 2.

Setelah saya melakukan tips-tips tersebut dan saya cek baik melalui Google Pagespeed, GTmetrix, YSlow, dan Firebug, hasil optimasi blog yang saya lakukan menunjukan peningkatan yang baik, meskipun belum total maksimal tetapi bikin saya senang dengan hasilnya.

Hasil pengecekan blog :
Lumayan dapat nilai 82 di Google Pagespeed,hehe. Sebelum saya melakukan optimasi blog ini, nilainya cuma dapat 65, menyedihkan :(

Hasil Google Pagespeed
Gambar 1. Hasil Google Pagespeed

Untuk hasil pengecekan di GTmetrix sebelumnya blog saya ini Page Speed Grade cuma dapat C sekitar 70% dan YSlow Grade juga C sekitar 70% juga. Sekarang Alhamdulillah meningkat :)

Hasil GTmetrix
Gambar 2. Hasil GTmetrix

Masih banyak tips-tips lain optimasi blog yang  akan saya lakukan. Semoga hasil ke depannya makin meningkat. Amin.

Update tanggal 6 Desember 2011 :

  1. Saya update link sumber referensi optimasi blog di atas.
  2. Setelah melakukan lanjutan trik dan tips optimasi blog di atas, hasil dari pengecekan blog saya melalui GTmetrix mengalami peningkatan. Di bawah ini gambarnya :
Hasil GTmetrix Update
Gambar 3. Hasil GTmetrix Update
Faisal Rachmadin
Faisal Rachmadin / Night Surfer. Social Media Disorder. Musicalizer. Computerholic. ROMANISTI ~ Vincere o perdere, Roma rimangono sempre nel mio cuore. AS Roma per Sempre.

Comments (53)

  1. patut jadi pertimbangan gan, banyak nih blog susah aksesnya karena loading berat banget dah, bisa nilai blog saya gan kira kira kalo agan yang akses Belajar Komputer gimana rasanya? beri info ya? :)

  2. wahh bener2 speed loading nih ,, wuzz bgt,, tampilannya juga adem,, hehehe,, jadi betah lama2 disini,, :D,, salam kenal sob,, :D

    • Google Pagespeed, GTmetrix, dan Yahoo! YSlow itu sependek yang saya tau adalah sebuah layanan yang berfungsi untuk mengecek performa sebuah website/blog dengan metode dan parameter tertentu. Masing-masing punya punya metode dan parameter yang berbeda-beda kang dalam memberikan penilaiannya. Kalo firebug fungsinya kurang lebih sama, mengecek performa sebuah website atau blog, nanti dikasih rekomendasi hal apa aja yang perlu diperbaiki di blog kita. Moga-moga saya gak salah, hehe

    • Sip! Terima kasih kawan. Sebenernya bukan saya gak mau ngasih tutorialnya gan, soalnya saya juga cuma ngejalanin tutorial tersebut aja dan hasilnya memang bagus. Tutorialnya sendiri itu saya dapet dari blognya mas alwi. Saya sudah cantumkan link sumbernya. Semoga bisa membantu.

    • Kalo saran saya sih coba liat ke sumber referensi yg saya kasih di atas. Saya juga nerapin tutorial disitu dan Alhamdulillah hasilnya bagus, mas.
      Wah, saya masih make hosting gratisan mas, belum cukup dana buat nyewa hosting,hehe
      Kalo blog mas sendiri hosting dimana? Saya lagi nyari hostingan yang oke. Niatnya mau nyewa hosting sendiri kalo udah punya cukup dana,hehe

  3. wahh selamat masbro, semoga semakin smangat y n sukses selalu ^_^
    sedikit tambahan kalau mau yg lebih simple test make webpagetest.org , djamin tau pa yg hrs dilakuin, komplit dah..n saya juga nyoba membuat CDN File Storage versi sendiri :P.
    mampir ya ^_^
    membuat CDN Dengan Subdomain semoga bisa dibuat referensi ^_^ yg gratisan saya saranin make heliohost.org udah full support dijamin gak nyesel , CPANEL X pula :D

  4. Akhirnya aq ganti thema mas, masih pake artister sih tapi tak buat lebih simpel aja. belum tak cek juga kecepatan loadingnya, capek matanya hampir seharian di depan komputer :D

  5. Wah jadinya ganti tema toh? Fans nya artisteer nih mas? hehe

    Saya juga pengen ganti desain blognya nih biar lebih minimalis. Mungkin beberapa hari ke depan udah loncing.

    • Iya mas ganti, menjelang tahun baru pengin suasana baru. Ya bukan fans artister sih, tapi pengin ndesain theme sendiri biar unik, gak sama ma yang lain. Bisanya cuma pake artister ya udah xixixixi

        • kalau saya buat template kagak bisa, cuma bisa reDesign dari template yg sudah ada, itupun hanya rubah total struktur CSS dan HTML-nya dan saya lakukan secara manual dengan notepad++ kalau windows, atau juga bluefish di linux

          • Kalo Artisteer ini bisa design template dari awal mas, tinggal drag and drop, klak klik.

            Kalo untuk develope template sendiri, saya masih angkat tangan,hehe

      • Iya mas, gak tau kenapa pengin ganti tema. Kemaren nemu tema yang cepet loadingnya fiturnya juga aq suka. Yang ini lebih mudah kalo diedit, pagespeed belum tak optimasi maksimal aja udah 80an lebih. Fitur-fiturnya juga mantep, insya Allah bisa optimasi sendiri. Tapi belum sempet, nanti malem mungkin. Nanti kalo mentok minta tolong lagi hahaha :D

          • Iya mas kemaren googling, dapet banyak theme. Nemu 1 yang cocok ini, trus kemaren theme yang satunya juga da yang erorr pas tak tambah fungsi. Ya udah sekalian ganti theme hehe….
            Punya mas Faisal yang mana theme nya?

    • Banyak kok mba arfi hal-hal disekeliling kita yang bisa jadi inspirasi tulisan kita.
      Yang paling gampang sih tulis yang jadi hobi kita.
      Kalo misal mba arfi suka baca buku, bisa posting buku favorit nya apa dan reviewnya. Dan masih banyak lain nya

      Semangat terus.

  6. Lagi jalan2 ke beberapa blog temen eee nyangkut di postingan ini yaaa sekalian aja nambahin siapa tahu bermanfaat ….. beberapa tips lainnya misalnya “Cara Membuat Dan Menampilkan Favicon Di WordPress” untuk mengurangi jumlah http request, Mengurangi ukuran sebuah halaman, Mengurangi beban loading, Mengurangi jumlah cookie dan cache, Mengurangi bandwidth, Menaikkan skor pagespeed, firebug, Yslow dan sejenisnya.

    atau untuk penggunaan gambar yg banyak dlm satu halaman bisa menggunakan CSS Image Sprites dll.

    Btw thank backlinkya … di dalam salah satu draft di blog saya (akan terbit) ada salah satu link postingan dari blog Mas Faisal ini yg saya masukkan di dalamnya karena kebetulan nyambung dg tema yg akan saya bahas yakni ttg duplikat konten

    • Terima kasih tambahannya Mas Alwi. Memang masih banyak cara yang bisa dilakukan untuk peningkatan kecepatan blog seperti yang Mas Alwi sebut di atas.

      Sama-sama Mas, justru saya yang terima kasih, saya memang belajar banyak dari tutorial-tutorial yang ditulis Mas di blog. Makanya saya sharing di sini biar makin banyak orang yang tau.

      Oya? Okeh..okeh, ditunggu mas kelanjutannya :)

  7. Terimakasih, pak atas blogpost-nya yg applicable. Ijin save dan praktek, pak Faisal.

    Btw, link menuju blognya pak ArdhaGP sepertinya trouble, pak. Mungkin bisa dicek dan diperbaiki.

    Terimakasih. :)

    Regards,
    BandengPresto.net

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Isian wajib ditandai *

Anda dapat memakai tag dan atribut HTML ini: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>