Masino Sinaga

A Web Developer Who Helps Web Developers

Anda di sini: Beranda / PHPMaker / Mudahnya Meng-compress File CSS dan Javascript dari PHPMaker
Mudahnya Menambahkan Custom Validation Function dari PHPMaker
Mudahnya Menambahkan Global Function untuk Auto-Update Field di PHPMaker

Mudahnya Meng-compress File CSS dan Javascript dari PHPMaker

Sab, 30 Agustus 2014 oleh Masino Sinaga Tinggalkan Komentar

Salah satu faktor yang mempengaruhi kecepatan akses sebuah Website adalah ukuran file .css (Cascade Style Sheet) dan .js (Javascript) yang digunakan Website itu. Semakin kecil ukuran file tersebut, maka akan semakin cepat Website tersebut dimuat di browser Pengguna. Tidak terkecuali pula dengan Aplikasi Web yang dihasilkan oleh PHPMaker.

Selain menghasilkan file .php, PHPMaker juga akan menghasilkan beberapa file .css dan .js. File-file ini berasal dari Front-End Framework yang digunakan oleh PHPMaker untuk menghasilkan Aplikasi Web. Sejak versi 10, PHPMaker menggunakan Twitter Bootstrap versi 2 sebagai Front-End Framework untuk Aplikasi Web. Kemudian pada versi 11, PHPMaker menggunakan Twitter Bootstrap versi 3 yang memiliki jargon terkenal mobile first.

Ukuran file .css dan .js yang dihasilkan oleh project PHPMaker dalam hal ini tentu saja relatif besar jika tidak di-compress atau dipadatkan ukurannya. Untuk itulah, PHPMaker sudah mengantisipasi akan hal ini dengan menyediakan pengaturan khusus dari dalam project PHPMaker Anda.

Untuk meng-compress atau mengecilkan ukuran file .css dan .js yang dihasilkan oleh PHPMaker, maka pastikan pengaturan Compress project .css dan Compress project .js yang terdapat di menu Tools -> Advanced Settings sudah diaktifkan. Setelah itu, generate ulang seluruh file script dari PHPMaker seperti biasa.

Sedangkan file-file .css dan .js lainnya yang tidak dihasilkan oleh PHPMaker (misalnya Anda menyertakan dari sumber lain), maka saya merekomendasikan situs berikut:
– https://www.cleancss.com/css-minify/
– https://jscompress.com/

Kedua situs ini sering saya gunakan untuk mengecilkan ukuran file-file .css dan .js selain yang dihasilkan oleh PHPMaker.

Ditempatkan di bawah: PHPMaker Ditag dengan:CSS, Javascript, PHPMaker Indonesia, Tutorial PHPMaker

Mudahnya Menambahkan Custom Validation Function dari PHPMaker
Mudahnya Menambahkan Global Function untuk Auto-Update Field di PHPMaker

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses

Pos-pos Terbaru

  • Alasan 21 Harus Pakai Masino Extensions: Form Wizard dengan jQuery SmartWizard v7
  • Alasan 20 Harus Pakai Masino Extensions: Maximum Record per Page
  • Alasan 19 Harus Pakai Masino Extensions: Custom Breadcrumb Links
  • Alasan 18 Harus Pakai Masino Extensions: Improvement User Level Permissions
  • Alasan 17 Harus Pakai Masino Extensions: Dynamic Permission for Export Data

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Alasan 21 Harus Pakai Masino Extensions: Form Wizard dengan jQuery SmartWizard v7 pada Alasan 10 Harus Pakai Masino Extensions: Form Wizard
  • Masino Sinaga pada Kode Javascript yang Berubah di PHPMaker 2026 dari PHPMaker 2025
  • Masino Sinaga pada Kode Javascript yang Berubah di PHPMaker 2026 dari PHPMaker 2025
  • Charly pada Kode Javascript yang Berubah di PHPMaker 2026 dari PHPMaker 2025
  • Charly pada Kode Javascript yang Berubah di PHPMaker 2026 dari PHPMaker 2025

(c) Masino Sinaga 2009 - 2026 | WordPress | Catat masuk | Kembali ke atas