7 langkah untuk menggunakan Optimasi Otomatis! Bisakah Anda benar-benar meningkatkan kecepatan situs Anda?

Pengaturan yang disarankan saat menggunakan pembuat halaman

Di sini, BEAVERBuilder danElementorKami akan menjelaskan pengaturan yang disarankan saat menggunakan pembuat halaman.

Opsi JavaScript

「Mengoptimalkan kode JavaScriptDanGabungkan file JS”, setiap pengaturan dijelaskan secara detail.

1. "Mengoptimalkan kode JavaScript"

• 説明: Jika Anda mengaktifkan pengaturan ini, Autoptimize akan mengoptimalkan (memperkecil/memampatkan) kode JavaScript di situs Anda. Hapus spasi dan komentar yang tidak diperlukan, kurangi ukuran file JavaScript, dan percepat pemuatan halaman.
• Setelan yang direkomendasikan: memungkinkanumumnya direkomendasikan.
  • Alasan: Pengoptimalan JavaScript mengurangi ukuran file dan karenanya meningkatkan kecepatan pemuatan halaman. Terutama jika halaman Anda memiliki banyak file JavaScript, mengoptimalkannya akan meningkatkan pengalaman pengguna.

2. "Gabungkan file JS"

• 説明: Ini adalah pengaturan untuk menggabungkan beberapa file JavaScript menjadi satu. Hal ini diharapkan dapat mengurangi jumlah permintaan ke server dan membuat halaman dimuat lebih cepat. Namun, saat menggunakan fitur ini, file JavaScript diproses sekaligus, sehingga jika terjadi kesalahan pada file yang digabungkan, ada risiko semua JavaScript akan berhenti berfungsi.
• Setelan yang direkomendasikan: memungkinkanMeski merupakan hal yang umum,Hati-hati jika menggunakan Elementor atau plugin lainnyaDiperlukan.
  • Alasan: Dengan menggabungkan file JavaScript, jumlah permintaan HTTP berkurang, sehingga berkontribusi pada peningkatan kecepatan pemuatan halaman. Namun, plugin seperti Elementor khususnya menggunakan banyak JavaScript, jadi menggabungkan semuanya dapat menyebabkan kerusakan desain atau fungsionalitas yang mungkin tidak berfungsi dengan baik.Beberapa file JavaScript dikecualikan dari penggabungan(mis. File terkait jQuery dan Elementor) adalah cara yang baik untuk melakukan ini.

Titik pengaturan

• Mengoptimalkan kode JavaScriptumumnya efektif dalam meningkatkan kinerja situs.EfektivitasTidak masalah dengan itu.
• Penggabungan file JSUntuk mencegah pengoperasian plug-in dan kerusakan desain,Kecualikan file JavaScript pentingAnda disarankan untuk mengaktifkannya secara bersamaan. Khususnya, jika Anda memiliki skrip yang bergantung pada Elementor atau jQuery, muat skrip tersebut secara terpisah alih-alih menggabungkannya.

Langkah-langkah pengaturan

1. Pengaturan optimasi otomatisPindah ke.
2. "Mengoptimalkan kode JavaScript"Centang kotaknya.
3. "Penggabungan file JS"Centang kotaknya.
4. Skrip yang ingin Anda kecualikan penggabungannya (jquery.jsYawp-content/plugins/elementor/assets/js/dll.) menjadi “Skrip yang harus dikecualikan" bidang.
5. Simpan pengaturanuntuk menghapus cache dan memeriksa perilaku dan desain situs Anda.

Hal ini memungkinkan Anda meningkatkan kinerja situs dan memastikan desain dan plugin Anda berfungsi dengan baik. Anda juga dapat menyempurnakan pengoptimalan lebih lanjut jika diperlukan.

1. "Inline JS juga digabungkan"

