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.
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.
Langkah Optimasi GeneratePress
Ukuran Logo
Ukuran logo memegang peranan penting dalam Cumulative Layout Shift (CLS). Ukuran yang direkomendasikan oleh GeneratePress adalah:
350px x 70pxNamun kami menyarankan gunakan ukuran:
310 x 70Jadi 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: ✔.
Font
Kami menyarankan Anda memilih menggunakan system fonts.
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:
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.
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:
- Pasang Adsense di GeneratePress Tanpa Plugin
- Menggunakan Google Fonts Local di GeneratePress
- Menambahkan Google Analytics di GeneratePress.
Mas wpnesia ini pake theme gp premium yang apa, cepet amaattt
Pakai yang Marketer tapi dengan beberapa modifikasi sendiri.
Om, saya pakai gp juga, kenapa yah kalau di dekstop cls hijau tapi kalau tampilan mobile masih orange.
Cara ngatasinya gimana ya om?.
Bisa kirim alamat web/blog ke email saya nanti saya bantu analisa. Alamat email bisa ditemukan di halaman kontak.
Saya pake plugin cache skor gtmetrix malah D / C, kalo ga pake dpt skor B. Kira kira kenapa ya mas?
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.
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 😀 ?
kalau JS dan CSS ini tergantung plugin cache gan. Dan berdasarkan pengalaman saya, meski theme sama dan plugin cache sama hasilnya bisa beda. Saya sudah build banyak blog dengan GP didapatkan hasil yang beda meski menggunakan plugin cache yang sama. Namun sejauh ini yang paling simpel dan ideal untuk GP saya bisa menyarankan 3 plugin berikut ini:
Cara Setting Plugin LiteSpeed Cache
Cara Setting Plugin Swift Performance Lite
Cara Setting WP Rocket Paling Optimal
Dengan menggunakan 3 pilihan diatas, hampir semua blog yang saya build dengan GP bisa memberikan hasil yang sangat bagus.
Terima kasih sudah di jawab.
Setelah tadi saya ulik lagi dan saya nonaktifkan Lazyload Adsense dari wpquads, keterangan “Tayangkan aset statis” di pagespeed hilang dan speed mobile site ada peningkatan.
Coba instal plugin flying scripts, kemudian masukkan adsbygoogle.js dengan timeout 3 detik.
Kenceng blog-nya mas, saya juga pake gp banyak belajar dari blog ini..