Причина

В проекте используется страница Light Year, где необходимо использовать иконки. Поэтому было решено включить Chart.js.

К моему удивлению, размер файла js оказался большим. Я решил найти официальный исходный файл, но не смог найти файл точно такого же размера.

Предположив, что проблема может быть связана с файлом, я скачал Chart.bundle.js, а затем использовал IDEA для сравнения двух файлов. Оказалось, что официальный файл отличается от моего только наличием дополнительной новой строки.

Однако разница заключается в том, что в официальном файле используется символ перевода строки (LF) \n, а в моём файле — последовательность символов возврата каретки и перевода строки (CRLF) \r\n.

Очевидно, это связано с тем, что автор библиотеки добавил дополнительный символ, из-за чего размер файла составил 556 КБ. В то время как размер официального исходного файла составляет 537 КБ.

Конечно, поскольку автор не изменял Chart.js, рекомендуется использовать официальный Chart.bundle.min.js в рабочей среде. Размер этого файла составляет всего 205 КБ.

Также рекомендую автору добавить файлы min к различным файлам css и js. Поскольку большинство пользователей этого шаблона являются бэкенд-разработчиками, включая меня, изначально мы даже не понимали правила различных статических ресурсов, таких как несжатые, min и файлы css.map. Например, их назначение и различия.

Кроме того, файлы index.min.css/js, написанные самим автором, также не были сжаты. Хотелось бы узнать, какие методы сжатия обычно используются для подобных файлов? Я знаю, что существует инструмент webpack для фронтэнд-разработки, но он кажется довольно сложным и больше подходит для крупных проектов.