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

  • Masino Extensions untuk PHPMaker 2024 Sudah Dirilis, Silahkan Download!
  • Fitur-Fitur Masino Extensions untuk PHPMaker 2024
  • Review PHPMaker 2024
  • Mudahnya Mengunci Record dengan Javascript Count Down di PHPMaker 2023
  • Ini Alasan Kenapa Kalian Harus Beralih ke PHP 8

Menu

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

Komentar Terbaru

  • Masino Extensions untuk PHPMaker 2024 Sudah Dirilis, Silahkan Download! – Masino Sinaga pada Fitur-Fitur Masino Extensions untuk PHPMaker 2024
  • Fitur-Fitur Masino Extensions untuk PHPMaker 2024 – Masino Sinaga pada Custom Domain URL di Masino Extensions untuk PHPMaker 2020
  • Fitur-Fitur Masino Extensions untuk PHPMaker 2024 – Masino Sinaga pada Membatasi Akses Versi Live dan Versi Development Aplikasi Web dari PHPMaker
  • Fitur-Fitur Masino Extensions untuk PHPMaker 2024 – Masino Sinaga pada Nomor Urut Record di Export Data pada PHPMaker 2020 dan PHPMaker 2021
  • Masino Sinaga pada Review PHPMaker 2024

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 - 2023 | WordPress | Catat masuk | Kembali ke atas