Cara Instal & Konfigurasi Rompet WP (Kanthi Setelan sing Disaranake)

Panaliten saka Forrester Consulting nyatakake yen "47% konsumen ngarepake kaca web bakal mbukak rong detik utawa kurang".

Sing dadi prihatin yaiku manawa para pamilik situs web gagal nyadari yen situs web loading sing alon ora mung ngrusak neraka ora ana wong, uga bisa menehi pangaruh rangking Google sing negatif, lan duwe pengaruh kanggo ngasilake bathi!

Apik banget ana cara kanggo nyepetake wektu beban situs web, utamane yen situs web dikuasani WordPress. Amarga ing kene aku bakal bisa mlaku liwat sampeyan kanggo miwiti WP Rocket (lan ya iku plugin sing dakgunakake kanggo nyepetake situs webku).

Apa WP Rompet?

WP Rocket yaiku premium WordPress plugin caching sing efektif banget kanggo nyepetake wektu beban situs web.

WP Rocket rencana lan rega:

• $ 49 / taun - 1 taun dhukungan lan nganyari kanggo Situs web 1.
• $ 99 / taun - 1 taun dhukungan lan nganyari kanggo situs 3.
• $ 249 / taun - 1 taun dhukungan lan nganyari kanggo situs web sing ora ana wates.

1. Ngundhuh & Instal roket WP

Pisanan, tekan ing Situs web WP Rocket lan tuku WordPress plugin.

Pilih rencana sing paling cocog kanggo sampeyan lan ngrampungake langkah-langkah sing dibutuhake kanggo nyelehake pesenan sampeyan.

Sabanjure, sampeyan bakal dikirim email kanthi informasi login menyang akun ing wp-rocket.me. Go lan mlebu, lan mlebu "Akunku" sampeyan bakal nemokake link download. Download lan simpen file zip menyang komputer.

Sabanjure, login menyang WordPress situs lan kepala menyang Plugin -> Tambah Anyar -> Upload Plugin.

Mung upload lan nginstal versi file zip WP Rocket.

Pungkasan, pindhah lan aktifake WP Rocket lan plugin saiki wis diinstal. Ya!

2. Setelan WP Rocket Paling Apike & Disaranake

Saiki wektu kanggo ngatur WP Rocket kaya ing setelan sing disaranake.

Pertama menyang Setelan -> roket WP, lan sampeyan bakal dijupuk menyang kaca setelan plugin. Ana 10 tab utawa bagean sing kudu dikonfigurasi lan ngapiki setelan kanggo:

1. Dashboard (tab standar)
2. Setelan cache
3. Setelan CSS & JS Files Optimization
4. Setelan media
5. Setelan Preload
6. Setelan Aturan Lanjut
7. Setelan Database
8. Setelan CDN
9. Tambahake (Cloudflare)
10. Tools

• bonus: Ngonfigurasi Roket WP kanggo HTTP / 2
• bonus: Nggunakake roket WP nganggo KeyCDN
• bonus: Host web apa sing kompatibel, lan bisa digunakake karo WP Rocket?
• bonus: Download file konfigurasi WP Rocket sandi

Saiki ayo ndelok setelan sing disaranake kanggo WP Rocket, kanggo saben 10 bagean.

WP Rocket Dashboard

Dashboard menehi informasi babagan lisensi lan yen entek. Sampeyan uga bisa milih dadi Rocket Tester (program uji coba beta) lan Analisis Roket (ngidini WP Rocket nglumpukake data kanthi anonim). Ing kene sampeyan uga bisa nemokake link kanggo dhukungan lan pitakonan sing sering takon babagan WP Rocket.

Ing Dashboard sampeyan bisa Mbusak Kabeh File Cache (dianjurake supaya sampeyan wis ngatur konfigurasi setelan WP Rocket), Miwiti Cache Preloading (ngasilake cache kanggo homepage lan kabeh link internal ing homepage) lan Mbusak OPcache Konten (ngresiki OPcahce sing ngalangi masalah nalika nganyari plugin WP Rocket).

