Laravel Html Minifier
Adalah Paket simpel untuk minify HTML, Css Style, dan Javascript sebelum dirender ke browser untuk aplikasi Laravel anda.
Alat ini hanya bekerja jika output yang diberikan adalah bentuk struktur html yang valid meliputi tag html, head dan body. contohnya
- Html yang valid (akan diproses dan diminify)
<html>
<head>
<!-- head -->
</head>
<body>
<!-- body -->
</body>
</html>
- Html yang tidak valid (tidak diminify)
< html>
<head>
<!-- head -->
</head>
<body>
<!-- body -->
</body>
</ html>
atau
<html>
<head>
<!-- head -->
</head>
</html>
Contoh Hasilnya :
Installasi
Membutuhkan:
Tahap pertama anda bisa menginstall paket ini dengan Composer 2x
composer require dz-id/laravel-html-minifier
Publish konfigurasi file
php artisan vendor:publish --provider="DzId\LaravelHtmlMinifier\HtmlMinifierServiceProvider"
Jangan lupa untuk mendaftarkan ke Global Middleware
\DzId\LaravelHtmlMinifier\Middleware\MinifyHtml::class dan Middleware lainnya harus didaftarkan ke kernel jika diperlukan, contoh :
// file : app/Http/Karnel.php
protected $middleware = [
....
\DzId\LaravelHtmlMinifier\Middleware\MinifyHtml::class, // middleware untuk minify html
\DzId\LaravelHtmlMinifier\Middleware\MinifyCss::class, // middleware untuk minify css style
\DzId\LaravelHtmlMinifier\Middleware\MinifyJavascript::class, // middleware untuk minify kode javascript
];
Informasi Middleware
\DzId\LaravelHtmlMinifier\Middleware\MinifyHtml::class
MinifyHtml::class fungsinya adalah untuk minify html menghapus blank spasi dan juga baris baru menjadi satu baris.
Contoh Hasil :
- Sebelum diminify
<html lang="id">
<head>
<title>Laravel Html Minifier</title>
</head>
<body>
<h1>Laravel Html Minifier</h1>
</body>
</html>
- Sesudah diminify
<html lang="id"><head><title>Laravel Html Minifier</title></head><body><h1>Laravel Html Minifier</h1></body></html>
\DzId\LaravelHtmlMinifier\Middleware\MinifyCss::class
MinifyCss::class fungsinya adalah untuk minify css style menghapus blank spasi dan juga baris baru menjadi satu baris.
Contoh Hasil :
- Sebelum diminify
body {
background-color: salmon;
width: 100%;
height: 100%;
}
- Sesudah diminify
body{background-color:salmon;width:100%;height:100%}
\DzId\LaravelHtmlMinifier\Middleware\MinifyJavascript::class
MinifyJavascript::class fungsinya adalah untuk minify kode javascript menghapus blank spasi dan juga baris baru menjadi satu baris.
Catatan: jangan menggunakan kode tanpa kurung kurawal ({}) untuk if, elseif, else, while, for, dll. ini akan menyebebkan kode anda error, contohnya
- kode yang disarankan
for (let i = 0; i < 10; i++) {
console.log('hello dunia');
}
- kode yang tidak disarankan, tanpa kurung kurawal biasanya akan menyebabkan error jika menggunakan
MinifyJavascript::class
for (let i = 0; i < 10; i++) // tanpa
console.log('hello dunia'); // kurung kurawal
- sesudah diminify
for (let i = 0; i < 10; i++){console.log('hello dunia')}
kamu juga bisa mengaburkan kode javascript dengan menyetel ke true bagian "obfuscate_javascript" dalam file : config/laravel-html-minifier.php
File Konfigurasi
Setelah menginstall paket anda mungkin perlu mengkonfigurasi beberapa opsi Silahkan masuk ke file config/laravel-html-minifier.php untuk mengubah konfigurasi
Nonaktifkan Layanan
Anda cukup menyetel ke false untuk menonaktifkan Layanan.
// file: config/laravel-html-minifier.php
// setel bagian ini ke false untuk menonaktifkan layanan minify Laravel.
"enable" => env("LARAVEL_HTML_MINIFIER_ENABLE", true),
Otomatis Menambahkan Semicolon Atau Titik Koma Diakhir kode Pada CSS
Jika kode css anda mengalami bug saat menggunakan MinifyCss::class silahkan setel bidang ini ke false.
// file: config/laravel-html-minifier.php
"css_automatic_insert_semicolon" => env("LARAVEL_HTML_MINIFIER_CSS_AUTOMATIC_INSERT_SEMICOLON", true),
Otomatis Menambahkan Semicolon Atau Titik Koma Diakhir kode Pada Javascript
Catatan: Jangan menggunakan jeda baris untuk while, do while, for, if, elseif, else, return, dll. ataupun kode tanpa kurung kurawal ({}). contohnya
- kode yang disarankan
var log = function(log) {
return console.log(log);
}
let i = 0;
do {
if (i == 5) {
break;
}
i++;
log("hello dunia");
} while (true);
- kode yang tidak disarankan, akan menyebabkan error jika mengaktifkan "js_automatic_insert_semicolon"
var log = function(log) {
return // jeda
console.log(log); // baris
}
let i = 0;
do
// jeda baris
{
if (i == 5) // tanpa
break; // kurung kurawal
i++;
log("hello dunia");
}
// jeda baris
while (true);
mungkin aja jika mengaktifkan bidang ini kode anda akan menjadi bug karena suatu kondisi yang salah dalam hal ini jika itu terjadi anda cukup menyetel bidang ini ke false
jangan lupa untuk selalu menggunakan titik koma pada kode javascript jika bidang ini disetel ke false
fungsi ini hanya berlaku jika menggunakan MinifyJavascript::class
// file: config/laravel-html-minifier.php
"js_automatic_insert_semicolon" => env("LARAVEL_HTML_MINIFIER_JS_AUTOMATIC_INSERT_SEMICOLON", true),
Menghapus Komentar HTML
Cukup setel ke true untuk mengaktifkan dan setel ke false untuk menonaktifkan.
Fungsi ini hanya berlaku jika menggunakan Middleware MinifyHtml::class
// file: config/laravel-html-minifier.php
// setel bidang ini ke false untuk mematikan
"remove_comments" => env("LARAVEL_HTML_MINIFIER_REMOVE_COMMENTS", true),
Kaburkan Kode Javascript (Obfuscate)
Catatan : jika ada mengaktifkan fungsi ini mungkin kode javascript anda akan menjadi panjang, Fungsi ini akan mengubah satu per satu dari setiap string / text ke chr() fungsi PHP dan didecode dengan String.fromCharCode() fungsi javascript.
Fungsi ini hanya berlaku jika kamu menggunakan Middleware MinifyJavascript::class jika bidang ini disetel ke false kode javascript hanya diminify tidak dikaburkan/Obfuscate
Contoh Hasil :
- Sebelum dikaburkan
alert(1);
- Sesudah dikaburkan
eval(((_,__,___,____,_____,______,_______)=>{______[___](x=>_______[__](String[____](x)));return _______[_](_____)})('join','push','forEach','fromCharCode','',[97,108,101,114,116,40,49,41,59],[]))
Dalam kasus ini kamu cukup menyetelnya ke false untuk menonaktifkan dan menyetelnya ke true untuk mengaktifkan
// file : config/laravel-html-minifier.php
// setel ke true untuk mengaktifkan
"obfuscate_javascript" => env("LARAVEL_HTML_MINIFIER_OBFUSCATE_JS", false),
Ignore / Abaikan Route
Anda mungkin ingin mengonfigurasi paket untuk melewati beberapa rute.
// file : config/laravel-html-minifier.php
"ignore" => [
"*/download/*", // Abaikan semua route yang mengandung download
"admin/*", // Abaikan semua route dengan awalan admin,
"*/user" // Abaikan route dengan akhiran user
]
Skip / Lewati dengan menambahkan attribute ignore--minify
Kamu cukup menambahkan attribute ignore--minify dalam tag script / style untuk melewati proses minify.
Contoh :
<style ignore--minify>
/* css kode */
</style>
<script ignore--minify>
/* javascript kode */
</script>
Setiap tag style/script yang memiliki attribute ignore--minify akan dilewati tidak diminify.
Skip / Lewati View dengan menambahkan data "ignore_minify" ke dalam view
Kamu juga bisa melewati minify dengan memasukan data "ignore_minify" kedalam view
Contoh :
// View ini tidak diminify akan di skip.
return view("welcome", ["ignore_minify" => true]);
Lisensi
MIT (MIT)
9 Nov 26, 2022
8 Sep 7, 2022
15 Oct 25, 2022
2 Oct 22, 2022
196 Dec 28, 2022
2 Feb 12, 2022
35 Oct 31, 2021
1.6k Jan 5, 2023
2 Nov 12, 2021
3 Apr 8, 2022
3 Nov 18, 2022
3 Jul 23, 2022
3 Apr 23, 2021
2 Jan 11, 2022
1 Dec 21, 2021
5 Jun 20, 2022
1 Oct 23, 2021
678 Dec 31, 2022
5 Aug 19, 2022
991 Jan 4, 2023
3.1k Dec 28, 2022
2.2k Jan 1, 2023
546 Dec 21, 2022
17.7k Dec 31, 2022
3 Nov 6, 2021
11 Nov 25, 2022
1 Oct 13, 2021