• 説明: Biasanya, hanya file JavaScript yang digabungkan dan dioptimalkan, tetapi jika opsi ini diaktifkan, JavaScript yang ditulis sebaris dalam HTML juga akan digabungkan.
• Setelan yang direkomendasikan: Lebih baik tidak memeriksa.
  • Alasan: Menggabungkan JS sebaris akan menyebabkan ukuran cache Pengoptimalan Otomatis meningkat dengan cepat, yang mungkin berdampak negatif pada kinerja situs Anda. Hal ini terkadang dapat menimbulkan masalah, terutama jika Anda menggunakan plugin seperti Elementor atau Convert Pro.

2. "Biarkan Autoptimize mengekstrak JS dari HTML juga"

• 説明: Pengoptimalan otomatis adalah fitur yang mengekstrak dan mengoptimalkan kode JavaScript dari HTML, namun bila ini diaktifkan, ukuran cache dapat meningkat dengan cepat.
• Setelan yang direkomendasikan: Lebih baik tidak memeriksa.
  • Alasan: Pengaturan ini juga kemungkinan menyebabkan lonjakan cache, yang dapat mempengaruhi kinerja situs secara keseluruhan. Selain itu, tidak semua skrip dalam HTML harus dioptimalkan dan dapat menimbulkan masalah, jadi tidak perlu mengaktifkannya kecuali Anda membutuhkannya secara khusus.

3. "Paksa JavaScript ke kepala>"

• 説明: Biasanya JavaScript dijalankan setelah halaman dimuat, tetapi mengaktifkan opsi ini akan menyebabkan JavaScript dieksekusi saat halaman sedang dimuat, yang berpotensi menyebabkan JavaScript dieksekusi sebelum halaman di-render (terjadi pemblokiran).
• Setelan yang direkomendasikan: Lebih baik tidak memeriksa.
  • Alasan: Memaksa JavaScript untuk dimuat di dalam head dapat menunda rendering halaman dan meningkatkan jumlah waktu yang dibutuhkan pengguna untuk melihat halaman (terutama memperlambat kinerja di perangkat seluler). Pengaturan ini tidak disarankan kecuali Anda memiliki persyaratan khusus.

4. "Bungkus dengan coba-tangkap"

• 説明: kode JavaScripttry-catchIni adalah pengaturan untuk mencegah seluruh halaman mencapai titik impas jika terjadi kesalahan JavaScript dengan mengapitnya dengan . Memberikan penanganan kesalahan tertentu, namun dapat memengaruhi kinerja secara keseluruhan.
• Setelan yang direkomendasikan: Umumnya lebih baik tidak memeriksanya.
  • Alasan: try-catchAnda dapat meminimalkan dampak kesalahan JavaScript dengan mengapitnya dengan , namun biasanya Anda tidak perlu melakukan ini. Jika Anda menggunakan ini, penanganan kesalahan JavaScript mungkin bekerja secara tidak wajar, sehingga mempersulit proses debug. Tidak disarankan untuk penggunaan umum, tetapi hanya patut dicoba jika masalah terjadi pada skrip tertentu.

ringkasan:

Opsi ini mungkin berguna dalam kondisi tertentu, namun dalam kondisi normalLebih aman untuk tidak memeriksanyaadalah. Dengan membiarkan ini dinonaktifkan, Anda menghindari risiko ukuran cache Autoptimize menjadi terlalu besar dan mengurangi kinerja halaman.

Jika terjadi masalah tertentu, mengubah pengaturan satu per satu dan mengujinya dapat membantu menyelesaikan masalah tersebut.

Mengatur opsi CSS

Kami akan menjelaskan setiap pengaturan dan rekomendasi aktifkan/nonaktifkan untuk setiap opsi Autoptimize yang terkait dengan CSS.

1. "Optimalkan kode CSS"

• 説明: Mengaktifkan opsi ini akan memperkecil ukuran file CSS. Dengan menghapus bagian yang tidak perlu seperti spasi dan komentar, serta membuat file lebih ringan, halaman dimuat lebih cepat.
• Setelan yang direkomendasikan: memungkinkanDianjurkan.
  • Alasan: Meningkatkan kinerja halaman dengan memperkecil file CSS. Minifikasi itu sendiri tidak berpengaruh pada perilaku CSS.