Pangaturan Cache Roket WP

1. Ngaktifake caching kanggo piranti seluler kudu diaktifake amarga ngidini caching kanggo piranti seluler lan nggawe situs web luwih ramah.

Uga pilih Pisah file cache kanggo piranti seluler. Amarga caching mobile WP Rocket paling aman kanggo pilihan loro. Yen mangu, terus loro.

2. Ngaktifake caching kanggo mlebu WordPress kedhaftar, iki mung dianjurake supaya bisa aktif nalika sampeyan duwe situs keanggotaan, utawa padha nalika pangguna kudu mlebu kanggo ndeleng konten.

3. lifespan cache otomatis disetel nganti 10 jam lan iki tegese file cache otomatis dicopot sawise 10 jam sadurunge digawe maneh. Yen sampeyan arang banget nganyari situs utawa duwe statis akeh konten, sampeyan bisa nambah iki.

Ngirit lan nguji, sak tenane! Mateni setelan yen sampeyan ndeleng apa wae sing rusak ing situs web.

Pangaturan Optimisasi File WP Roket & JS

Minifying file nyuda ukuran file lan bisa nambah wektu loading. Minifikasi ngilangi ruang lan komentar saka file statis, ngidini browser lan mesin telusuran kanggo ngolah file HTML, CSS, lan JavaScript sing luwih cepet.

Nggabungake file bakal nyimpulake file dadi klompok cilik supaya bisa njamin kompatibilitas tema / plugin lan kinerja sing luwih apik. Nanging meksa kesimpulan dadi mung 1 file siji ora disaranake, amarga browser luwih cepet download nganti 6 file sing luwih cilik podo karo 1-2 file gedhe.

1. Minimal file HTML bakal ngilangi whitespace lan komentar kanggo nyuda ukuran kaca web ing situs sampeyan.

2. Gabungke file Fonts Google bakal nyuda nomer panjaluk HTTP (utamane yen sampeyan nggunakake pirang-pirang fon).

3. Mbusak senar query saka sumber daya statis bisa nambah kelas kinerja ing GT Metrix. Setelan iki ngilangi string query versi saka file statis (eg style.css? Ver = 1.0) lan nglebokake jeneng file (contone style-1-0.css).

4. Minimalake file CSS bakal ngilangi whitespace lan komentar kanggo nyuda ukuran file styleheet.

5. Gabungan file CSS nggabung kabeh file sampeyan dadi siji file, sing bakal nyuda nomer panjaluk HTTP. Ora disaranake manawa situs sampeyan nggunakake HTTP / 2.

penting: Iki bisa ngrusak barang-barang! Yen sampeyan nemokake kesalahan ing situs web sawise ngaktifake setelan iki, pateni maneh, lan situs sampeyan bakal normal maneh.

6. Ngoptimalake pangiriman CSS mbusak blokir CSS ing situs web sampeyan kanggo wektu mbukak sing luwih cepet. Iki tegese kaca sampeyan bakal mbukak tanpa gaya CSS lan iki minangka prekara sing dipertimbangake Google PageSpeed ​​Insights nalika kacepetan 'nyetak' kacepetan.

CSS path kritis tegese kaca sampeyan bakal miwiti mbukak tanpa kabeh gaya CSS. Iki tegese bisa katon rada aneh kanggo sawetara wektu nalika loading.

Iki diarani FOUC (kerlip konten ora stabil). Kanggo ngindhari hal kasebut, sampeyan kudu nggunakake sing diarani Kritik Path CSS. Iki tegese CSS kanggo konten ing sisih ndhuwur kaca sampeyan kudu dilebokake langsung ing HTML supaya ora FOUC nalika kaca mbukak.

Kanggo ngasilake CSS path kritis sing bisa digunakake alat Generator CSS Path Kritis iki.

7. Minimalake file JavaScript mbusak komentitas putih lan komentar kanggo nyuda ukuran file JS.

8. Gabung file JavaScript gabungke info situsScripts Java situs sing kurang file, nyuda panjaluk HTTP. Ora disaranake manawa situs sampeyan nggunakake HTTP / 2.

