Cara Mudah Mengecilkan File HTML CSS dan JavaScript
Mari kita gunakan ParcelJS untuk mengecilkan file kita untuk produksi.
pengantar
Salah satu cara yang baik untuk meningkatkan kinerja situs web Anda adalah dengan mengecilkan file HTML, CSS, dan JavaScript Anda. Ini juga akan memungkinkan Anda untuk meningkatkan waktu pemuatan situs web Anda. Untuk melakukannya, Anda perlu menggunakan bundler aplikasi web seperti Webpack, Parcel, atau Rollup. Yang paling mudah menurut saya adalah Parcel karena tidak memerlukan konfigurasi apapun. Ingatlah bahwa Anda harus selalu mengecilkan file Anda sebelum merilisnya ke produksi.
Pada artikel ini, kita akan menggunakan Parcel untuk mengecilkan file HTML, CSS, dan JavaScript kita. Mari kita langsung ke dalamnya.
Instal Paket
Saya telah membuka proyek pengujian yang berisi file HTML index.html, file CSS style.css, dan file JavaScript index.js. Semua file berada di dalam folder sumber srcdi proyek pengujian.
Di dalam folder proyek uji coba, saya akan menggunakan Git Bash untuk menambahkan package.jsonfile menggunakan NPM dengan menulis perintah di bawah ini:
npm init -y
Instal Paket:
npm install -D parcel-bundler
Menambahkan Skrip
Di dalam file package.json, kita perlu memodifikasi skrip menjadi sebagai berikut:
"scripts": {
"dev": "parcel src/index.html",
"build": "parcel build src/index.html"
}
npm run build
Sekarang Anda hanya perlu mengambil folder dist itu dan menyebarkannya ke server Anda. Hasilnya, situs web Anda akan jauh lebih cepat dari sebelumnya ketika file Anda tidak diperkecil.
Kesimpulan
Seperti yang Anda lihat, Parcel membuatnya lebih mudah untuk mengecilkan file Anda dan meningkatkan kinerja. Ini juga memiliki lebih banyak fitur berguna lainnya yang dapat Anda manfaatkan.
Terimakasih telah membaca artikel ini. Saya harap Anda menemukan itu berguna.
Bacaan Lainnya
Suggested posts
Mencari Informasi Tentang Nama Domain
Kutipan dari Alat Perangkat Lunak Kecil dan Tajam oleh Brian P. Hogan
Saat Anda membuat permintaan ke facebook.com, komputer Anda mencari nama domain untuk menerjemahkan nama domain tersebut menjadi alamat IP sehingga komputer Anda dapat membuat koneksi tersebut.
Revolusi Tanpa Kode: Mewujudkan Kemakmuran Bisnis dengan Webflow, Framer, Bubble.io,
Mulailah perjalanan inovasi dan kesuksesan yang mendebarkan saat Anda memanfaatkan potensi yang belum dimanfaatkan dari platform tanpa kode yang mengejutkan ini. Izinkan saya berbagi cerita dengan Anda tentang Sapna, seorang pengusaha wanita yang luar biasa.
Related posts
Revolusi Tempat Kerja: Para Ahli Teratas Membahas Kerja Hibrid dan Jarak Jauh
Dalam lanskap bisnis yang berkembang pesat saat ini, konsep kerja hibrid dan jarak jauh telah mendapatkan momentum yang belum pernah terjadi sebelumnya. Saat perusahaan terus beradaptasi dengan perubahan kebutuhan dan harapan karyawan mereka, para ahli dari berbagai bidang berkumpul untuk membahas manfaat, tantangan, dan masa depan cara kerja transformatif ini.
Arsip Ancaman Itu: Vol 7 Black Basta
Di dunia yang saling terhubung saat ini, ancaman serangan dunia maya lebih umum dari sebelumnya. Penjahat dunia maya dan aktor negara terus-menerus berusaha mengeksploitasi kerentanan dan mencuri data berharga, yang menimbulkan risiko signifikan bagi organisasi dari semua ukuran.
Kebohongan Koboi
Bagaimana perusahaan besar menjual kebohongan besar kepada orang Amerika
Ini adalah pagi keemasan yang cemerlang di perbukitan barat, saat sinar pertama matahari menyinari rerumputan beku di dataran. Kawanan sapi Angus yang tenang, hitam legam dan besar, membentuk siluet melawan matahari terbit saat mereka menyusuri jalan setapak menuju lokasi yang mereka semua kenal dengan baik; bar sarapan.
Mencari Informasi Tentang Nama Domain
Kutipan dari Alat Perangkat Lunak Kecil dan Tajam oleh Brian P. Hogan
Saat Anda membuat permintaan ke facebook.com, komputer Anda mencari nama domain untuk menerjemahkan nama domain tersebut menjadi alamat IP sehingga komputer Anda dapat membuat koneksi tersebut.