Ulasan NitroPack: Pengoptimalan Kecepatan Situs WordPress pada Mode Mudah

Jika Anda memiliki situs web, Anda perlu memperhatikan optimasi kecepatan situs.

Kecepatan halaman memiliki pengaruh besar pada pengalaman pengguna situs Anda – ada semua jenis data yang menghubungkan kecepatan situs yang lambat ke rasio pentalan yang lebih tinggi, rasio konversi yang lebih rendah, dan hanya pengguna yang umumnya tidak puas.

Tapi sejujurnya, Anda tidak benar-benar membutuhkan data untuk membuktikan hal ini karena Anda mungkin sudah tahu betapa menyebalkannya situs web yang loadingnya lambat, bukan?

Terlebih lagi, dengan pembaruan Pengalaman Halaman Google yang baru, Google juga menggunakan metrik Inti Web Vitals seperti Cat Konten Terbesar sebagai faktor peringkat mesin pencari, sehingga kecepatan halaman yang lambat juga dapat menjadi hambatan pada pengoptimalan mesin pencari situs Anda.

Jadi – kecepatan situs itu penting…tetapi juga rumit.

Ada caching, optimasi JavaScript, optimasi CSS, optimasi HTML, jaringan pengiriman konten (CDN), optimasi gambar, prefetching, kompresi ... Anda mendapatkan ide.

NitroPack adalah plugin yang mudah digunakan yang membantu Anda menerapkan hampir semua taktik pengoptimalan kinerja yang dibutuhkan situs Anda dalam satu alat.

Di WordPress, yang Anda lakukan hanyalah menginstal plugin NitroPack, mengklik beberapa tombol, dan situs Anda akan langsung mendapat manfaat dari taktik seperti caching, jaringan pengiriman konten (CDN), pengoptimalan CSS/JavaScript, dan banyak lagi.

Dalam ulasan NitroPack langsung kami, kami akan melihat langsung alat ini termasuk yang berikut:

• Ikhtisar cepat fitur
• Tutorial NitroPack dan lihat antarmukanya
• Pemikiran tentang apakah peningkatan NitroPack adalah "nyata" (ini akan masuk akal nanti)
• Beberapa tes kinerja sebelum/sesudah dengan NitroPack
• harga
• Pikiran terakhir

Ulasan NitroPack: Apa Fungsinya?

NitroPack adalah plugin pengoptimalan kecepatan all-in-one untuk WordPress (dan beberapa platform lainnya).

Itulah salah satu hal paling unik tentang NitroPack – semuanya dalam satu .

Ini sangat langka. Misalnya, WP Rocket adalah plugin kecepatan halaman yang sangat komprehensif, tetapi Anda masih perlu setidaknya memasangkannya dengan solusi pengoptimalan gambar, CDN, dan beberapa penyesuaian lainnya.

Dengan NitroPack, tidak perlu membangun "tumpukan" alat pengoptimalan kinerja. Itu hanya melakukan segalanya untuk Anda. Berikut adalah fitur tingkat tinggi yang dicakupnya:

• Caching – termasuk caching halaman pintar dengan pramuat dan pembersihan cache pintar serta caching browser.
• CDN – CDN bawaan dengan 70+ titik akhir global, kompresi Gzip/Brotli, dan banyak lagi.
• Pengoptimalan CSS – termasuk menangani CSS penting paruh atas sehingga Anda dapat meningkatkan waktu muat awal Anda, termasuk metrik Cat Berkonten Terbesar.
• Pengoptimalan JavaScript – Anda dapat menunda skrip untuk meningkatkan waktu pemuatan awal dan mengoptimalkan semua JavaScript situs Anda. NitroPack juga memiliki cara unik untuk memindahkan skrip dari utas CPU utama dan menunda skrip hingga interaksi pengguna – selengkapnya di bawah ini.
• Optimalisasi gambar – dapat secara otomatis mengompresi/mengubah ukuran gambar dan mengonversinya ke WebP. Ada juga fitur ukuran adaptif baru yang memungkinkan Anda menyajikan gambar berbeda secara dinamis kepada pengguna berdasarkan ukuran layar mereka.
• Pengoptimalan HTML – termasuk detail lanjutan seperti prakoneksi DNS untuk sumber daya utama.