penting: Iki bisa ngrusak barang-barang! Yen sampeyan nemokake kesalahan ing situs web sawise ngaktifake setelan iki, pateni maneh, lan situs sampeyan bakal normal maneh.

9. Muat JavaScript ditundha ngilangi blokir JS ing situs sampeyan lan bisa nambah wektu beban. Iki minangka prekara sing dipertimbangake Google PageSpeed ​​Insights nalika kacepetan kaca 'nyetak'.

10. Mode Aman kanggo JQuery njamin dhukungan kanggo referensi referensi jQuery saka tema lan plugins kanthi ngunggah jQuery ing ndhuwur dokumen minangka skrip ngalangi.

Ngirit lan nguji, sak tenane! Mateni setelan yen sampeyan ndeleng apa wae sing rusak ing situs web.

Setelan Media Rocket WP

1. Gambar beban sing ora sopan ateges gambar bakal dimuat mung nalika mlebu (utawa arep mlebu) viewport, yaiku mung dimuat nalika pangguna nggulung mudhun kaca. Beban beban nyuda jumlah panjaluk HTTP sing bisa ningkatake wektu beban.

(Kadhangkala aku mateni gambar sing puguh, mung amarga yen loading malang diaktifake, jangkar pranala nuding menyang posisi ing ngisor iki gambar gambar sing dimuat malas ing posisi kaca web sing salah)

2. Paring rame lan video pithik ateges yen Iframes lan video bakal dimuat mung nalika mlebu (utawa arep mlebu) viewport, yaiku mung dimuat nalika pangguna nggulung mudhun kaca. Beban beban nyuda jumlah panjaluk HTTP sing bisa ningkatake wektu beban.

3. Ganti YouTube iframe karo gambar pratinjau bisa nambah wektu loading yen sampeyan duwe akeh video YouTube ing sawijining kaca.

Malas muate bisa dipateni ing kaca / postingan individu (sampeyan nemokake setelan ing sidebar kirim / halaman)

4. Pateni Emoji kudu dipateni amarga browser emoji gawan pengunjung kudu digunakake tinimbang ora ngemot emoji WordPress.org. Nolak caching emoji nyuda nomer permintaan HTTP sing bisa nambah wektu beban.

6. WordPress nambani kudu dipatèni amarga ngalangi wong liya supaya ora ngemot konten saka situs sampeyan, uga bisa nyegah sampeyan ngluncurake konten saka situs liyane, lan mbusak panjaluk JavaScript sing ana gandhengane WordPress Embeds.

Ngirit lan nguji, sak tenane! Mateni setelan yen sampeyan ndeleng apa wae sing rusak ing situs web.

Setelan Prambel Rokèt WP

1. Pambiji situs nggunakake kabeh URL ing sitemap XML sampeyan kanggo preloading nalika umur cache wis kadaluwarsa lan kabeh cache wis diresmik.

2. Peta situs Yoast SEO XML. WP Rocket kanthi otomatis bakal ndeteksi sitemaps XML sing digawe dening Plugin Yoast SEO. Sampeyan bisa mriksa pilihan kanggo preload.

3. Protead bot mung kudu diaktifake lan digunakake ing server sing apik. Sawise diaktifake, bisa micu kanthi otomatis sawise sampeyan nambah utawa nganyari konten ing situs web. Ganti menyang Manual yen iki nyebabake panggunaan CPU utawa masalah kinerja sing dhuwur.

Nalika nulis utawa nganyari kiriman utawa kaca anyar, WP Rocket kanthi otomatis ngresiki cache kanggo konten spesifik kasebut lan konten liyane sing ana gandhengane. Bot preload bakal nyusup URL kasebut kanggo nggawe cepet cache langsung.

4. Panjaluk DNS Prefetch ngidini résolusi jeneng domain kedadeyan podo karo (tinimbang ing serial karo) njupuk konten kaca nyata.

