Optimasi GeneratePress Supaya Blog Makin Ngebut

GeneratePress hadir sebagai salah satu tema WordPress yang ringan dan cepat. Supaya makin oke, beberapa hal harus dipoles dengan tepat.

Penggunaan tema untuk blog WordPress bisa memegang salah satu kunci kecepatan. GeneratePress hadir sebagai salah satu tema WordPress yang ringan dan cepat. Kami akan memandu Anda untuk melakukan optimasi GeneratePress supaya makin ngebut.

Selain pemilihan tema, peranan hosting dalam mendukung kinerja sebuah blog dalam hal kecepatan juga merupakan faktor kunci. Hal lain adalah “racikan” plugin cache yang tepat.

Jika Anda belum menggunakan tema GeneratePress Premium, kami menjual lisensi resmi GP Premium dengan harga terjangkau. Silahkan klik gambar berikut untuk keterangan lebih lengkap.

Beli GeneratePress Premium

Panduan optimasi GeneratePress yang kami jabarkan disini sudah kami terapkan pada beberapa blog dengan hasil yang memuaskan. Kami menggunakan patokan dari Google PageSpeed Insight untuk mengukur tes kecepatan.

Dan hasilnya semua blog yang kami kelola dengan menggunakan tema GeneratePress memiliki skor diatas 90 (mobile/seluler) dan dengan metrics yang memuaskan.

Optimasi GeneratePress
Hasil Optimasi GeneratePress

Langkah Optimasi GeneratePress

Ukuran logo memegang peranan penting dalam Cumulative Layout Shift (CLS). Ukuran yang direkomendasikan oleh GeneratePress adalah:

350px x 70px

Namun kami menyarankan gunakan ukuran:

310 x 70

Jadi silahkan Anda mengatur atau membuat logo dengan ukuran 310 x 70. Bagaimana jika sudah telanjur memasang logo selain ukuran tersebut?

Salah satu trik adalah mengatur ulang menggunakan kode CSS. Namun kami menyarankan Anda menggunakan dan mengupload logo baru dengan ukuran tersebut daripada menentukan ukuran dengan kode CSS.

Dynamic CSS Print Method

Buka menu Tampilan -> Sesuaikan -> Umum -> Dynamic CSS Print Method -> pilih External File -> Klik Regenerate CSS File.

  • Gabungkan CSS: ✔.
  • Cadangkan CSS Dinamis: ✔.
  • Smooth Scroll: ✔.
Optimasi GeneratePress
Dynamic CSS Print Method GeneratePress

Font

Kami menyarankan Anda memilih menggunakan system fonts.

Optimasi GeneratePress
System Fonts GeneratePress

Fonts memiliki pengaruh sangat besar dalam kecepatan blog atau website. Kami menyarankan penggunaan system font dengan ukuran default.

Tapi saya ingin memakai Google Fonts yang nampak lebih sedap dipandang mata?

Bisa, Anda harus melokalkan file Google Fonts yang akan digunakan. Blog akan memuat fonts yang tersimpan di server hosting. Kami memiliki panduan untuk melokalkan Google Fonts pada tema GeneratePress.

Gambar

Penggunaan ukuran dan dimensi gambar yang tepat juga memiliki pengaruh besar pada kecepatan. Kami tidak akan menjelaskan optimasi gambar di panduan ini. Kami memiliki artikel tersendiri yang membahas tentang optimasi gambar berikut ini.

Plugin Cache

Plugin optimasi dan cache adalah salah satu pendukung yang mampu memberikan pengaruh besar dan mempercepat blog dan website berbasis WordPress.

Plugin cache yang kami rekomendasikan digunakan berdampingan dengan tema GeneratePress adalah:

Optimasi Script Pihak Ketiga

Inilah yang sering membuat kepala pusing. Scripts pihak ketiga seperti:

  • Google Adsense.
  • Google Analytics.
  • Google Tag Manager
  • Facebook pixels.
  • Dan semacamnya.

Scripts diatas bisa dioptimasi dengan menggunakan bantuan plugin cache yang memiliki fitur scripts delaying.

Berikut salah satu contoh cara optimasi scripts Google Adsense plugin WP Rocket:

Optimasi GeneratePress
Optimasi kode Google Adsense dengan WP Rocket

Berikut kode yang bisa dimasukkan dalam optimasi adalah:

  • Google Adsense: adsbygoogle.js
  • Google Analytics: analytics.js
  • Google Tag Manager: gtm
  • Facebook pixels: fbevents.js

Swift Perfomance juga memiliki fitur ini bernama Lazy Load Scripts. Sedangkan plugin LiteSpeed Cache belum memiliki fitur ini.

Alternatif untuk melakukan delay scripts pihak ketiga, Anda bisa menggunakan plugin Flying Scripts.

Kami memiliki panduan untuk melakukan delay scripts Google Adsense dan kawan-kawannya menggunakan plugin Flying Scripts berikut ini.

Secara garis besar, itulah langkah-langkah dalam melakukan optimasi tema GeneratePress. Anda merasa kesulitan? Kami bisa melakukannya untuk Anda dengan biaya jasa yang fleksibel.

Optimasi GeneratePress
Hasil optimasi GeneratePress artikel ini

Baca juga: Panduan Dasar Penggunaan GP Premium

Kesimpulan

Pemilihan tema yang tepat dan juga konfigurasi yang ideal akan menghasilkan sebuah blog WordPress yang cepat. GeneratePress sebagai salah satu tema yang dikenal ringan dan fleksibel mampu memenuhi kebutuhan akan sebuah blog WordPress yang cepat.

Namun bagaimanapun juga tetap diperlukan optimasi GeneratePress yang tepat agar blog WordPress memiliki kecepatan yang ideal.

Baca juga:

Lulusan Teknik Informatika yang berkecimpung di dunia internet sejak 2002 sebagai part-time blogger dan internet marketer. Tertarik dengan teknologi pada umumnya, pengembangan website dan gadget pada khususnya.

13 thoughts on “Optimasi GeneratePress Supaya Blog Makin Ngebut”

  1. GG ini postingan… work lah….. terimakasih bang….. baru nyoba GP.. sebelumnya saya menggunakan astra…. gag puas saya….

    Reply
  2. Thanks for finally talking about > Optimasi GeneratePress Supaya Blog Makin Ngebut » WPNesia buying
    cialis online safe

    Reply
  3. Om, saya pakai gp juga, kenapa yah kalau di dekstop cls hijau tapi kalau tampilan mobile masih orange.
    Cara ngatasinya gimana ya om?.

    Reply
  4. Saya pake plugin cache skor gtmetrix malah D / C, kalo ga pake dpt skor B. Kira kira kenapa ya mas?

    Reply
    • Sulit dianalisa kalau tidak tahu apa nama webnya dan plugin cache apa yang digunakan. Banyak faktor bisa menyebabkan seperti kenapa hasil penggunaan plugin cache kurang memberikan dampak signifikan.

      Reply
  5. Mantap kenceng banget websitenya mas.

    Btw mau tanya, kalau untuk optimasi JS & CSS gimana ya mas? Web saya tak cek di pagespeed insights ada keterangan “Tayangkan aset statis dengan kebijakan cache yang efisien – 18 resource ditemukan ”

    saya belum nemu cara optimasinya. Saya juga pakai GP, mungkin mas mau buat artikel tutorialnya 😀 ?

    Reply

Leave a Comment


Klik Webnesia