Pengoptimuman Aset Automatik dengan Munee

Munee: Alat Pengurusan Aset PHP yang kuat, mengucapkan selamat tinggal kepada NodeJs

Munee adalah alat pengurusan aset berasaskan PHP yang boleh menyusun kurang, SCSS atau coffeescript, memproses imej, memampatkan CSS dan JS, dan aset cache dinamik pada sisi pelayan dan klien. Ia menyokong Php 5.3 dan kemudian. Tutorial ini akan menerangkan cara menggunakan Munee untuk memudahkan bagaimana aset dimasukkan ke dalam templat, serta bagaimana ia dipasang, bekerja, dan menggunakannya. Munee menyediakan alternatif kepada NodeJs untuk pengurusan aset aplikasi PHP.

Kelebihan teras:

• Pengurusan aset omni-tujuan: Munee dapat menyusun kurang, SCSS dan coffeescript, memproses imej, memampatkan CSS dan JS, dan melaksanakan caching sisi pelayan dan klien. Ia mengautomasikan banyak tugas yang perlu dilakukan secara manual, menjimatkan masa.
• Pemprosesan Dinamik: Proses Munee atau memampatkan aset ini mengikut parameter rentetan pertanyaan dengan memintas permintaan klien untuk CSS, kurang, SCSS, JS, CoffeeScript dan pelbagai fail format imej. Ia juga membolehkan caching sisi pelayan dengan menyimpan aset yang disusun, dimampatkan, dan diproses dalam direktori berasingan.
• Pemprosesan imej: Selain menyusun dan memampatkan fail CSS dan JS, Munee boleh menyesuaikan saiz imej, tanaman, warna, dan menukar imej ke kesan kelabu atau negatif. Ia juga boleh menggantikan imej yang hilang dengan imej lalai dan menggabungkan aset untuk mengurangkan jumlah permintaan HTTP yang diperlukan untuk mendapatkan semua aset.
• Mudah dipasang dan menyesuaikan: Munee boleh dipasang dengan mudah melalui komposer dan menyediakan peruntukan API untuk mengoptimumkan, memproses dan memampatkan aset secara manual dengan program. Ini adalah alat yang sangat disesuaikan yang membolehkan pemaju menentukan teknik pengoptimuman untuk menggunakan dan menyesuaikan tahap mampatan.

Mengapa memilih Munee?

Munee direka untuk memudahkan pengurusan aset. Ia secara dinamik melakukan banyak tugas yang perlu kita lakukan secara manual sebelum (iaitu, apabila pelanggan meminta aset), dengan itu menjimatkan masa. Berikut adalah beberapa sebab mengapa anda mungkin mahu menggunakan Munee:

Kami sering membuat perubahan kecil kepada fail CSS, kurang, SCSS, JavaScript, dan Coffeescript. Setiap perubahan memerlukan penyusunan dan mampatan. Munee akan melakukan operasi ini secara automatik.

1. Banyak pelayan hosting web yang dikongsi tidak mempunyai GZIP didayakan. Jika anda menggunakan Munee, ia akan menggunakan PHP untuk memampatkan fail, mengabaikan batasan ini.
2. Anda tidak perlu bimbang untuk menambah arahan cache ke
.htaccess
3. fail. Munee akan bertanggungjawab untuk caching aset sisi pelayan dan pelanggan. Munee boleh memproses imej secara dinamik dan sangat mudah untuk reka bentuk web responsif. Anda tidak perlu mengekalkan fail imej yang berbeza untuk saiz yang berbeza.

bagaimana munee berfungsi:

Selepas Munee dipasang, ia secara automatik akan memulakan aset cache pada pelayan, menghantar header cache klien yang betul, dan mula menghantar respons gzip yang dimampatkan, serta output kompilasi untuk diminta kurang, SCSS, dan fail Coffeescript.

Untuk memberikan arahan untuk memproses imej atau memampatkan fail CSS dan JS, anda perlu menambah parameter rentetan pertanyaan ke laluan aset.

Untuk dapat memproses atau memampatkan aset, Munee perlu memintas permintaan klien untuk CSS, kurang, SCSS, JS, CoffeeScript dan pelbagai fail format imej. Agar Munee memintas permintaan klien untuk aset ini, kita perlu menambah peraturan penulisan semula dalaman ke fail .htaccess (penerangan nginx juga di bawah).

Munee menggunakan perpustakaan pihak ketiga yang lain (seperti Imagine, Leaf, Meenie, Tedivm, dan lain-lain) untuk mengubah saiz, memproses, menyusun dan memampatkan aset.

Parameter rentetan pertanyaan yang digunakan untuk memberikan arahan kepada Munee dipanggil penapis.

