Masino Sinaga

Web Development, PHPMaker, & PHP Report Maker

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

Agustus 30, 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:
– http://gpbmike.github.io/refresh-sf/
– http://cssminifier.com/
– 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 dan ilovephpmaker.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 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Pos-pos Terbaru

  • Mudahnya Memeriksa Pengguna Apakah Sudah Diaktivasi di PHPMaker 2020
  • Scrolling Table di Halaman User Privileges pada PHPMaker 2020
  • Video Masino Extensions untuk PHPMaker 2020
  • Silahkan Download, Masino Extensions untuk PHPMaker 2020 Sudah Dirilis
  • Horeeeee … PHPMaker 2020 Sudah Dirilis

Menu

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

Komentar Terbaru

  • Masino Sinaga pada Silahkan Download, Masino Extensions untuk PHPMaker 2020 Sudah Dirilis
  • Masino Sinaga pada Silahkan Download, Masino Extensions untuk PHPMaker 2020 Sudah Dirilis
  • Rudy Budiana pada Silahkan Download, Masino Extensions untuk PHPMaker 2020 Sudah Dirilis
  • Rudy Budiana pada Silahkan Download, Masino Extensions untuk PHPMaker 2020 Sudah Dirilis
  • Masino Sinaga pada Silahkan Download, Masino Extensions untuk PHPMaker 2020 Sudah Dirilis

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. 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 - 2019 | WordPress | Catat masuk | Kembali ke atas