2. "Gabungkan file CSS"

• 説明: Opsi ini menggabungkan beberapa file CSS menjadi satu, mengurangi jumlah permintaan ke server dan meningkatkan kecepatan memuat halaman. Hal ini memiliki efek mencegah penurunan kinerja karena banyaknya permintaan.
• Setelan yang direkomendasikan: memungkinkanHal ini biasa terjadi, namun kehati-hatian harus diberikan agar desain tidak runtuh.
  • Alasan: Menggabungkan file CSS mengurangi jumlah permintaan dan meningkatkan kinerja. Namun, jika Elementor atau plugin lain memerlukan file CSS tertentu agar berfungsi, penggabungan dapat merusak desain, jadi ujilah dengan hati-hati.

3. "Gabungkan CSS sebaris"

• 説明: Opsi untuk menggabungkan CSS yang ditulis sebaris dalam HTML dengan file CSS eksternal.
• Setelan yang direkomendasikan: Lebih baik tidak memeriksa.
  • Alasan: Menggabungkan CSS sebaris dapat meningkatkan ukuran cache, yang dapat memengaruhi kinerja situs secara keseluruhan. CSS sebaris biasanya digunakan untuk tujuan tertentu, jadi tidak perlu menggabungkannya.

4. "Pembuatan data: Konversi gambar ke URI"

• 説明: Opsi ini menyematkan (base64izes) gambar dalam file CSS alih-alih mengunduh gambar kecil (seperti ikon) secara terpisah. Hal ini berdampak pada berkurangnya jumlah permintaan ke server.
• Setelan yang direkomendasikan: Aktifkan jika diperlukan.
  • Alasan: Meningkatkan kinerja karena gambar kecil dapat dimuat sekaligus. Namun, mengonversi gambar besar menjadi URI akan meningkatkan ukuran file dan berdampak negatif pada kinerja, jadi disarankan untuk mengonversi gambar besar menjadi URI.gambar kecilsebaiknya disimpan saja.

5. "Hapus CSS yang memblokir render"

• 説明: Ini adalah teknik yang disebut CSS Kritis, yang menyejajarkan CSS tampilan pertama untuk menghindari pemblokiran rendering. CSS lainnya akan dimuat secara asinkron setelah halaman dimuat.
• Setelan yang direkomendasikan: memungkinkanKami menyarankan Anda melakukannya, namun harap atur dengan hati-hati.
  • Alasan: Pengaturan ini mempercepat rendering halaman, namun dapat menyebabkan desain rusak jika tidak diatur dengan benar. Anda dapat meningkatkan kinerja sambil mempertahankan desain dengan menggunakan plugin yang secara otomatis menghasilkan CSS Kritis (misalnya, menggunakan tab CriticalCSS di Autoptimize) atau dengan mengonfigurasinya secara manual.

6. "Sejajarkan semua CSS"

• 説明: Opsi yang menyatukan semua CSS di situs Anda, menghilangkan blok rendering sepenuhnya. Namun, inlining CSS meningkatkan ukuran file HTML secara signifikan.
• Setelan yang direkomendasikan: Lebih baik tidak memeriksa.
  • Alasan: Jika semua CSS disisipkan, file HTML akan menjadi besar dan waktu pemuatan mungkin bertambah. Juga,FacebookSaat berbagi di WhatsApp, dll., posisi tag meta mungkin terdistorsi, dan gambar atau tautan yang dibagikan mungkin tidak ditampilkan dengan benar. Untuk menghindari pemblokiran rendering, teknik CSS Kritis lebih baik.

Titik pengaturan:

1. "Optimalkan kode CSS"Pastikan untuk mengaktifkannya untuk mengurangi ukuran file.
2. "Gabungkan file CSS"Aktifkan sambil berhati-hati agar tidak merusak desain.
3. "Gabungkan CSS sebaris"Menghindari.
4. "Pembuatan data: Konversi gambar ke URI"diaktifkan hanya untuk gambar kecil.
5. "Hapus CSS yang memblokir render"diaktifkan jika Anda mengonfigurasi CSS Kritis dengan tepat.
6. "Sejajarkan semua CSS", yang dapat menyebabkan pembengkakan HTML dan masalah terkait berbagi, harus dihindari.

