63 코드 최적화 적용 결과

source: categories/study/vue-experiance/vue-experiance_9-63.md

63 코드 최적화 적용 결과

const fs = require('fs');
const path = require('path');

let size = 0;

(async () => {
	await fs.promises.readdir(path.join(__dirname, 'dist/js')).then(filelist => {
		filelist.forEach(v => {
			size += fs.statSync(path.join(__dirname, 'dist/js', v)).size;
		});
	});

	await fs.promises.readdir(path.join(__dirname, 'dist/css')).then(filelist => {
		filelist.forEach(v => {
			size += fs.statSync(path.join(__dirname, 'dist/css', v)).size;
		});
	});

	size += fs.statSync(path.join(__dirname, 'dist/index.html')).size;
	console.log(size);
})();

2021년 12월 29일 수요일

• Mobile: dist/index.html, dist/js, dist/css <- 리소스 용량 총합

  • 개선 전: 3562894
  • 개선 후: 2928986
  • package.json sideEffects 설정 제거: 3056540
  • Mobile: 0.82208058954322

• PC: dist/index.html, dist/js, dist/css <- 리소스 용량 총합

  • 개선 전: 5373925
  • 개선 후: 3924895
  • package.json sideEffects 설정 제거: 4209633
  • Pc: 0.730359095074829