Autoptimize: Plugin Peningkat Kecepatan WordPress

Autoptimize adalah salah satu cara untuk meningkatkan waktu pemuatan halaman. Autoptimize membantu optimasi situs WordPress dengan mengecilkan aset tertentu dari situs Anda, seperti file CSS, HTML, dan JavaScript. 

Memiliki situs web yang cepat dan responsif sangat penting jika Anda ingin membuat bisnis online yang sukses. Kecepatan situs web Anda akan mempengaruhi tingkat kepuasan pelanggan, peringkat mesin pencari, tingkat pentalan pengunjung, dan banyak lagi.

Mengoptimalkan situs WordPress Anda akan menjadi lebih mudah, berkat plugin Autoptimize ! Plugin ini akan mengoptimalkan file situs web Anda, membuatnya lebih kecil dan lebih mudah bagi pengunjung untuk mengakses nya. Hasil akhirnya adalah situs web yang memuat lebih cepat yang lebih stabil dan bekerja lebih baik ketika ada ledakan lalu lintas.

Panduan ini akan menjelaskan pentingnya memiliki situs web yang dioptimalkan dan mengulas fitur-fitur plugin Autoptimize . Lalu, kami akan menunjukkan cara menginstall dan setting plugin Autoptimize.

Pentingnya Mengoptimalkan WordPress

Pemilik situs web membutuhkan banyak waktu untuk membuat konten, mengembangkan strategi pemasaran, dan mendesain situs web. Sayangnya, kebanyakan orang sering lupa untuk fokus pada aspek teknis seperti kecepatan situs web yang mereka kerjakan. Berikut adalah beberapa alasan mengapa meningkatkan kecepatan pemuatan halaman web itu penting:

Situs Web Cepat Memiliki Peringkat Mesin Pencari yang Lebih Baik

Sebagian besar mesin pencari sekarang menggunakan kecepatan memuat halaman sebagai faktor peringkat terpenting. Jika halaman Anda dimuat dengan sangat cepat, Anda akan menerima dorongan ke peringkat mesin pencari Anda. Jika halaman Anda dimuat dengan lambat, Anda dapat menjatuhkan beberapa tempat di hasil mesin pencari. Jika Anda dapat meningkatkan kecepatan situs web Anda, peringkat Anda akan meningkat dan lalu lintas situs web Anda dapat meningkat secara dramatis.

Pengunjung Memilih Situs Web yang Cepat

Kebanyakan orang sangat menginginkan situs web yang mereka kunjungi itu memiliki kecepatan tinggi saat mereka buka. Mereka mengharapkan situs web memuat dengan cepat dan responsif terhadap permintaan mereka. 

Jika halaman Anda membutuhkan lebih dari 3 detik untuk dimuat, Anda mungkin kehilangan hingga 40% dari pengunjung Anda. Ini mengarah ke situs web Anda memiliki rasio pentalan yang sangat tinggi, yang merujuk pada jumlah pengunjung yang bernavigasi dari suatu situs setelah melihat satu halaman.

Pengunjung juga cenderung berprasangka jika situs yang lambat saat di muat, mereka akan mengira jika itu menunjukkan kurangnya profesionalisme pemilik web. Jika Anda menjual produk atau layanan, ini dapat menyebabkan penurunan konversi – dan untung!

Dan pada akhirnya, jika Anda menyediakan layanan melalui situs web Anda, kecepatan sangat penting untuk menjaga kualitas layanan itu. Jika pengunjung harus menunggu 10 detik untuk setiap halaman dimuat, mereka akan dengan cepat menjadi frustrasi dan menutup halaman web Anda.

Apa itu Autoptimize?