Pengaturan CSS Autoptimize sekarang akan mengoptimalkan situs Anda untuk memaksimalkan kinerjanya sambil mempertahankan desainnya.

Opsi HTML

Optimalkan otomatisOpsi HTMLKami akan menjelaskan pengertian dan pengaturan yang disarankan dari setiap pengaturan.

1. "Optimalkan kode HTML"

• 説明: Mengaktifkan opsi ini akan menghapus spasi, jeda baris, komentar, dll. yang tidak perlu dari kode HTML Anda, sehingga mengurangi ukuran file. Hasilnya, halaman dimuat lebih cepat.
• Setelan yang direkomendasikan: memungkinkanSaya merekomendasikan itu.
  • Alasan: Pengoptimalan HTML adalah cara sederhana dan efektif untuk mengurangi ukuran file dan meningkatkan kinerja halaman secara keseluruhan. Biasanya optimasi kode HTML tidak menimbulkan masalah seperti desain rusak sehingga tidak ada alasan untuk menonaktifkannya.

2. "Minimalkan JS/CSS sebaris"

• 説明: JavaScript dan CSS yang ditulis sebaris dalam HTML juga merupakan opsi yang harus diminimalkan. Ini menghilangkan spasi dan komentar ekstra dalam skrip dan gaya sebaris, sehingga mengurangi ukuran file.
• Setelan yang direkomendasikan: memungkinkanadalah hal biasa, tetapi kami menyarankan Anda menggunakannya dengan hati-hati.
  • Alasan: Meminimalkan JS/CSS sebaris dapat lebih meningkatkan kinerja, namun dalam kasus yang jarang terjadi, hal ini dapat memengaruhi desain dan fungsionalitas. Khususnya, jika Elementor, Convert Pro, dll. mengandalkan CSS/JS inline, meminimalkan dapat menyebabkan masalah, jadi pastikan untuk memeriksa perilakunya sebelum melanjutkan.

3. "Simpan Komentar HTML"

• 説明: Biasanya, komentar yang terdapat dalam HTML dihapus selama pengoptimalan, tetapi jika opsi ini diaktifkan, komentar tersebut tetap ada. Komentar HTML biasanya digunakan untuk menjelaskan atau mencatat kode, namun tidak terlihat oleh pengguna.
• Setelan yang direkomendasikan: cacat(yaitu menghapus komentar) lebih baik.
  • Alasan: Biasanya tidak perlu meninggalkan komentar HTML. Menghapus komentar dapat sedikit mengurangi ukuran file dan sedikit meningkatkan kecepatan halaman. Aktifkan hanya jika Anda ingin menyimpan komentar untuk tujuan pengembangan atau debugging.

Ringkasan pengaturan:

• "Optimalkan kode HTML"efektif dalam meningkatkan kinerja,memungkinkan.
• "Minimalkan JS/CSS sebaris"efektif, tapiPeriksa masalah dengan desain dan fungsionalitas situsAktifkan saat melakukannya.
• "Simpan Komentar HTML"tidak perlu, jadicacatHal ini membuatnya lebih ringan.

Pengaturan pengoptimalan HTML Anda sekarang telah selesai dan situs Anda akan dimuat lebih cepat.

Pilihan lain

1. "Simpan skrip/CSS gabungan sebagai file statis"