Gambar ini melakukan pekerjaan yang cukup baik untuk merangkum fitur-fitur utama:

Satu hal unik tentang NitroPack adalah “pemuat sumber daya eksklusifnya”. Konsep/manfaat ini cukup rumit, tetapi ide dasarnya adalah NitroPack mengoptimalkan bagaimana situs Anda dimuat (terutama JavaScript-nya) untuk membuat semua file terpisah dimuat secara optimal untuk pengalaman pengguna.

Pada dasarnya, jika Anda mengaktifkan fitur ini, fitur ini mencoba memuat hanya file minimum yang diperlukan untuk merender konten paruh atas dan kemudian menunggu untuk memuat sisanya hingga pengguna mulai berinteraksi dengan situs Anda. Dengan melakukan ini, Anda dapat sangat mempercepat waktu muat awal situs Anda, termasuk metrik Cat Berkonten Terbesar.

Anda dapat membaca semua tentang ini di sini.

Cara Menggunakan NitroPack

Di luar fitur pengoptimalan kecepatan situs NitroPack yang komprehensif, penyiapannya yang mudah adalah salah satu manfaat terkuatnya.

Anda benar-benar dapat memulai dan menjalankan situs yang dioptimalkan sepenuhnya hanya dalam beberapa menit berkat beberapa mode pengoptimalan prasetel.

Mari kita lihat cara kerjanya…

1. Tambahkan Situs Web Anda

Untuk memulai, Anda ingin menambahkan situs web Anda melalui dasbor NitroPack:

Kemudian, Anda dapat menghubungkan akun NitroPack Anda ke situs Anda menggunakan alat konektor. Untuk WordPress, itu berarti plugin NitroPack khusus di WordPress.org:

2. Pilih Mode Pengoptimalan Anda

Sekarang, Anda siap untuk memilih mode pengoptimalan Anda. Ini adalah salah satu bagian favorit saya dari NitroPack karena itulah yang membuat NitroPack begitu sederhana.

Daripada mengotak-atik banyak pengaturan terpisah seperti yang perlu Anda lakukan di sebagian besar plugin, NitroPack hanya memungkinkan Anda memilih konfigurasi prasetel berdasarkan kebutuhan Anda. Untuk pengguna yang lebih mahir, Anda masih dapat mengotak-atik .

Anda dapat memilih ini dari dasbor WordPress atau dasbor NitroPack.

Ada lima mode berbeda, tetapi saya rasa kebanyakan orang akan memilih Strong karena menawarkan keseimbangan peningkatan kinerja yang baik sambil tetap mempertahankan fungsi situs Anda.

Banyak orang juga menyukai mode Ludicrous karena ini akan membuat peningkatan terbesar pada skor PageSpeed ​​dan Core Web Vitals Anda. Namun, saya sarankan untuk berhati-hati dengan mode ini karena cara menunda JavaScript dapat mengganggu fungsi tertentu di situs Anda.

Misalnya, jika menu ponsel Anda bergantung pada JavaScript, mode Ludicrous mungkin menyebabkan beberapa perilaku aneh di sana. Di sisi lain, jika Anda memiliki menu berbasis CSS, itu mungkin tidak menjadi masalah.

Jadi – jangan ragu untuk bermain-main dengan mode Ludicrous untuk memulai, tetapi bersiaplah untuk kembali ke mode Kuat jika Anda mengalami masalah:

3. … Keuntungan

Bagi banyak pengguna, ini secara harfiah. Setelah Anda memilih mode konfigurasi, Anda dapat berhenti memikirkan kinerja karena NitroPack menangani sisanya.

4. …Atau Tinker (Untuk Pengguna Tingkat Lanjut)

Untuk pengguna yang lebih mahir, NitroPack juga memberi Anda banyak opsi untuk mengotak-atik. Anda dapat mengecualikan halaman, skrip, cookie, sumber daya, parameter kueri tertentu, dan sebagainya.

Anda juga mendapatkan beberapa opsi yang rapi, seperti kemampuan untuk mengoptimalkan skrip iklan, mengosongkan cache dengan webhook ( menggabungkan ini dengan WP Webhook untuk bersenang-senang ), dan melakukan beberapa tindakan lanjutan lainnya:

