JavaScript / CSS ການຫຍໍ້ ແລະ ການຫຼຸດນ້ຳໜັກ (Minify)

ບີບອັດ ແລະ ຫຼຸດນ້ຳໜັກໂຄ້ດຕົ້ນສະບັບ JavaScript ແລະ CSS

ຂໍ້ມູນອັບເດດແກ້ໄຂບັນຫາທີ່ຂໍ້ຄວາມພາສາຍີ່ປຸ່ນສະແດງຢູ່ໃນໜ້າທີ່ບໍ່ແມ່ນພາສາຍີ່ປຸ່ນສຳລັບບາງເຄື່ອງມືເບິ່ງຂໍ້ມູນການອັບເດດ

ຄຸນສົມບັດ

ບີບອັດໄດ້ທັງ JS ແລະ CSS

ຫຼຸດນ້ຳໜັກໂຄ້ດ 2 ພາສາດ້ວຍການສະຫຼັບແທັບ

ເອົາຄຳເຫັນ ແລະ ຍະຫວ່າງອອກພ້ອມກັນ

ຫຼຸດການຂຶ້ນແຖວໃໝ່ ແລະ ເຄື່ອງໝາຍ semicolon ທີ່ບໍ່ຈຳເປັນອັດຕະໂນມັດ

ສະແດງປະລິມານທີ່ຫຼຸດເປັນຕົວເລກ

ສະແດງຂະໜາດກ່ອນ-ຫຼັງ ແລະ ອັດຕາການຫຼຸດທັນທີ

ຮັກສາສະຕຣິງ ແລະ regular expression

ບີບອັດຢ່າງປອດໄພໂດຍບໍ່ທຳລາຍ literal ໃນໂຄ້ດ

ວິທີໃຊ້

ເລືອກພາສາທີ່ຈະບີບອັດ

ເລືອກພາສາທີ່ຈະບີບອັດຈາກແທັບ JavaScript ແລະ CSS

ປ້ອນໂຄ້ດຕົ້ນສະບັບ

ວາງໂຄ້ດໃນຊ່ອງປ້ອນ ຫຼື ທົດລອງດ້ວຍປຸ່ມຕົວຢ່າງ

ເຮັດດ້ວຍປຸ່ມບີບອັດ

ສ້າງຜົນການບີບອັດທີ່ເອົາຍະຫວ່າງ ແລະ ຄຳເຫັນອອກ

ກວດ ແລະ ບັນທຶກຜົນການບີບອັດ

ກວດໂຄ້ດຫຼັງບີບອັດ ແລະ ອັດຕາການຫຼຸດ ແລ້ວເອົາໄປດ້ວຍການສຳເນົາ ຫຼື ດາວໂຫຼດ

ກໍລະນີການໃຊ້ງານ

ເຮັດໃຫ້ການສະແດງເວັບໄຊໄວຂຶ້ນ

ຫຼຸດຂະໜາດໄຟລ໌ JS ແລະ CSS ເພື່ອຫຍໍ້ເວລາການໂຫຼດ

ການປະມວນຜົນສຸດທ້າຍກ່ອນເຜີຍແຜ່

ຫຼຸດນ້ຳໜັກ asset ສຳລັບການເຜີຍແຜ່ ເພື່ອຄວບຄຸມຄ່າໃຊ້ຈ່າຍການແຈກຢາຍ

ປະຢັດປະລິມານຂໍ້ມູນມືຖື

ບີບອັດປະລິມານຂໍ້ມູນທີ່ສົ່ງສຳລັບສະພາບແວດລ້ອມມືຖືເພື່ອປະຢັດ

ເຮັດໃຫ້ໂຄ້ດຕົ້ນສະບັບອ່ານຍາກ

ເອົາຂໍ້ມູນການຈັດຮູບແບບອອກເພື່ອເຮັດໃຫ້ໂຄ້ດອ່ານໄດ້ຍາກຂຶ້ນ

ຄວາມຮູ້ພື້ນຖານ

ຄວາມແຕກຕ່າງລະຫວ່າງ Minify ແລະ Obfuscation

Minify ແມ່ນຂະບວນການເອົາຊ່ອງຫວ່າງ, ການຂຶ້ນບັນທັດໃໝ່ ແລະ Comment ອອກ ເພື່ອຫຼຸດຂະໜາດໄຟລ໌, ເຊິ່ງຜົນລັບຈະອ່ານຍາກຂຶ້ນ, ແຕ່ມັນຕ່າງຈາກ Obfuscation (ການປ່ຽນຊື່ຕົວປ່ຽນ ຫຼື ການປ່ຽນໂຄງສ້າງ) ທີ່ມີຈຸດປະສົງປ້ອງກັນການຖອດລະຫັດ.

ຄວາມສຳພັນກັບການບີບອັດ gzip

Minify ແລະການບີບອັດ gzip ຫຼື Brotli ຂອງຝ່າຍເຊີບເວີສາມາດໃຊ້ຮ່ວມກັນໄດ້, ແລະການໃຊ້ທັງສອງຢ່າງເປັນວິທີທີ່ດີທີ່ສຸດ. ການ Minify ຈະຫຼຸດຂະໜາດຕົ້ນສະບັບກ່ອນ ຈາກນັ້ນຈຶ່ງຖືກບີບອັດອີກຄັ້ງໃນລະຫວ່າງການຖ່າຍໂອນ, ດັ່ງນັ້ນຜົນໄດ້ຮັບຈຶ່ງສະສົມກັນ.