• 説明: Pengoptimalan otomatis menyimpan file CSS dan JavaScript yang digabungkan.berkas statisSimpan sebagai. Hal ini memungkinkan server untuk menyajikan file statis secara efisien, memungkinkannya di-cache dan dikompresi. Namun, jika server Anda tidak menangani kompresi atau waktu kedaluwarsa ini dengan benar, Anda harus menghapus centangnya.
• Setelan yang direkomendasikan: memungkinkanadalah hal yang umum.
  • Alasan: Sebagian besar lingkungan server mengaktifkan penyimpanan dan kompresi file statis untuk meningkatkan kinerja. Namun, jika pengaturan server Anda menimbulkan masalah (misalnya, kompresi tidak berfungsi dengan baik), mungkin sebaiknya Anda menonaktifkannya.

2. "Minimalkan file CSS dan JS yang dikecualikan"

• 説明: Biasanya, Pengoptimalan Otomatis juga menyertakan file CSS dan JS yang dikecualikan.Minimalkan berdasarkan nama fileSaya akan. Jika file yang dikecualikan dioptimalkan dan menjadi rusak, menonaktifkan opsi ini akan menyebabkan file yang dikecualikan diperlakukan apa adanya.
• Setelan yang direkomendasikan: Aktifkan jika tidak ada masalahbagus, tapi jika menimbulkan masalah, nonaktifkan.
  • Alasan: Meminimalkan file yang dikecualikan juga dapat meningkatkan kinerja situs secara keseluruhan, namun jika meminimalkan kerusakan pada file tertentu, lebih aman untuk menonaktifkannya. Jika Anda ingin memperkecil, uji apakah file yang Anda kecualikan ditangani dengan benar.

3. "Menggunakan 404 Fallback"

• 説明: Jika HTML cache lama di situs Anda merujuk pada Optimasi Otomatis CSS atau JS yang telah dihapus, mengaktifkan opsi ini akanfile cadanganuntuk menghindari kesalahan. Hal ini mencegah kerusakan tampilan, namun mungkin memerlukan konfigurasi sisi server tambahan.
• Setelan yang direkomendasikan: Tidak ada masalah dalam mengaktifkannya.Tapi hanya jika diperlukan.
  • Alasan: Dengan fungsi fallback, meskipun file yang dioptimalkan oleh Autoptimize tidak dapat ditemukan karena kesalahan 404, file tersebut dapat tetap ditampilkan, mencegah situs runtuh secara tidak terduga. Namun, ini mungkin memerlukan konfigurasi server, jadi aktifkan hanya jika Anda terbiasa dengan konfigurasi server.

4. "Optimasi juga dilakukan untuk editor dan administrator yang login."

• 説明: Secara default, optimasi dengan Autoptimize juga diterapkan pada editor dan administrator yang login. Menghapus centang opsi ini akan menonaktifkan pengoptimalan saat masuk, membuat pengeditan waktu nyata lebih mudah saat menggunakan pembuat halaman (misalnya Elementor).
• Setelan yang direkomendasikan: cacat(Tidak dicentang) lebih baik.
  • Alasan: Saat menggunakan pembuat halaman, pengeditan bisa jadi sulit dilakukan saat halaman dioptimalkan. Dengan menonaktifkan pengoptimalan saat masuk, halaman Anda akan ditampilkan dengan benar dan berfungsi dengan lancar saat Anda mengedit.

5. "Tetapkan untuk setiap postingan/halaman"

• 説明: Mengaktifkan opsi ini memungkinkan Anda menyesuaikan pengaturan Pengoptimalan Otomatis satu per satu untuk setiap postingan atau halaman. Anda dapat mematikan atau mengubah pengoptimalan untuk halaman atau postingan tertentu.
• Setelan yang direkomendasikan: Aktifkan jika diperlukan.
  • Alasan: Jika Anda mengalami masalah dengan pengoptimalan pada postingan atau halaman tertentu, Anda dapat mengaktifkan opsi ini untuk menyesuaikan pengoptimalan setiap halaman. Jika Anda ingin menerapkan pengaturan pengoptimalan serupa ke banyak halaman, Anda dapat menonaktifkannya.

6. "Nonaktifkan logika kompatibilitas tambahan"