Autoptimize dirancang untuk menyederhanakan proses optimasi situs WordPress. Kemampuannya meliputi:

  • Agregasi file:  Mengunduh satu file cenderung lebih cepat daripada mengunduh 10 atau 20 file. Agregasi menggabungkan file CSS dan Javascript Anda, sehingga browser pengguna memiliki lebih sedikit file untuk diunduh.
  • Minifikasi file:  Minifikasi menghapus konten yang tidak perlu dan ruang kosong dari file. Ini menghasilkan file yang ukurannya jauh lebih kecil dan lebih cepat untuk diunduh. Optimisasi otomatis dapat meminimalkan file HTML, CSS, dan JS.
  • Caching file:  Optimisasi otomatis dapat men-cache file HTML, skrip dan file CSS, sehingga file yang sudah selesai siap disajikan untuk pengunjung. Ini mengurangi beban server dan meningkatkan kecepatan. Autoptimize juga berfungsi dengan baik dengan plugin caching lebih canggih lainnya seperti WP Super Cache, Comet Cache dan HyperCache.
  • Defers scripts to the footer:  Untuk mempercepat pemuatan situs web Anda, plugin tersebut mendefinisi beberapa skrip ke bagian bawah halaman. Itu memungkinkan pengguna untuk mulai menggunakan halaman yang dirender sementara beberapa skrip terus memuat di latar belakang.
  • Integrasi Jaringan Pengiriman Konten (CDN):  CDN adalah layanan pihak ketiga yang menyimpan beberapa konten Anda. Mengoptimalkan otomatis memudahkan untuk mengintegrasikan file CDN.

Cara menginstal Autoptimize

Menginstal Autoptimize dengan mudah! 

1. Masuk ke bagian administrasi WordPress

login untuk masuk ke dasbor wordpress

2. Gunakan navigasi sebelah kiri untuk memilih Plugins> Add New .

Autoptimize adalah salah satu cara untuk meningkatkan waktu pemuatan halaman. Autoptimize membantu optimasi situs WordPress dengan mengecilkan aset tertentu

3. Pada bidang Pencarian di sudut kanan atas, ketik “autoptimize” . Autoptimze akan menjadi hasil pertama yang terdaftar. Klik pada tombol Instal Sekarang .

Autoptimize adalah salah satu cara untuk meningkatkan waktu pemuatan halaman. Autoptimize membantu optimasi situs WordPress dengan mengecilkan aset tertentu

4. Setelah plugin selesai menginstal, klik tombol Activate .

Autoptimize adalah salah satu cara untuk meningkatkan waktu pemuatan halaman. Autoptimize membantu optimasi situs WordPress dengan mengecilkan aset tertentu

Setting Autoptimize

Setelah Anda mengaktifkan plugin, Anda akan melihat beberapa tambahan untuk WordPress. Akan ada item menu Autoptimize baru di bagian atas layar. Anda dapat mengklik pada judul menu untuk pergi ke halaman pengaturan Autoptimize. Anda juga dapat membuka halaman pengaturan Autoptimize dengan menggunakan item menu Pengaturan> Autoptimize . 

Autoptimize adalah salah satu cara untuk meningkatkan waktu pemuatan halaman. Autoptimize membantu optimasi situs WordPress dengan mengecilkan aset tertentu

Setelah Anda mencapai halaman pengaturan Autoptimize, Anda mungkin akan terkejut dengan betapa sederhananya tampilannya! Ada dua cara untuk menggunakannya:

  1. Mode pengaturan dasar:  Anda cukup mencentang kotak opsi yang ingin Anda gunakan. Anda dapat meminta untuk mengoptimalkan HTML, Javascript dan CSS situs Anda. Anda juga dapat menambahkan rincian jaringan pengiriman konten Anda.
  2. Mode pengaturan lanjutan:  Anda juga akan ditampilkan pengaturan tambahan untuk setiap opsi.

Mari kita klik Tampilkan Pengaturan Lanjut dan lompat ke ujung yang dalam!

Autoptimize adalah salah satu cara untuk meningkatkan waktu pemuatan halaman. Autoptimize membantu optimasi situs WordPress dengan mengecilkan aset tertentu

Anda sekarang akan melihat lebih banyak opsi untuk setiap bagian.   Mari kita jalani mereka.

HTML Options

Autoptimize adalah salah satu cara untuk meningkatkan waktu pemuatan halaman. Autoptimize membantu optimasi situs WordPress dengan mengecilkan aset tertentu

Bagian opsi HTML ini hanya memiliki dua item untuk dipilih:

  • Optimalkan HTML:  Centang kotak untuk mengoptimalkan HTML. Ini akan memperkecil HTML, menghilangkan spasi dan karakter yang tidak perlu.
  • Simpan komentar HTML ?:  Anda dapat memilih untuk menyimpan komentar di tempat.

Javascript Options

Autoptimize adalah salah satu cara untuk meningkatkan waktu pemuatan halaman. Autoptimize membantu optimasi situs WordPress dengan mengecilkan aset tertentu