Jika Anda pengguna biasa, jangan ragu untuk mengabaikan semua hal ini. Tetapi jika Anda adalah pengguna tingkat lanjut, Anda mungkin akan menghargai pengaturan ini.

Pengaturan ini juga dapat membantu Anda menggunakan mode Ludicrous tanpa masalah karena Anda dapat mengecualikan skrip tertentu yang tidak ingin Anda tunda pemuatannya.

NitroPack dan “Blackhat SEO” – Apakah Itu Nyata?

Jika Anda telah mencari-cari ulasan NitroPack lainnya, Anda mungkin pernah melihat tuduhan bahwa NitroPack adalah alat “blackhat SEO” yang menipu Google agar mengira situs Anda dimuat dengan cepat meskipun sebenarnya tidak.

Jadi - apa masalahnya di sini?

Jawabannya cukup teknis, tetapi saya pikir cukup jelas bahwa NitroPack tidak melakukan sesuatu yang buruk.

Masalah utama di sini tampaknya adalah perbedaan antara data uji kecepatan lab dan data uji kecepatan "lapangan" yang sebenarnya:

• Data Lab (Sintetis) – simulasi data kinerja yang dikumpulkan oleh alat uji kecepatan.
• Field Data – data kinerja nyata situs Anda seperti yang dialami oleh pengunjung manusia yang sebenarnya. Biasanya, Anda akan mengumpulkan ini melalui Laporan Pengalaman Pengguna Chrome, yang tersedia di PageSpeed ​​Insights jika situs Anda memiliki lalu lintas yang cukup.

Data lapangan adalah hal yang benar-benar penting untuk kinerja dunia nyata (dan untuk pembaruan algoritme SEO Pengalaman Halaman Google), tetapi kebanyakan orang terlalu fokus pada data lab dan "skor" karena lebih mudah dikumpulkan.

Cara kerja pemuat sumber daya milik NitroPack dalam mode Menggelikan dengan memindahkan proses tertentu dari utas utama dan menunda eksekusi JavaScript berarti situs Anda akan terlihat "tidak normal" bagus di beberapa alat uji kecepatan lab ( karena banyak alat tidak dapat mendeteksi proses off-thread ).

Dan saya agak mengerti apa yang dikatakan orang di sini – situs yang menggunakan NitroPack dan mode Ludicrous akan terlihat “mencurigakan” bagus di alat uji kecepatan tertentu.

Namun, masalah sebenarnya di sini adalah apakah menurut Anda NitroPack melakukan ini dengan jahat untuk "menipu" Google atau apakah itu hanya produk sampingan alami dari cara kerja pemuat sumber daya mereka dan mengoptimalkan situs Anda.

Secara pribadi, saya pikir cukup jelas bahwa NitroPack adalah yang sebenarnya dan ini lebih merupakan masalah dengan cara kerja beberapa alat uji kecepatan daripada NitroPack yang mencoba memainkan sistem.

Inilah alasannya:

Pertama, NitroPack tidak mencoba menyembunyikan apa pun di sini karena mereka sendiri merekomendasikan pengguna NitroPack untuk melihat data kinerja pengguna yang sebenarnya daripada hanya mengandalkan data lab.

Terlebih lagi, NitroPack bekerja untuk menempatkan data lapangan nyata di depan dan di tengah dasbor NitroPack. Jika Anda melihat data lapangan yang sebenarnya, Anda akan melihat bahwa NitroPack membuat peningkatan besar pada data lab dan data lapangan yang sebenarnya.

Anda tidak bisa menipu data dunia nyata. Jadi, jika NitroPack benar-benar mencoba menarik yang cepat pada orang-orang, tidak bijaksana jika mereka mendorong penggunanya untuk fokus pada data dunia nyata daripada data lab.

Tuduhan terakhir adalah bahwa NitroPack melakukan beberapa jenis SEO topi hitam yang pada akhirnya akan dihukum oleh Google.

Sejujurnya, ini tidak masuk akal bagi saya.