• 説明: Pengoptimalan otomatis mencegah masalah dengan plugin yang kompatibel (seperti Gutenberg, Revolution Slider, dan plugin yang bergantung pada jQuery).logika kompatibilitassedang diterapkan. Menonaktifkan opsi ini akan meningkatkan cakupan pengoptimalan jika Pengoptimalan Otomatis "terlalu hati-hati", namun juga berisiko merusak situs Anda.
• Setelan yang direkomendasikan: Lebih baik tidak menonaktifkannya(Disarankan biarkan sebagai default).
  • Alasan: Logika kompatibilitas sangat penting untuk mencegah masalah dengan optimasi JavaScript. Menonaktifkan ini akan meningkatkan risiko pemblokiran render dan kesalahan JavaScript di situs Anda. Kecuali jika situs Anda sering mengalami masalah JS, biasanya lebih aman untuk membiarkannya tetap aktif.

1. "Simpan skrip/CSS gabungan sebagai file statis": Efektivitas(jika server dapat menampungnya).
2. "Minimalkan file CSS dan JS yang dikecualikan": Valid jika tidak ada masalah, tidak valid jika rusak.
3. "Menggunakan 404 Fallback": sesuai kebutuhanEfektivitas.
4. "Optimasi juga dilakukan untuk editor dan administrator yang login.": cacat(jika menggunakan pembuat halaman).
5. "Tetapkan untuk setiap postingan/halaman": Diaktifkan jika diperlukan(Jika Anda ingin menyesuaikannya untuk setiap halaman).
6. "Nonaktifkan logika kompatibilitas tambahan": jangan nonaktifkan(Biarkan sebagai default).

Pengaturan Pengoptimalan Otomatis Anda sekarang harus dioptimalkan dan menyeimbangkan kinerja dan desain situs Anda.

optimasi gambar

Mengenai "Tunda pemuatan dari jumlah gambar yang ditentukan", pengaturan ini menentukan dari jumlah gambar mana di halaman pemuatan lambat yang diterapkan.Ini untuk menentukan. Pemuatan lambat adalah teknik memuat gambar secara bersamaan saat gambar digulir untuk meningkatkan kinerja halaman.

Arti pengaturannya:

• Jangan malas memuat gambar X pertama: Misalnya, jika Anda menyetelnya ke "3", tiga gambar pertama akan langsung ditampilkan saat halaman dimuat seperti biasa. Gambar keempat dan selanjutnya akan dimuat saat pengguna menggulir.
• Jika disetel ke "1", semua gambar akan mengalami pemuatan lambat.Itu akan terjadi. Artinya, gambar tidak dimuat pada pemuatan halaman, dan hanya muncul saat pengguna menggulir ke posisi gambar.

Pengaturan yang disarankan:

• Gambar dengan konten penting(Misalnya, visual utama dan gambar unggulan yang ditampilkan pada tampilan pertama) tidak boleh dimuat dengan lambat.Jangan malas memuat 2-3 gambarpengaturan umumnya direkomendasikan.
  • 例: Dengan menyetelnya ke 3, 3 gambar pertama pada halaman akan segera ditampilkan, dan gambar berikutnya akan dimuat dengan lambat.
• Jika disetel ke 1, semua gambar akan dimuat dengan lambat.Ini akan mempercepat tampilan halaman awal, namun mungkin mempengaruhi pengalaman pengguna karena gambar tidak akan muncul sampai di-scroll.

ringkasan:

• Gambar penting (seperti bagian pertama gambar yang terlihat) seharusnya ditampilkan secara normal, jadi disarankan untuk melakukan pemuatan lambat.Berlaku dari 2-3 foto pertamaIni adalah pengaturan yang seimbang.
• Setel ke "1" jika Anda ingin menunda semua gambar.

Coba atur jumlah halaman yang sesuai bergantung pada tata letak situs dan pengalaman pengguna Anda.

Pengoptimalan otomatis tambahan

Untuk mengoptimalkan font Google, lihatKinerja situsとBlok rendering (penundaan tampilan)harus diatur secara hati-hati agar seimbang. Kami akan menjelaskan perbedaan antara setiap opsi dan pengaturan yang disarankan.