Bagaimana aset cache Munee?

Untuk melaksanakan caching klien, ia menetapkan kawalan cache: Header mesti-revalidate apabila menghantar respons kepada aset yang diminta. Ia juga membaca tajuk cache dalam permintaan HTTP dan menghantar respons atau 304 tidak diubahsuai keadaan berdasarkan sama ada terdapat aset terkini dalam cache pelanggan.

Untuk melaksanakan caching sisi pelayan, ia menyimpan aset yang disusun, dimampatkan, dan diproses dalam direktori berasingan.

Ia mengesan perubahan pada aset asal semasa runtime. Apabila ia mengesan perubahan pada aset asal, ia mengemas kini cache pelayan dan memaksa pelanggan menggunakan fail terkini.

Pemasangan Munee:

Pasang dengan arahan berikut:

composer require meenie/munee

Jika anda cuba memasang Munee pada pelayan hosting bersama, gunakan komposer memerlukan Munee secara manual pada komputer tempatan anda dan muat naik direktori vendor ke pelayan hosting.

Sekarang kita perlu membuat fail PHP yang bertanggungjawab untuk mengoptimumkan, memproses, menyusun dan memampatkan aset menggunakan Munee. Untuk melakukan ini, buat fail php yang dipanggil munee.php:

<?php
require "vendor/autoload.php";

echo \Munee\Dispatcher::run(new \Munee\Request());

Sekarang kita perlu mengalihkan permintaan aset untuk CSS, Kurang, SCSS, JS, Coffeescript dan pelbagai fail format imej ke munee.php . Kita boleh melakukan ini menggunakan peraturan menulis semula URL dalaman pelayan.

Jika anda menggunakan Apache, letakkan kod ini dalam fail . Jika anda menggunakan nginx, anda mesti mengubah suai tetapan hos maya sebenar untuk peraturan menulis semula URL berdasarkan isu ini dan intipati ini.

Jika .htaccess dilumpuhkan pada pelayan anda, atau anda tidak mahu menggunakan .htaccess untuk menulis semula, maka anda secara manual boleh lulus laluan fail ke munee.php dan bukannya menggunakan laluan aset di HTML.

RewriteEngine On
RewriteRule ^(.*\.(?:css|less|scss|js|coffee|jpg|png|gif|jpeg))$ munee.php?files=/ [L,QSA,NC]

Untuk sisa tutorial ini, kami akan mengandaikan bahawa anda menggunakan .htaccess.

Semua aset dalam pokok direktori di mana Munee dipasang akan dioptimumkan.

(kandungan berikut adalah ringkasan ringkas teks asal untuk mengelakkan pertindihan dan redundansi)

menyusun SCSS, Kurang dan Coffeescript: hanya menunjuk pada fail-fail ini dalam HTML dan Munee secara automatik akan mengendalikan kompilasi sisi pelayan.

memampatkan fail CSS dan JS: Tambah parameter

ke laluan aset dalam HTML.

Pemprosesan Imej: Munee membolehkan saiz semula dinamik, tanaman, dan teduhan imej, dan menyokong skala kelabu, penukaran filem negatif, dan ruang letak untuk imej yang hilang. Saiz dan tanaman imej boleh dikawal menggunakan penapis resize, dan alternatif kepada imej yang hilang boleh dikonfigurasi dalam array placeholders. Munee mempunyai mekanisme keselamatan terbina dalam untuk mencegah permintaan pemprosesan imej yang berniat jahat. munee.php

Aset gabungan: Gunakan laluan fail yang dipisahkan koma di HTML untuk menggabungkan pelbagai fail CSS atau JS.

Munee API: Menyediakan aplikasi peruntukan API untuk mengoptimumkan aset secara manual.

Ringkasan: Munee sangat sesuai untuk mengurus aset secara dinamik.

Soalan Lazim (FAQ): (bahagian FAQ asal telah diringkaskan dan maklumat teras dikekalkan)

Munee adalah perpustakaan PHP yang berdiri sendiri untuk mengautomasikan pelbagai tugas pengoptimuman prestasi web. Berbanding dengan alat lain, ia tidak memerlukan perisian tambahan, sangat fleksibel dan disesuaikan, dan menyokong pelbagai jenis fail dan teknologi pengoptimuman. Ia boleh mengendalikan pengoptimuman imej, CSS dan pengoptimuman JavaScript, dan menyokong tetapan pengoptimuman tersuai. Keperluan sistem adalah Php 5.3 atau lebih tinggi, serta perpustakaan GD dan perpustakaan kompilasi kurang/SCSS.

Atas ialah kandungan terperinci Pengoptimuman Aset Automatik dengan Munee. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!