Memulai Pengoptimal SiteSkyline
Selamat datang di Pengoptimal SiteSkyline! Panduan ini akan membantu Anda menginstal plugin, mengonfigurasi pengaturan awal, dan mulai mempercepat situs WordPress atau WooCommerce Anda hanya dalam beberapa menit.
Sebelum Anda Mulai
Sebelum memasang SiteSkyline Optimizer, pastikan situs web Anda memenuhi persyaratan berikut:
- Situs web WordPress yang dihosting sendiri.
- Hosting yang kompatibel menjalankan versi PHP yang didukung.
Instalasi
Ikuti langkah-langkah sederhana ini untuk menginstal plugin di situs web Anda:
- Masuk ke dasbor WordPress Anda.
- Arahkan ke menu Plugin dan klik Tambahkan Baru.
- Cari Pengoptimal SiteSkyline.
- Klik Instal Sekarang lalu klik Mengaktifkan setelah instalasi selesai.
Pengaturan Pertama Kali
Setelah diaktifkan, Anda dapat mengakses semua fitur melalui menu pengaturan yang baru ditambahkan.
- Buka menu Pengaturan di dashboard WordPress Anda dan cari opsi plugin.
- Mulailah di Umum tab untuk mengonfigurasi penyesuaian kecepatan inti Anda.
- Tinjau pengalih fitur yang tersedia untuk menghapus penggembungan situs yang tidak perlu, membersihkan keluaran kepala Anda, dan memangkas fitur tambahan.
- Klik Simpan Perubahan di bagian bawah halaman untuk menerapkan pengaturan baru Anda.
Langkah Pertama Anda
Sekarang plugin Anda sudah aktif, coba jelajahi dua fitur utama berikut untuk melihat peningkatan kinerja langsung:
1. Mempercepat Pengiriman Halaman
- Arahkan ke menu Pengaturan dan pilih Tembolok Halaman tab.
- Alihkan Aktifkan Cache Halaman beralih untuk mengaktifkan cache halaman HTML statis.
- Konfigurasikan preferensi kedaluwarsa dan aturan pengecualian Anda, lalu klik Simpan Perubahan.
2. Optimalkan Gambar Anda
- Arahkan ke menu Pengaturan dan pilih WebP tab.
- Beralih Aktifkan Konversi WebP untuk mulai mengubah unggahan gambar yang berat menjadi format yang lebih ringan dan lebih cepat.
- Pilih metode konversi pilihan Anda dan klik Konversi Massal untuk mengoptimalkan perpustakaan gambar Anda yang ada.
Optimalkan Dasbor
Apa Fungsinya
Dasbor Optimize memberi Anda ikhtisar singkat tentang status kinerja dan status cache situs Anda. Ini juga memberikan pemicu pengoptimalan cepat sehingga Anda dapat menjaga situs Anda tetap berjalan lancar.
Cara Menggunakannya
- Buka bagian Optimalkan dan pilih tab Optimalkan.
- Lihat status kinerja situs Anda saat ini.
- Klik salah satu tindakan pengoptimalan cepat untuk meningkatkan situs Anda.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Tidak ada pengaturan yang dapat dikonfigurasi tersedia | Dasbor ini dirancang untuk melihat dan memicu tindakan kinerja dengan cepat, bukan konfigurasi manual. |
Tips & Best Practices
- Periksa Dasbor Optimize secara berkala untuk terus mendapatkan informasi tentang kesehatan kinerja situs Anda saat ini.
- Gunakan pemicu pengoptimalan cepat kapan pun Anda ingin melakukan penyempurnaan performa cepat.
- Pasangkan ulasan dasbor Anda dengan fitur manajemen cache dan manajer aset untuk rutinitas kecepatan situs yang lengkap.
Penganalisis Aset
Apa Fungsinya
Asset Analyzer membantu Anda memeriksa skrip dan gaya yang dimuat di situs web Anda. Dengan meninjau aset laman ini, Anda dapat dengan mudah mengidentifikasi peluang pengoptimalan baru untuk situs Anda.
Cara Menggunakannya
- Buka bagian Manajer Aset.
- Pilih tab Penganalisis.
- Jalankan analisis aset.
- Lihat file CSS dan JavaScript yang dimuat untuk setiap halaman.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Tidak ada | Tidak ada pengaturan yang dapat dikonfigurasi untuk fitur ini. |
Tips & Best Practices
- Jalankan pemindaian secara teratur untuk melacak skrip dan gaya baru yang ditambahkan ke halaman Anda.
- Gunakan wawasan yang diperoleh dari analisis untuk menemukan peluang pengoptimalan.
- Tinjau file CSS dan JavaScript yang Anda muat per halaman untuk lebih memahami kinerja situs Anda.
Aturan Aset
Apa Fungsinya
Konfigurasikan aturan pemuatan bersyarat untuk skrip dan gaya untuk menghapus antrean atau menonaktifkan aset pada halaman tertentu atau secara global. Ini membantu Anda menghapus skrip dan gaya yang tidak diinginkan dari halaman tertentu untuk mengurangi bobot halaman.
Cara Menggunakannya
- Buka bagian Manajer Aset dan buka tab Aturan.
- Tambahkan aturan aset baru.
- Pilih pegangan yang ingin Anda nonaktifkan.
- Simpan aturan aset Anda.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Aturan Dequeue Aset | Tentukan pegangan CSS atau JS untuk dinonaktifkan secara global atau pada URL/jenis postingan tertentu. |
Tips & Best Practices
- Gunakan aturan pemuatan bersyarat untuk menghapus skrip dan gaya yang tidak diinginkan dari halaman tertentu.
- Targetkan aset untuk dinonaktifkan baik secara global atau pada URL dan jenis postingan tertentu untuk membantu mengurangi bobot halaman.
- Jaga agar halaman Anda tetap berjalan secara efisien dengan menghapus kode yang tidak diperlukan jika tidak diperlukan.
Media & Image Optimizer
Apa Fungsinya
The Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.
Cara Menggunakannya
- Buka bagian Media dan klik tab Gambar.
- Alihkan pengaturan pemuatan lambat dan konfigurasikan parameter pengoptimalan gambar Anda.
- Klik tombol Simpan untuk menyimpan pengaturan media Anda.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Pemuatan Malas | Alihkan pemuatan lambat berbasis asli atau skrip untuk gambar. |
| Pramuat/Prioritas Gambar LCP | Kontrol prioritas pengambilan dan pramuat untuk gambar LCP paruh atas. |
Tips & Best Practices
- Sesuaikan pengaturan rendering dan pemuatan gambar Anda untuk meningkatkan Largest Contentful Paint (LCP) Anda.
- Gunakan pengaturan Pemuatan Lambat untuk memilih antara pemuatan lambat asli atau berbasis skrip untuk gambar Anda.
- Konfigurasikan prioritas pengambilan dan pramuat khusus untuk gambar paruh atas Anda.
Konversi Gambar WebP
Apa Fungsinya
Konversikan gambar JPEG dan PNG yang diunggah ke format WebP modern untuk pengiriman gambar lebih cepat. Ini membantu situs web Anda memuat lebih cepat dan memberikan pengalaman yang lebih lancar bagi pengunjung Anda.
Cara Menggunakannya
- Buka bagian Media dan pilih tab WebP.
- Aktifkan konversi otomatis sehingga unggahan baru ditangani secara otomatis, atau pilih mode pembuatan WebP pilihan Anda.
- Jalankan konversi massal untuk memperbarui perpustakaan gambar Anda yang ada.
- Klik tombol simpan untuk menyimpan pengaturan WebP Anda.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Mode Pembuatan WebP | Pilih metode konversi Anda, seperti GD, Imagick, atau aturan berbasis Cloud/Server. |
| Konversi otomatis Unggahan | Buat versi WebP secara otomatis setiap kali media baru diunggah ke situs Anda. |
Tips & Best Practices
- Aktifkan konversi otomatis untuk menghemat waktu sehingga Anda tidak perlu mengonversi secara manual setiap gambar baru yang Anda unggah.
- Jalankan alat konversi massal untuk segera meningkatkan seluruh pustaka gambar yang ada sekaligus.
- Bereksperimenlah dengan mode pembuatan yang tersedia untuk menemukan opsi yang paling sesuai dengan lingkungan server Anda.
- Gabungkan fitur ini dengan pengoptimal media untuk memastikan gambar Anda dihasilkan secepat dan seefisien mungkin.
Generasi CSS Kritis
Apa Fungsinya
Pembuatan CSS Penting membantu laman Anda dimuat secara instan dengan membuat dan menyejajarkan CSS paruh atas yang penting. Proses ini menghilangkan stylesheet yang memblokir render sehingga pengunjung dapat langsung melihat konten Anda tanpa menunggu stylesheet lengkap diunduh.
Cara Menggunakannya
- Buka bagian Gaya dan pilih tab CSS Kritis.
- Pilih mode pembuatan pilihan Anda dan konfigurasikan apakah akan memasukkan CSS penting langsung ke halaman Anda.
- Edit aturan CSS penting cadangan jika diperlukan.
- Klik tombol Simpan pengaturan gaya untuk menerapkan perubahan Anda.
- Klik tombol Hasilkan CSS Kritis untuk membuat gaya paruh atas penting Anda.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Mode Pembuatan CSS Kritis | Konfigurasikan input CSS sebaris manual atau pembuatan otomatis per template. |
| CSS Kritis sebaris | Beralih apakah CSS penting dimasukkan langsung ke kepala HTML. |
Tips & Best Practices
- Siapkan aturan CSS penting Anda dengan hati-hati sehingga halaman ditampilkan secara instan kepada pengunjung tanpa penundaan.
- Gunakan mode pembuatan untuk beralih antara pembuatan otomatis dan input manual tergantung pada kebutuhan template Anda.
- Ingatlah untuk menyimpan pengaturan gaya Anda setelah melakukan penyesuaian apa pun terhadap aturan atau preferensi Anda.
Host Google Font Lokal
Apa Fungsinya
Unduh Google Fonts secara lokal dan sajikan dari server Anda sendiri untuk meningkatkan privasi dan kecepatan. Fitur ini menghilangkan pencarian DNS eksternal ke Google Fonts.
Cara Menggunakannya
- Buka bagian Gaya dan buka tab Font.
- Mengaktifkan atau menonaktifkan hosting font Google lokal.
- Hapus cache font Anda bila diperlukan.
- Klik untuk menyimpan pengaturan font Anda.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Google Font yang dihosting sendiri | Secara otomatis mencegat permintaan Google Font, mengunduh file font secara lokal, dan menulis ulang CSS. |
| Pramuat Font Lokal | Tambahkan header tautan pramuat untuk file font yang dihosting secara lokal. |
Tips & Best Practices
- Aktifkan hosting font lokal untuk meningkatkan privasi dan kecepatan pemuatan situs web Anda.
- Gunakan opsi hosting mandiri untuk secara otomatis mencegat permintaan Google Font dan mengunduh file ke server Anda sendiri.
- Aktifkan pramuat font untuk menambahkan header link yang berguna untuk file font yang dihosting secara lokal.
- Ingatlah untuk menghapus cache font Anda setelah melakukan pembaruan pada pengaturan font Anda.
JavaScript Defer & Optimization
Apa Fungsinya
Tunda eksekusi JavaScript, gabungkan atau tunda skrip, dan hapus jQuery Migrate. Ini membantu mencegah JavaScript memblokir rendering halaman dan meningkatkan kinerja situs Anda.
Cara Menggunakannya
- Pergi ke bagian JavaScript dan buka tab JS.
- Alihkan opsi penangguhan JavaScript pilihan Anda.
- Kecualikan penanganan skrip tertentu dari penangguhan jika diperlukan.
- Simpan pengaturan JavaScript Anda.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Tunda Eksekusi JS | Menambahkan atribut defer atau async ke tag skrip yang tidak penting. |
| Hapus jQuery Migrasi | Hapus skrip jquery-migrate yang tidak perlu. |
Tips & Best Practices
- Gunakan penangguhan skrip agar JavaScript tidak memblokir konten halaman Anda agar tidak dimuat dengan lancar.
- Manfaatkan pengecualian dengan menjauhkan penanganan skrip tertentu dari proses penangguhan jika skrip memerlukan eksekusi segera.
- Pasangkan fitur ini dengan aturan aset untuk mendapatkan kontrol lebih besar atas cara skrip situs Anda dimuat.
Cache Management & Page Cache
Apa Fungsinya
Konfigurasikan cache halaman, pramuat cache, aturan kedaluwarsa cache, dan pola pengecualian. Fitur ini memungkinkan Anda menyajikan cuplikan HTML statis secara instan kepada pengunjung.
Cara Menggunakannya
- Buka bagian Cache dan pilih tab Cache.
- Alihkan pengaturan cache halaman Anda untuk mengaktifkan cache disk atau halaman lanjutan.
- Tetapkan durasi kedaluwarsa cache Anda dan tentukan pola pengecualian apa pun sesuai kebutuhan.
- Gunakan tindakan yang tersedia untuk melakukan pramuat cache atau membersihkan cache kapan pun Anda perlu menyegarkan konten.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Aktifkan Cache Halaman | Alihkan backend cache disk atau halaman lanjutan. |
| Kedaluwarsa Cache / TTL | Tetapkan durasi time-to-live untuk halaman cache. |
| URL/Cookie yang dikecualikan | Tentukan string kueri, cookie, atau jalur untuk melewati cache. |
Tips & Best Practices
- Aktifkan cache halaman untuk memastikan pengunjung Anda menerima cuplikan HTML statis secara instan untuk pengalaman penelusuran yang lebih cepat.
- Bersihkan cache Anda secara teratur setelah melakukan pembaruan signifikan pada situs Anda sehingga pengunjung segera melihat perubahan terbaru Anda.
- Gunakan pramuat cache untuk secara proaktif membuat halaman cache sebelum pengunjung memintanya.
- Siapkan URL dan cookie yang dikecualikan untuk halaman dinamis atau area situs Anda yang tidak boleh disajikan dari cuplikan cache.
Aturan Cache Peramban
Apa Fungsinya
Aturan Caching Browser memungkinkan Anda mengonfigurasi header kedaluwarsa, seperti Kedaluwarsa dan Kontrol Cache, untuk aset statis Anda. Ini membantu pengunjung kembali memuat situs web Anda lebih cepat dengan mengambil file statis langsung dari cache browser lokal mereka.
Cara Menggunakannya
- Pergi ke Cache bagian dan klik pada Tembolok Peramban tab.
- Konfigurasikan header cache browser dan aturan kedaluwarsa untuk aset statis Anda.
- Klik tombol untuk membuat dan memperbarui aturan cache browser Anda.
- Simpan pengaturan cache browser Anda untuk menerapkan perubahan.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Header Caching Browser | Tambahkan aturan kedaluwarsa untuk CSS, JS, gambar, dan font di konfigurasi server Anda. |
Tips & Best Practices
- Aktifkan aturan cache browser untuk membantu pengunjung kembali memuat aset statis lebih cepat dari cache browser lokal mereka.
- Gunakan aturan ini untuk mengonfigurasi header kedaluwarsa dengan benar seperti Kedaluwarsa dan Kontrol Cache untuk file Anda.
- Simpan dan perbarui pengaturan cache browser Anda secara rutin setiap kali Anda menyesuaikan aturan cache.
Manajemen OPcache
Apa Fungsinya
Pantau dan kelola status OPcache PHP dan pengaturan ulang cache. Lihat metrik kinerja dan jaga agar situs Anda tetap berjalan lancar.
Cara Menggunakannya
- Buka bagian Cache dan pilih tab OPcache.
- Tinjau konsumsi memori Anda saat ini, tingkat hit, dan jumlah skrip yang di-cache.
- Klik tombol untuk menyegarkan statistik status Anda kapan pun Anda membutuhkan informasi terbaru.
- Klik tombol untuk mereset OPcache Anda bila diperlukan.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Tampilan Pengaturan OPcache | Lihat konsumsi memori, hit rate, dan jumlah skrip yang di-cache. |
Tips & Best Practices
- Periksa metrik kinerja cache Anda secara teratur untuk memastikan situs Anda berjalan secara efisien.
- Segarkan statistik status Anda untuk melihat informasi kinerja terkini.
- Setel ulang OPcache Anda kapan pun Anda perlu menghapus skrip yang tersimpan dan menerapkan pembaruan.
Manajer Fitur Inti WordPress
Apa Fungsinya
Manajer Fitur Inti WordPress membantu Anda menonaktifkan fitur inti WordPress yang tidak diinginkan, pengasapan, dan telemetri. Ini memungkinkan Anda untuk membersihkan kepala situs Anda dan mengurangi permukaan serangan situs Anda dengan mematikan fungsi bawaan yang tidak perlu.
Cara Menggunakannya
- Arahkan ke bagian Feature Manager dan pilih tab WordPress.
- Alihkan sakelar fitur inti untuk item yang ingin Anda matikan.
- Simpan pengaturan inti WordPress Anda untuk menerapkan perubahan.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Nonaktifkan Emoji | Hapus skrip dan gaya emoji WordPress dari head. |
| Nonaktifkan Penyematan | Nonaktifkan tautan penemuan oEmbed dan titik akhir penyematan REST API. |
| Nonaktifkan XML-RPC | Matikan permintaan protokol XML-RPC. |
| Nonaktifkan Umpan RSS | Hapus link feed dan nonaktifkan pembuatan feed. |
Tips & Best Practices
- Tinjau persyaratan situs Anda sebelum menonaktifkan fitur untuk memastikan Anda tidak mematikan fungsionalitas yang diandalkan pengunjung atau integrasi Anda.
- Menonaktifkan fitur yang tidak digunakan seperti XML-RPC dan penyematan adalah cara terbaik untuk membantu mengurangi permukaan serangan situs Anda.
- Menonaktifkan skrip yang tidak perlu seperti emoji membantu membersihkan situs Anda untuk pengaturan yang lebih ramping.
WooCommerce Store Modes & Cleanup
Apa Fungsinya
Sederhanakan WooCommerce dengan menonaktifkan fitur toko, skrip, dan penggembungan yang tidak digunakan. Fitur ini membantu mencegah item yang tidak diperlukan dimuat di halaman yang tidak diperlukan.
Cara Menggunakannya
- Buka bagian Manajer Fitur.
- Pilih WooCommerce, lalu buka tab Mode.
- Alihkan sakelar fitur WooCommerce sesuai keinginan.
- Simpan pengaturan mode WooCommerce Anda.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Nonaktifkan Fragmen Keranjang | Nonaktifkan permintaan AJAX wc-cart-fragments di halaman non-toko. |
| Disable WooCommerce Styles & Scripts | Bongkar CSS/JS frontend WooCommerce di halaman non-toko. |
| Nonaktifkan Merek WooCommerce | Matikan paket/ekstensi Merek WooCommerce. |
Tips & Best Practices
- Alihkan pengoptimalan WooCommerce di seluruh toko untuk mencegah fragmen keranjang dimuat di postingan blog atau halaman statis.
- Hentikan pemuatan skrip toko di halaman yang tidak memerlukannya agar situs Anda tetap berjalan lancar.
- Tinjau pengaturan Anda setelah melakukan perubahan untuk memastikan halaman toko Anda ditampilkan dengan benar.
Manajer Aset WooCommerce
Apa Fungsinya
WooCommerce Asset Manager memungkinkan Anda mengontrol pemuatan skrip dan stylesheet WooCommerce tertentu di seluruh halaman toko Anda. Anda dapat menyempurnakan aset WooCommerce mana yang dimuat pada halaman tertentu untuk membantu mengoptimalkan toko Anda.
Cara Menggunakannya
- Buka bagian Manajer Fitur.
- Pilih opsi WooCommerce dan klik tab Aset.
- Konfigurasikan aturan pemuatan aset WooCommerce Anda.
- Klik tombol simpan untuk menyimpan aturan aset Anda.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Aturan Aset WooCommerce | Menonaktifkan skrip dan pegangan gaya WooCommerce tertentu secara kondisional. |
Tips & Best Practices
- Tinjau halaman toko Anda setelah memperbarui aturan aset Anda untuk memastikan semuanya ditampilkan dan berfungsi dengan benar.
- Hanya nonaktifkan skrip dan stylesheet yang Anda yakini tidak diperlukan pada halaman tertentu.
- Luangkan waktu Anda saat mengonfigurasi aturan agar toko Anda tetap berjalan lancar.
Tugas Terjadwal WooCommerce (Cron)
Apa Fungsinya
Kelola dan optimalkan tugas terjadwal di latar belakang WooCommerce dan antrean penjadwal tindakan. Tinjau antrian tugas latar belakang WooCommerce dan bersihkan log penjadwal tindakan lama agar toko Anda tetap berjalan lancar.
Cara Menggunakannya
- Masuk ke bagian Feature Manager, pilih WooCommerce, dan buka Tugas terjadwal tab.
- Tinjau antrean tugas latar belakang Anda dan konfigurasikan preferensi Anda.
- Jalankan tindakan yang tertunda secara manual atau hapus log tindakan yang telah selesai sesuai kebutuhan.
- Klik Simpan pengaturan cron tombol untuk menerapkan perubahan Anda.
Settings & Options
| Pengaturan | Apa yang Dikendalikannya |
|---|---|
| Penyetelan Penjadwal Tindakan | Konfigurasikan ukuran batch dan periode retensi untuk tindakan yang selesai/gagal. |
Tips & Best Practices
- Bersihkan log penjadwal tindakan lama secara rutin dengan menghapus log tindakan yang sudah selesai agar sistem Anda tetap teratur.
- Gunakan proses manual untuk tindakan yang tertunda saat Anda perlu segera memproses tugas di latar belakang.
- Sesuaikan pengaturan Penyetelan Penjadwal Tindakan Anda untuk mengoptimalkan cara penanganan ukuran batch dan periode retensi di toko Anda.
Kontrol Penggembungan Admin WooCommerce
Nonaktifkan widget dasbor admin WooCommerce, laporan analitik, dan pemberitahuan pemasaran.
Pengoptimal Email WooCommerce
Optimalkan email transaksional WooCommerce dan nonaktifkan pemicu email yang tidak perlu.