1. Hapus font Google

• 説明: Opsi untuk menghapus font Google sepenuhnya dan beralih ke font sistem default. Hal ini meningkatkan kinerja dengan menghilangkan penundaan pemuatan font dan permintaan eksternal, namun dapat mengubah desain dan tampilan situs Anda secara signifikan.
• Setelan yang direkomendasikan: Hanya jika Anda tidak menggunakan font Google dalam desain AndaMemungkinkan.
  • Alasan: Untuk situs yang tidak terlalu bergantung pada desain, atau ketika kinerja adalah prioritas utama, Anda dapat menghapus font tersebut dan menjadikannya font default. Namun, jika desain terpengaruh, opsi lain harus dipertimbangkan.

2. Mengikat dan menghubungkan di header (pemuatan font cepat tetapi pemblokiran rendering), tampilan

Termasuk

• 説明: Font GoogleBergabunglah berdasarkan tajukdan memuatnya. Hal ini memungkinkan font dimuat lebih cepat, namun mungkin memblokir tampilan untuk sementara hingga halaman selesai dimuat (pemblokiran render).
• Setelan yang direkomendasikan: Jika Anda ingin mengutamakan tampilan fontdigunakan untuk.
  • Alasan: Pengaturan ini paling baik jika Anda ingin font Anda dimuat secepat mungkin dan mempertahankan tampilan situs Anda. Namun, karena tampilan diblokir saat font sedang dimuat, terdapat risiko konten akan tertunda saat pengguna melihat halaman. Efek ini terutama terlihat pada perangkat seluler.

3. Tautan malas dengan gabungan dan header (pemuatan font lambat, tetapi tidak ada pemblokiran rendering), tampilan

Termasuk

• 説明: Font Googletautan tundauntuk menghindari pemblokiran halaman agar tidak ditampilkan.display: swapditerapkan, font default ditampilkan terlebih dahulu, dan kemudian beralih ke font Google. Hal ini mencegah pemblokiran rendering dan memungkinkan pengguna melihat konten halaman lebih cepat.
• Setelan yang direkomendasikan: Jika Anda ingin fokus pada kinerjaDirekomendasikan untuk.
  • Alasan: Anda dapat menghindari blok rendering dan mempercepat tampilan halaman. Awalnya muncul di font sistem dan kemudian beralih ke font Google, sehingga meningkatkan pengalaman bagi pengguna. Pengaturan ini ideal jika Anda ingin menggunakan font sambil fokus pada kinerja.

Pengaturan mana yang harus Anda pilih?

• berorientasi pada kinerja: "Tautan Malas dengan Gabungan dan Header"Memilihdisplay: swapAktifkan untuk mencegah font menyebabkan blok rendering. Hal ini membuat halaman dimuat lebih cepat dan meningkatkan pengalaman pengguna.

• Penekanan pada desain (prioritas tampilan font): "Tautan di gabungan dan header"untuk memprioritaskan pemuatan font sambil mengizinkan beberapa pemblokiran rendering.

• Tidak diperlukan font: "Hapus Google Font"untuk beralih ke font sistem. Jika Anda tidak peduli dengan font, performanya akan jauh lebih baik.

KesimpulanSebagai"Tautan Malas dengan Gabungan dan Header"adalah keseimbangan yang baik untuk banyak situs, dan ideal jika Anda ingin terus menggunakan font Google sambil berfokus pada kinerja.

Hapus string kueri dari sumber daya statis

"Hapus string kueri dari sumber daya statis"Saya akan menjelaskan pengaturannya.

1. 説明:

• Mengaktifkan opsi ini akan menambahkan sumber daya statis seperti CSS dan JavaScript.string kueri(terutama?ver=1.0nomor versi) akan dihapus.
• String kueri digunakan oleh browser dan server cache untuk menghindari sumber daya cache dan untuk mengelola frekuensi pembaruan.

2. 効果:

• Menghapus string kueri memungkinkan Jaringan Pengiriman Konten (CDN) atau server cache tertentu untuk menyimpan sumber daya dalam cache dengan lebih efisien. Akibatnya, situs tersebutPotensi peningkatan kinerjaが あ り ま す。
• Namun, waktu pemuatannya sendiri tidak meningkat secara drastis. Selain itu, pembaruan pada sumber daya mungkin tidak terlihat karena string kueri dihapus (versi baru mungkin tidak disimpan dalam cache).

3. Setelan yang direkomendasikan:

• memungkinkanMeskipun hal ini umumnya disarankan, ada beberapa peringatan.
  • memungkinkan, beberapa CDN dan server mungkin memiliki manajemen cache yang lebih efisien dan kinerja yang sedikit lebih baik.
  • Namun, jika plugin atau tema menggunakan string kueri (informasi versi) untuk mengontrol cache sumber daya, harap berhati-hati karena sumber daya terbaru mungkin tidak ditampilkan.

4. Tindakan pencegahan saat menggunakan:

• Dalam kasus yang jarang terjadi, penghapusan string kueri dapat menyebabkan cache tidak diperbarui dan gaya serta skrip lama mungkin terus digunakan. Dalam hal ini, Anda perlu menghapus cache secara manual atau menonaktifkan opsi dan memeriksanya lagi.

ringkasan:

• Performa dapat ditingkatkan dengan menghapus string kueriOleh karena itu, pada dasarnyamemungkinkanLebih baik
• Namun, jika Anda mengalami masalah penyegaran sumber daya atau penyimpanan cache, pertimbangkan untuk menonaktifkannya kembali.

Hapus pemblokiran CSS dari WordPress

“Hapus CSS yang memblokir WordPress”Saya akan menjelaskan pilihannya.

1. 説明:

• WordPress adalaheditor blokUntuk situs yang menggunakan (Gutenberg),Tipe blok CSSYagaya globalMenambahkan. Ini merapikan desain halaman menggunakan editor blok, tetapi juga meningkatkan ukuran file CSS dan dapat meningkatkan waktu buka halaman.
• Mengaktifkan opsi ini memungkinkan hal iniBlokir CSS dan gaya globaldapat dihapus. Akibatnya, halaman Anda mungkin lebih kecil dan dimuat lebih cepat.

2. Jika berlaku:

• Jika Anda tidak menggunakan Gutenberg (editor blok)atau jika Anda menggunakan pembuat halaman tertentu (Elementor, Divi, dll.), Anda tidak perlu memblokir CSS, jadiaktifkan dan hapusBisa
• Tidak ada halaman yang dibuat dengan GutenbergAtauSaat mengontrol gaya dengan CSS khususdapat mengurangi ukuran halaman dan meningkatkan kinerja dengan mengaktifkan opsi ini.

3. Jika tidak berlaku:

• Saya menggunakan Gutenbergkasus atauTema yang mengandalkan blok CSS atau gaya globalatau plugin, Anda harus menonaktifkan ini. Setelah CSS ini dihapus,Desain halaman rusakAda kemungkinan.
• Apalagi jika Anda menggunakan Gutenberg untuk mendesain halaman atau postingan Anda, tanpa CSS ini gaya tidak akan diterapkan dan ada risiko desain Anda tidak akan ditampilkan dengan baik.

4. Setelan yang direkomendasikan:

• Jika Anda tidak menggunakan Gutenbergは,aktifkan dan hapusIni akan meningkatkan kinerja.
• Saat menggunakan Gutenbergは,biarkan dinonaktifkanPastikan ini tidak merusak desain Anda.

ringkasan:

• Jangan gunakan Gutenberg(Jika Anda menggunakan pembuat halaman lain seperti Elementor),“Hapus CSS yang memblokir WordPress”Sebaiknya aktifkan ini untuk membuat halaman lebih terang.
• Saat menggunakan GutenbergUntuk mencegah agar desain tidak runtuh,tetap dinonaktifkanAman untuk melakukannya.

Saya pikir Anda sekarang dapat memilih pengaturan terbaik.