Pertama, kecepatan halaman masih merupakan faktor peringkat kecil, jadi tidak seperti "menipu" Google dengan berpikir Anda memiliki situs yang cepat akan menaikkan peringkat Anda. Google telah mengatakan bahwa kecepatan situs lebih merupakan "pemutus ikatan" antara situs yang sama-sama relevan, daripada sesuatu yang akan meningkatkan peringkat Anda dengan sendirinya.

Artinya, perubahan situs Anda dari dua detik menjadi satu detik tidak akan mengubah apa pun – dua detik sudah cukup cepat untuk memenangkan tiebreak Google.

Di luar itu, menurut saya tuduhan SEO tidak masuk akal karena banyaknya situs populer yang menggunakan NitroPack dan masih berperingkat bagus.

Faktanya, kami menggunakan NitroPack di WP Mayor! Kami tidak akan melakukan itu jika kami pikir ada dampak negatif pada SEO.

Jika Anda ingin memverifikasi ini, Anda dapat melihat header untuk WP Mayor dan Anda akan melihat bahwa kami memang menggunakan NitroPack:

Terakhir, jika Anda benar-benar khawatir, Anda dapat menggunakan alat Inspeksi URL di Google Search Console untuk melihat tampilan situs Anda dengan NitroPack saat Google merayapinya. Jika Anda melakukannya, Anda akan melihat bahwa Google mendeteksi konten lengkap halaman Anda seperti tanpa NitroPack.

Artinya, tidak ada perbedaan dalam konten situs Anda di mata Google menurut alat perayapan Google sendiri.

Performa NitroPack Sebelum/Sesudah

Dengan diskusi yang panjang itu, saya ingin melihat beberapa data kinerja dari WP Walikota.

Terlepas dari apa yang saya katakan di atas tentang data lapangan lebih penting daripada data lab, saya akan menggunakan alat uji kecepatan sintetis di sini karena, yah, sulit bagi saya untuk mengumpulkan data sebelum/sesudah dengan waktu muat pengguna yang sebenarnya.

Namun, saya akan menggunakan WebPageTest, yang melakukan pekerjaan lebih baik dari rata-rata dalam menangkap pengalaman kecepatan halaman penuh karena ini menunjukkan metrik yang terisi penuh dan dokumen lengkap.

Metrik yang terisi penuh akan menangkap banyak JavaScript yang ditangguhkan/ditunda NitroPack pada pemuatan awal.

Karena kita hidup di dunia yang mengutamakan seluler, saya mengonfigurasi WebPageTest dengan pendekatan yang mengutamakan seluler:

• Uji dari iPhone 8 . yang ditiru
• Gunakan koneksi LTE yang dibatasi
• Jalankan sembilan tes terpisah dan ambil nilai median

Berikut data untuk beranda WP Mayor dengan dan tanpa NitroPack:

*Ini adalah proxy yang bagus untuk First Input Delay, yang hanya tersedia dari data lapangan .

**Anda dapat melihat bahwa permintaan HTTP sangat rendah pada awalnya karena NitroPack menunda banyak skrip ini.

Secara keseluruhan, Anda dapat melihat peningkatan yang cukup besar di seluruh papan dengan NitroPack, terutama ketika datang ke Cat Konten Terbesar dan metrik Dokumen Lengkap.

Ingatlah bahwa Anda dapat mencapai peningkatan ini hanya dengan beberapa klik. Sekali lagi, menurut saya yang membuat NitroPack unik adalah kombinasi peningkatan kinerja dan kesederhanaan.

Jika Anda tertarik dengan skor PageSpeed ​​Insights ( secara pribadi, saya tidak tertarik), saya juga mengumpulkannya untuk beranda WP Mayor dengan dan tanpa NitroPack:

Anda juga dapat melihat peningkatan besar di sana, terutama dengan skor seluler.

Harga NitroPack

Sekarang setelah kita membahas yang lainnya, mari kita bicara tentang harga NitroPack.

Pertama, NitroPack memang memiliki paket gratis yang mendukung hingga 5.000 pengunjung per bulan dan bandwidth CDN 1 GB dengan semua fitur. Jika Anda memiliki situs dengan lalu lintas rendah, paket gratis itu mungkin berfungsi dengan baik untuk Anda, setidaknya di awal.

