Hari ini kami melanjutkan tutorial kami tentang W3TC. Anda mungkin sudah tahu itu plugin cache, yang memungkinkan Anda, antara lain, untuk melakukan akselerasi blog Anda (meningkatkan kinerjanya).

Tutorial ini dipecah menjadi beberapa bagian. Kami telah memulai dengan pengenalan cache dan membuat beberapa penyesuaian awal. Anda dapat melihat beberapa bab di bawah ini:

Bagian 2: Konfigurasi minification

Kami masih dalam W3TC konfigurasi, tapi sekarang mari kita bicara tentang file kompresi.

Sebelum mengakses menu Mengecilkan ", Anda harus mengaktifkan terlebih dahulu" Mengecilkan Dalam pengaturan umum. Jika Anda telah mengaktifkan mode kompresi, dan jika itu berfungsi dengan baik di situs Anda, maka pengaturan untuk " minification Yang Anda lihat di menu ini adalah versi yang disederhanakan dari apa yang ditunjukkan pada tangkapan layar di bawah ini.

Dalam tutorial ini, kami membahas proses kompresi ( minifying ) dengan W3TC. " minification Dan kombinasi JS dan CSS adalah inti dari apa yang akan kita lihat dalam tutorial ini.

Mengecilkan: Umum

Pengaturan umum di menu Mengecilkan Memiliki tiga opsi.

mengecilkan jenderal-w3tc-plugin-wordpress

Modul Rewrite URL ”Harus diaktifkan secara default dan Anda harus membiarkan opsi ini seperti itu, kecuali Anda lebih suka melihat file CSS dan JS Anda diambil menggunakan header“ http GET ”daripada struktur URL biasa.

Nonaktifkan " minification Untuk pengguna yang masuk tidak boleh diubah. Dianjurkan untuk tidak memberikan file CSS dan JS yang berbeda kepada pengguna yang masuk dan terputus.

Pemberitahuan kesalahan " Mengecilkan Harus ditetapkan untuk pemberitahuan administrator. Ini akan memungkinkan mereka untuk diberi tahu ketika ada kesalahan.

Bagian berikut " semua mengecilkan ", Gabungkan dan pindahkan opsi" komponen halaman ". Ini dapat merusak presentasi situs Anda. Anda harus mengaktifkan mode pratinjau dan mengawasi situs Anda saat membuat perubahan untuk memastikan Anda tidak merusak tata letak situs Anda.

Perkecil: HTML & XML

Bagian HTML dan XML Dari menu Minify sederhana. Kotak centang dimaksudkan untuk memungkinkan " minification ", dari' " inline CSS dan JavaScript, hilangkan aliran minifikasi, dan izinkan pemutusan baris baru.

mengecilkan-html-w3tc

Dengan pengecualian opsi " Jangan kurangi umpan Yang harus tetap tidak dicentang, kecepatan situs Anda harus meningkat.

Kotak teks mengabaikan komentar steam Digunakan untuk mengidentifikasi komentar HTML yang tidak boleh dihapus saat HTML "dikompresi". Beberapa komentar terkait akan ada di domain ini secara default untuk memastikan bahwa komentar yang terkait dengan Google AdWords dan pembaca tidak dihapus. Jika kode HTML Anda berisi komentar tambahan dan Anda ingin tetap di " minified Dari HTML, tambahkan istilah dalam kotak teks ini, sehingga komentar apa pun dengan ungkapan ini tidak akan dihapus.

Mengecilkan JS

Jika Anda telah mengaktifkan kompresi JavaScript & CSS Dalam menu Pengaturan Umum Anda hanya akan dapat bekerja dengan semua ressources Baik JavaScript dan menu yang Anda lihat akan menjadi versi sederhana dari gambar di bawah ini.

mengecilkan-js-w3tc

Jika Anda telah memilih metode manual, Anda harus menggulir ke bagian atas menu Mengecilkan Dan pilih tombol wizard. Yang terakhir mencantumkan file JavaScript dan CSS yang terdeteksi oleh W3TC. Pilih centang semua kotak untuk tipe file JavaScript dan CSS dan klik " Mendaftar Dan tutup. Ini akan menambahkan file JavaScript dan CSS di menu " Mengecilkan Sehingga Anda dapat bekerja dengan ini secara manual.