Sampeyan bisa nemtokake host njaba (kaya //fonts.googleapis.com & //maxcdn.bootstrapcdn.com) sing dipilih minangka prefetching DNS bisa nggawe file eksternal mbukak luwih cepet, utamane ing jaringan seluler.

Umume URL sing umume kanggo prefetch yaiku:

• //maxcdn.bootstrapcdn.com
• //platform.twitter.com
• //s3.amazonaws.com
• //ajax.googleapis.com
• //cdnjs.cloudflare.com
• //netdna.bootstrapcdn.com
• //fonts.googleapis.com
• //connect.facebook.net
• //www.google-analytics.com
• //www.googletagmanager.com
• //maps.google.com

Ngirit lan nguji, sak tenane! Mateni setelan yen sampeyan ndeleng apa wae sing rusak ing situs web.

Pangaturan Aturan Rokèt WP

Setelan iki kanggo manajemen cache majeng, biasane ora kalebu kaca lan checkout ing situs e-commerce.

1. Aja URL cache ngidini sampeyan nemtokake URL kaca utawa kiriman sing kudu dicekel.

2. Aja cache cookie ngidini sampeyan nemtokake ID cookie sing, nalika disetel ing browser pengunjung, kudu nyegah kaca supaya ora cache.

3. Aja agen pangguna cache ngidini sampeyan nemtokake senar agen pangguna sing ora bakal bisa ndeleng kaca cache.

4. Tansah ngresiki URL (s) ngidini sampeyan nemtokake URL sing sampeyan pengin ngresiki saka cache nalika sampeyan nganyari post utawa kaca.

5. Senar query cache ngidini sampeyan nemtokake senar query kanggo caching.

Ngirit lan nguji, sak tenane! Mateni setelan yen sampeyan ndeleng apa wae sing rusak ing situs web.

Setelan Database WP Rocket

Bagean iki dilengkapi macem-macem setelan kanggo ngresiki lan ngoptimalake WordPress.

1. Pos ngresiki mbusak révisi, draf otomatis, lan kiriman kiriman lan kaca. Delete this kajaba sampeyan duwe postingan versi lawas (utawa kiriman sing ilang).

2. Komentar ngresiki mbusak spam lan komentar komentar.

3. ngresiki mbusak data sing disimpen sing kaya jumlah sosial nanging kadhangkala nalika transisi kadaluwarsa tetep ana ing database lan bisa mbusak aman.

4. ngresiki database optimalisasi tabel ing WordPress basis data.

5. Pembersihan otomatis. Aku biasane ngresiki basis ad hoc nanging sampeyan uga bisa gawe jadwal WP Rocket kanggo mbukak ngresiki otomatis database sampeyan.

Saenipun, sampeyan kudu nggawe serep database sampeyan sadurunge ngresiki, amarga yen optimasi database wis ditindakake, ora ana cara kanggo ngilangi.

WP Rocket CDN Setelan

Nganggo jaringan pangiriman konten (CDN) tegese kabeh URL file statis (CSS, JS, gambar) bakal ditulis maneh menyang CNAME sing diwenehake.

1. Ngaktifake CDN. Aktifake iki yen sampeyan nggunakake jaringan pangiriman konten. WP Rocket kompatibel karo umume CDN kaya Amazon Cloudfront, MaxCDN, KeyCDN (sing dakgunakake) lan liya-liyane. Temokake babagan liyane babagan gunakake WP Rocket nganggo CDN

2. CDN CNAME. Salin CNAME (domain) sing diwenehake marang panyedhiya CDN lan lebokake menyang CDN CNN. Iki bakal nulis kabeh URL kanggo aset sampeyan (file statis).

3. Ngilangi file ngidini sampeyan nemtokake URL file sing ora kudu diluncurake liwat CDN.

Ngirit lan nguji, sak tenane! Mateni setelan yen sampeyan ndeleng apa wae sing rusak ing situs web.

WP Rompet WP (Cloudflare)

WP Rocket ngidini sampeyan nggabungake akun Cloudflare kanthi fungsi tambahan.

1. Kunci API Global. Sampeyan bakal nemokake tombol API ing sisih tengen ndhuwur ing akun Cloudflare sampeyan. Langsung menyang profil sampeyan lan gulung mudhun lan sampeyan bakal bisa ndeleng tombol API global sampeyan. Sampeyan mung kudu nyalin lan nempel menyang WP Rocket iki.

2. Email Email. Iki alamat email sing digunakake kanggo akun Cloudflare sampeyan.

3. Domain. Iki jeneng domain, eg websitehostingrating.com.

4. Mode Pangembangan. Ngaktifake mode pangembangan sementara ing situs web. Setelan iki kanthi otomatis dipateni sawise 3 jam. Iki apik kanggo sampeyan ngupayakake babagan situs sampeyan.

5. Setelan optimal. Nambah konfigurasi Cloudflare kanthi otomatis kanggo kacepetan, kelas kinerja lan kompatibilitas. Opsi iki ngaktifake setelan Cloudflare sing paling optimal.

6. Protokol relatif. Kudu digunakake karo fitur SSL fleksibel Cloudflare. URL file statis (CSS, JS, gambar) bakal ditulis maneh kanggo nggunakake // tinimbang http: // utawa https: //.

Piranti Rocket WP

1. Setelan ekspor ngidini sampeyan ngekspor setelan WP Rocket sing digunakake ing situs liya.

2. Impor setelan ngidini sampeyan ngimpor setelan WP Rocket sing wis dikonfigurasi.

3. Puteran ngidini sampeyan bali menyang versi sadurunge, yen versi anyar WP Rocket nyebabake masalah sampeyan.

Ngonfigurasi Roket WP kanggo HTTP / 2

HTTP / 2 minangka upgrade kanggo HTTP sing wiwit wiwit taun 1999 kanggo ngatur komunikasi ing antarane server web lan browser. HTTP / 2 menehi dalan kanggo kaca kanthi luwih cepet liwat komprèsi data sing luwih apik, panjaluk kaping pirang-pirang, lan dandan kecepatan liyane.

Akeh server lan browser duwe dhukungan kanggo HTTP / 2, lan akeh host web, kaya SiteGround, saiki ndhukung HTTP / 2. Iki Checker HTTP / 2 ngandhani yen situs sampeyan bisa nggunakake HTTP / 2.

Yen situs sampeyan bisa nggunakake HTTP / 2, ing kene, sampeyan bisa ngatur WP Rocket.

Kesimpulan (gabungke) kabeh file CSS lan JS dadi sawetara file sing bisa dudu praktik paling apik kanggo HTTP / 2 lan WP Rocket nyaranake sampeyan ora ngaktifake file concatenation ing tab Optimization file.

WP Rocket nyaranake sampeyan tinggalake rong kothak kasebut sing ora bisa dicenthang. Kanggo informasi luwih lengkap artikel iki ing WP Rocket.

Cara nggunakake WP roket nganggo KeyCDN

Ngatur WP Rocket kanthi KeyCDN lumayan langsung. (FYI KeyCDN yaiku jaringan pangiriman konten sing aku gunakake lan nyaranake)

Pisanan nggawe zona tarik ing KeyCDN. Banjur pindhah menyang Tab CDN lan mriksa Ngaktifake Jaringan Pangiriman Konten pilihan.

Saiki, nganyari Ganti hostname situs karo: " kolom nganggo URL sing sampeyan gunakake saka papan pemuka KeyCDN (ing Zones> Zona URL kanggo zona tarik sing digawe. URL bakal katon padha karo: lorem-1c6b.kxcdn.com)

Utawa, lan pilihan sing disaranake, nggunakake CNAME URL sing dipilih (contone https://static.websitehostingrating.com)

Hosting web apa sing dianggo karo WP Rocket?

WP Rocket kompatibel karo meh kabeh host web. Nanging sawetara, utamane dikelola WordPress sarwa dumadi, bisa uga ora bisa digunakake karo WP Rocket. Yen panyedhiya hosting ora kadaptar ing ngisor iki, iki ora ateges ora kompatibel karo WP Rocket. Cara paling apik kanggo dadi 100% tartamtu yaiku ngubungi host web lan takon.

• Kinsta: Kinsta mung ndhukung versi WP Rocket versi 3.0 lan luwih dhuwur. Kaca caching WP Rocket dipateni kanthi otomatis kanggo nyegah konflik karo caching sing dibangun ing Kinsta. Kinsta minangka mitra resmi saka WP Rocket.
• WP Engine: WP Rocket minangka siji-sijine plugin caching sing diidini ing WP Engine. WP Engine minangka mitra resmi saka WP Rocket.
• SiteGround: Rocket WP kompatibel karo cache, Site dinamis lan cache ing SiteGround. SiteGround minangka mitra resmi saka WP Rocket.
• A2 Hosting: WP Rocket yaiku kompatibel karo A2 Hosting. Nanging sampeyan kudu nginstal WordPress ing situs sampeyan sadurunge bisa nginstal plugin WP Rocket. A2 Hosting minangka mitra resmi WP Rocket.
• WebHostFace: WebHostFace ndhukung (lan dadi mitra resmi) WP Rocket.
• Savvii: Savvii ndhukung (lan dadi mitra resmi) WP Rocket.
• FastComet: Nawarake paket sing wis dioptimalake khusus kanggo WordPress lan WP Rocket. FastComet minangka mitra resmi saka WP Rocket.
• Bluehost Ngatur WordPress rencana: Bluehost Ngatur WordPress rencana konfigurasi Varnish ngilangi minimal WP Rocket, dadi sampeyan kudu mateni Varnish Bluehost, utawa mateni minifikasi WP Rocket.
• Langgeng WordPress hosting: Nalika nggunakake minit WP Rocket karo Cloudways 'Varnish, sampeyan kudu nggawe aturan pengecualian kanggo setelan aplikasi Varnish ing Cloudways.
• Flywheel: Sampeyan kudu ngubungi dhukungan Flywheel lan njaluk supaya ngaktifake WP Rocket.
• HostGator Ngatur WordPress rencana: Rocket WP ora diidini HostGator Ngatur WordPress hosting.
• Sintesis: W3 Total Cache wis diinstal ing sintesis, nanging bisa ilang lan diganti karo WP Rocket.
• WebSavers.ca: WebSavers.ca minangka mitra resmi WP Rocket.

Waca liyane babagan host web sing kompatibel karo WP Rocket ing https://docs.wp-rocket.me/article/670-hosting-compatibility.

Download file konfigurasi WP Rocket sandi

Aku gampang banget kanggo nambah konfigurasi WP Rocket sing padha sing dakgunakake ing situs iki. Cukup download file konfigurasi WP Rocket iki banjur ngimpor ing bagean Piranti saka WP Rocket admin.

Tuku salinan saka WP Rocket banjur budhal lan download file konfigurasi WP Rocket sandi lan ngimpor setelan sing tepat aku nyaranake lan digunakake ing situs iki.

3. Bantuan Rocket WP & Dokumentasi Resmi

Yen sampeyan duwe sebab utawa masalah liyane, WP Rocket ana macem-macem informasi sing kasedhiya Situs web WP Rocket. Elinga, sampeyan uga entuk dhukungan 1 taun kanthi tuku.

Ing ngisor iki minangka dhaptar Tutorial WP Rocket sing ditemokake minangka paling migunani:

• Miwiti
• Kompatibilitas Hosting
• Cara Priksa Yen WP Rompet Caching Kaca Sampeyan
• SSL Kanthi WP Rocket
• Roket WP Karo CDN
• Roket WP Kanthi Cloudflare
• Rampungake 500 kesalahan server internal
• Ngatasi Masalah karo Minifikasi
• Konfigurasi NGINX Kanggo WP roket

Apa pengalaman sampeyan nggunakake WP Rocket caching plugin kanggo WordPress? Apa aku nate ngerti informasi penting? Aku seneng ngrungokake kabeh babagan komentar ing ngisor iki!

Yen sampeyan nemokake Tutorial persiyapan WP Rocket iki migunani, nuduhake ing sosial mesthi dingerteni.