Namun, kelemahan dari paket gratis ini adalah menyertakan lencana NitroPack di footer situs Anda. Ini tidak terlalu mengganggu, tetapi itu adalah sesuatu yang perlu diingat.

Jika Anda melebihi batas gratis atau Anda hanya ingin menghapus lencana NitroPack, Anda harus membayar paket. Paket berbayar NitroPack memungkinkan penagihan bulanan dan tahunan. Jika Anda membayar setiap tahun, Anda akan mendapatkan dua bulan gratis.

Semua paket memiliki fitur yang sama – satu-satunya perbedaan adalah batas tampilan halaman dan bandwidth CDN. Selain itu, setiap paket hanya mendukung satu situs. Jika Anda memiliki banyak situs, Anda dapat menghubungi tim penjualan NitroPack untuk mempelajari tentang agen kustom dan opsi paket multi-situs, yang dapat menghemat uang Anda.

Jika situs Anda memiliki lebih dari satu juta tampilan halaman atau menggunakan lebih dari 500 GB CDN bandwidth, Anda juga dapat menghubungi penjualan NitroPack untuk paket kustom.

Selain itu, semua paket dilengkapi dengan jaminan uang kembali 14 hari, jadi Anda tidak mempertaruhkan apa pun.

Pikiran Terakhir tentang NitroPack

Secara keseluruhan, saya pikir ada beberapa pro dan kontra yang pasti untuk menggunakan NitroPack untuk mempercepat situs web Anda.

Keuntungan utama NitroPack adalah sangat sederhana dan lengkap . Ini adalah salah satu alat yang mengimplementasikan hampir semua taktik pengoptimalan kinerja, termasuk pendekatan unik seperti cara menunda JavaScript dan memindahkannya dari utas CPU utama. Saya tidak berpikir Anda akan menemukan cara yang lebih sederhana untuk beralih dari nol ke memiliki situs yang sepenuhnya dioptimalkan.

Bagi banyak orang, terutama orang non-teknis, itu adalah proposisi nilai yang sangat kuat.

Kerugian utama NitroPack adalah mahal , setidaknya untuk ruang WordPress. Jika anggaran Anda terbatas, Anda dapat menemukan plugin kecepatan situs yang lebih murah untuk mengoptimalkan situs Anda (seperti WP Rocket) atau Anda bahkan dapat membuat tumpukan pengoptimalan yang cukup bagus menggunakan plugin WordPress yang sepenuhnya gratis.

Pada akhirnya, itu seperti ini …

Kecepatan situs sangat penting, jadi Anda tidak bisa mengabaikannya begitu saja.

Ketika sampai pada apa yang Anda lakukan tentang kecepatan situs, Anda perlu menjawab pertanyaan ini:

Apakah Anda bersedia membayar sedikit premi untuk solusi sekali klik yang cukup untuk menyelesaikan masalah kecepatan situs Anda?

Jika Anda bukan orang yang sangat teknis atau jika Anda lebih suka fokus pada pembuatan konten dan pemasaran situs Anda daripada pengoptimalan kinerja, saya pikir Anda mungkin cocok dengan kategori "Ya".

Di sisi lain, jika Anda ingin menjaga biaya Anda serendah mungkin, Anda mungkin masuk ke dalam kategori "Tidak", dalam hal ini Anda mungkin lebih memilih plugin kecepatan halaman WordPress yang lebih murah atau gratis.

Apakah plugin itu sesederhana NitroPack? Tidak juga. Tetapi jika Anda bersedia bekerja, Anda masih dapat membangun situs web yang memuat cepat menggunakan alat gratis atau lebih murah.

Jika Anda berada di pagar, saya sarankan hanya mendaftar untuk NitroPack dan menjalankan beberapa tes. Proses penyiapan hanya membutuhkan waktu beberapa menit, jadi Anda tidak perlu menghabiskan banyak waktu.

Di luar itu, ada jaminan uang kembali 14 hari, jadi Anda juga tidak mempertaruhkan uang ( atau, Anda bisa mencoba paket gratis jika Anda setuju dengan lencana NitroPack ).