Lihatlah kotak bernama " Operasi di daerah ". Di bagian ini Anda dapat mengontrol apakah ressources JavaScript adalah " minified Dan dikombinasikan dengan opsi Mengecilkan Atau jika mereka hanya digabungkan. Jenisnya Menanamkan » menawarkan beberapa pilihan bagaimana caranya ressources JavaScript dimuat. Anda dapat mencoba setiap opsi “ nonblocking Hingga Anda menemukan satu yang tidak merusak presentasi situs Anda, tetapi jika tidak ada opsi yang berfungsi, biarkan default.

Jika Anda telah memilih metode kompresi manual dalam pengaturan umum, Anda dapat bekerja dengan setiap file satu per satu dengan menetapkannya ke satu template atau ke semua template dan memindahkannya ke " Header », Le« tubuh "Atau di bawah" tubuh Untuk kontrol granular di mana setiap file muncul dalam dokumen HTML dan bagaimana itu dimuat. Anda juga bisa « drag dan drop »File, untuk mengatur ulang urutan pemuatannya jika beberapa file bergantung pada file sebelumnya untuk dimuat dengan benar.

mengecilkan-js-kompresi

Pengaturan optimal adalah memindahkan file dari " Header Dan memuat mereka salah satu opsi nonblocking '(Non-blocking). Namun, ada peluang yang sangat bagus bahwa dengan melakukan ini, penampilan situs Anda akan terpengaruh.

Sebenarnya tidak ada jalan lain dengan memeriksa setiap file sekali, mengujinya di tempat yang berbeda, dan memastikan situs memuat dengan benar.

Mengecilkan CSS

Ada empat pengaturan untuk mengurangi file CSS yang tersedia:

Pilihan minification-css

  • Aktifkan : Memungkinkan minfication dan kombinasi dari file CSS.
  • menggabungkan hanya : Menggabungkan file CSS, tapi jangan meremehkan mereka.
  • Diawetkan bagaimana penghapusan : Menghapus komentar dari file CSS gabungan.
  • Penghapusan break line: Menghapus baris baru dalam file CSS gabungan.

Mulailah dengan memilih semua opsi kecuali untuk " menggabungkan Hanya ". Jika presentasi situs berbeda, hapus centang " Diawetkan bagaimana penghapusan "Dan" Penghapusan break line ". Jika itu tidak memperbaiki situs, maka gunakan " menggabungkan Hanya '.

Untuk opsi impor, pilih " Proses '.

Jika Anda memilih " Mobil Sebagai metode minification "Pengaturan umum, maka Anda hanya akan melihat dua bagian pertama dari menu ini. Namun, jika Anda memiliki minification Manual, maka Anda akan melihat bagian manajemen file CSS.

Jika Anda belum menambahkan file CSS yang akan dikelola, pilih wizard "Bantuan", dan pilih semua file CSS untuk tema Anda. Kemudian atur ulang urutan file sehingga file yang paling penting dimuat terlebih dahulu.

Minify: Pengaturan lanjutan

Dalam kebanyakan kasus, pengaturan default di bagian lanjutan tidak perlu banyak pengeditan. Namun, Anda dapat menggunakannya untuk menyesuaikan frekuensi pembaruan file JavaScript dan CSS, frekuensi penghapusan file yang kadaluwarsa dari cache, dan lainnya.

tala-of-the berakhirnya des-file w3tc

Bagian lanjutan mencakup tiga bidang untuk mengecualikan halaman tertentu, file JS dan file CSS dari " minification ". Jika Anda menemukan bahwa beberapa sumber JS atau CSS tidak boleh dikompresi, Anda dapat mengisolasinya dengan menambahkannya ke domain ini. Jika Anda memerlukan bantuan dengan sintaks yang benar, lihat " Gunakan: Umum Dari FAQ untuk instruksi.

Itu saja untuk opsi minifikasi pada W3 Total Cache, kami akan melanjutkan dengan cache database.