Opsi javascript sedikit lebih kompleks:

  • Optimalkan kode javascript ?:  Mengaktifkan atau menonaktifkan Autoptimize untuk javascript.
  • Paksa Javascript dalam ?:  Jika Anda memiliki beberapa masalah dengan komponen javascript gagal berfungsi dengan benar, coba opsi ini. Ini akan memuat javascript sejak awal, yang dapat menyelesaikan masalah umum dengan rendering halaman. 
  • Juga agregat inline JS ?:  Beberapa tema WordPress memiliki Javascript inline yang terletak di seluruh file HTML. Anda dapat menarik javascript ini dan menggabungkannya ke dalam satu file, yang meningkatkan kecepatan halaman. Gunakan opsi ini dengan hati-hati , karena dapat menyebabkan cache Optimalkan menjadi besar dengan sangat cepat.
  • Kecualikan skrip dari Autoptimize ?:  Anda mungkin menjumpai skrip yang tidak berfungsi dengan benar setelah Autoptimize mengecilkan atau mengagregasinya. Jika Anda memiliki skrip yang tidak berfungsi, kecualikan dari Autoptimize di sini.
  • Tambahkan pembungkus coba-tangkap ?:  Jika kesalahan JS menghalangi halaman Anda bekerja dengan benar, centang opsi ini. Ini akan “menangkap” kesalahan sebelum mereka dapat menghentikan rendering halaman.

CSS Options

Optimalkan Kode CSS ?:  Mengaktifkan atau menonaktifkan

Ada beberapa opsi CSS:

  • Optimalkan Kode CSS ?:  Mengaktifkan atau menonaktifkan Autoptimize for CSS.
  • Hasilkan data: URI untuk gambar ?:  Opsi ini memungkinkan Anda menyandikan gambar kecil ke file CSS Anda alih-alih memiliki lebih banyak panggilan server untuk mengunduh gambar individual.
  • Hapus font Google ?:  Jika Anda tidak menggunakan font Google dalam tema Anda, hapus centang kotak ini.
  • Juga agregat CSS sebaris ?:  Opsi menghapus CSS dari HTML Anda dan menggabungkannya. Berguna jika tema Anda memiliki CSS di banyak halaman.
  • Inline dan Defer CSS ?:  Opsi ini memungkinkan Anda untuk menaruh beberapa CSS dalam file HTML jika diperlukan untuk memuat halaman. CSS lainnya ditangguhkan dan dimuat setelahnya.
  • Sertakan semua CSS ?:  Opsi ini dapat berfungsi dengan baik untuk situs web dengan lalu lintas rendah.
  • Kecualikan CSS dari Autoptimize:  Daftar file CSS Autoptimize tidak boleh disentuh.

CDN Options

Jika Anda menggunakan Jaringan Pengiriman Konten untuk beberapa file, tambahkan detailnya di sini.

Cache Info

Bagian ini memberi Anda beberapa informasi tentang cache Anda.

Bagian ini memberi Anda beberapa informasi tentang cache Anda.

Misc Options

Misc Options Bagian ini memiliki opsi untuk mengubah cara file agregat ditangani oleh server web

Bagian ini memiliki opsi untuk mengubah cara file agregat ditangani oleh server web (biarkan ini secara default kecuali server Anda tidak dapat mengompres file). Ini juga memiliki opsi untuk menonaktifkan Autoptimize untuk pengguna yang diautentikasi.

Optimize More

Optimize More (Optimalkan Lebih Banyak)tab di bagian atas halaman pengaturan Autoptimize daftar plugin dan pelengkap lainnya.

Optimize More tab di bagian atas halaman pengaturan dan daftar plugin dan pelengkap lainnya.

Membersihkan Cache Anda

Cache Autoptimize adalah cache file yang sangat sederhana. Secara default, file yang digabungkan dan diperkecil disimpan di folder / wp-content / cache / autoptimize. Anda dapat mengosongkan cache ini kapan pun Anda suka dengan mengklik tombol Delete Cache yang disorot pada gambar di bawah ini.

 Secara default, file yang digabungkan dan diperkecil disimpan di folder / wp-content / cache /

Terima kasih telah membaca Autoptimize: Plugin Peningkat Kecepatan WordPress ! Saya juga merekomendasikan Anda untuk mencoba plugin Shortpixel untuk optimasi gambar pada blog WordPress Anda. Semoga bermanfaat.

Comments are closed, but trackbacks and pingbacks are open.