Masino Sinaga

Web Development and PHPMaker

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

Masino Sinaga

Web Developer pengguna PHPMaker untuk membangun Aplikasi Web sejak tahun 2004. Sampai sekarang masih aktif dan rajin membagikan pengalamannya menggunakan PHPMaker melalui situs masinosinaga.com, ilovephpmaker.com, dan phpmakerprojects.com.

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

  • Mudahnya Mengubah Nilai Delay Auto Hide Success Message di PHPMaker 2025
  • Mudahnya Berpindah Layout dari Table ke Cards di Halaman List lewat PHPMaker 2025
  • Jangan Lupa Pakai AdjustSql Saat Insert atau Update Data Lewat ExecuteStatement
  • File-File yang Wajib Diperhatikan Setelah Menambah Item User Values di PHPMaker 2025
  • Begini Cara Memuat Tables dari Database Secara Dinamis di PHPMaker 2025

Menu

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

Komentar Terbaru

  • Masino Sinaga pada Mudahnya Menyesuaikan Timezone di Calendar Report pada PHPMaker 2023
  • Nano pada Mudahnya Menyesuaikan Timezone di Calendar Report pada PHPMaker 2023
  • Charly pada Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023
  • Charly pada Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023
  • Masino Sinaga pada Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Projects
  6. PHPMaker Learning

Baru di PHPMaker?

Baca ini terlebih dulu ...

  1. Ayo Menjadi Web Developer yang Cerdas!
  2. PHPMaker: PHP Code Generator + PHP Framework
  3. Pertanyaan-Pertanyaan yang Paling Sering Diajukan Seputar PHPMaker
  4. Tips buat Anda Pemula yang Baru Mengenal dan Menggunakan PHPMaker
  5. Bacalah Help, Bacalah Help, dan Bacalah Help di PHPMaker!

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